:root { --bg:#0b1020; --fg:#e7f1ff; --acc:#35a7ff; --mut:#9db3cc}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Arial}
header{position:sticky;top:0;background:#0d1226;display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid #182040}
.nav a{color:var(--fg);text-decoration:none;margin-right:10px}
.nav .brand{font-weight:700;letter-spacing:.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.card{background:#0f1730;border:1px solid #1a2547;border-radius:16px;padding:14px;box-shadow:0 4px 16px #0006}
.btn{background:var(--acc);color:#00142a;padding:8px 12px;border:none;border-radius:10px;cursor:pointer}
.btn.secondary{background:#1a2547;color:var(--fg)}
.badge{padding:2px 6px;border:1px solid #2b3c6f;border-radius:999px;font-size:.8em;color:#cde}
.chips .chip{display:inline-block;margin:2px 6px 0 0;padding:2px 8px;border:1px solid #2b3c6f;border-radius:999px}
.kv{display:grid;grid-template-columns:120px 1fr;gap:6px;align-items:center}
pre{white-space:pre-wrap;background:#0c152b;border:1px solid #1a2547;padding:8px;border-radius:10px}
footer{padding:20px;color:#9db3cc;text-align:center;border-top:1px solid #182040;margin-top:30px}
.pill{display:inline-block;padding:6px 10px;border:1px solid #2b3c6f;border-radius:14px}