:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--border: #2a3140;--text: #e8eaef;--muted: #9aa3b2;--accent: #5b8cff;--danger: #f07178;--ok: #7fd99a;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.5rem .9rem}button.primary{background:var(--accent);border-color:transparent;color:#0b1020;font-weight:600}button.ghost{background:transparent}input,select,textarea{border-radius:8px;border:1px solid var(--border);background:#0c0e12;color:var(--text);padding:.45rem .6rem}.layout{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3rem}.layout--immersive{max-width:none;margin:0;padding:0}@media(max-width:640px){.topnav--compact{padding:.45rem .65rem;gap:.55rem;font-size:.85rem}.topnav--compact .brand,.topnav--compact .muted{display:none}}@media(max-height:420px)and (orientation:landscape){.topnav--compact{display:none}.layout--immersive{padding:0}}.topnav{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:#0f1115eb;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topnav .brand{font-weight:700;letter-spacing:.02em}.topnav .spacer{flex:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.grid{display:grid;gap:1rem}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}.ok{color:var(--ok)}