:root{
  --bg:#000000; --fg:#00ff88; --muted:#8affc6; --line:#0c3; --link:#00ffaa;
  --warn:#ffd86b; --panel:#06150c;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;line-height:1.65}
a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,255,136,.25)}
.nav{max-width:980px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{color:var(--fg);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;font-size:14px}
.navlinks{display:flex;gap:10px;flex-wrap:wrap}.navlinks a{color:var(--muted);padding:7px 10px;border:1px solid transparent;border-radius:10px}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--fg);border-color:rgba(0,255,136,.3);text-decoration:none;background:rgba(0,255,136,.04)}
.wrap{max-width:980px;margin:0 auto;padding:36px 22px 70px}
.kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(0,255,136,.25);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:12px;margin:2px 0 14px}
h1{font-size:32px;margin:0 0 10px;letter-spacing:.02em} h2{font-size:19px;margin:0 0 10px} h3{font-size:16px;margin:0 0 8px}
.lead{color:var(--muted);max-width:74ch}.meta{color:var(--muted);font-size:14px}.small{font-size:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:20px}
.card,.panel{border:1px solid rgba(0,255,136,.28);background:var(--panel);border-radius:12px;padding:16px}
.list{display:grid;gap:10px;margin-top:8px}.item{padding:12px;border-radius:10px;border:1px solid rgba(0,255,136,.22);background:rgba(0,255,136,.03)}
.item code{color:var(--fg);font-family:inherit}
.footer{margin-top:28px;color:var(--muted);font-size:13px}
.status-pill{display:inline-block;padding:3px 8px;border:1px solid rgba(255,216,107,.35);color:var(--warn);border-radius:999px;font-size:12px;margin-left:6px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:10px;border:1px solid rgba(0,255,136,.3);color:var(--fg);text-decoration:none;background:rgba(0,255,136,.04)}
.btn:hover{text-decoration:none;background:rgba(0,255,136,.08)}
pre{background:#041009;color:var(--fg);padding:14px;border:1px solid rgba(0,255,136,.24);border-radius:12px;overflow:auto;white-space:pre-wrap}
.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-top:1px solid rgba(0,255,136,.18);padding:10px 8px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600}
@media (max-width:860px){.grid{grid-template-columns:1fr}}