:root{--bg: #0b0d14;--bg-soft: #141826;--panel: #1b2032;--line: #2a3149;--ink: #f2f4fb;--ink-dim: #9aa3bd;--a: #4da3ff;--b: #ff7a59;--ok: #3ddc84;--no: #ff4d5e;--gold: #ffc93c;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--ink-dim)}button:disabled{opacity:.4;cursor:not-allowed}input{font:inherit;color:inherit;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.gate{min-height:100dvh;display:grid;place-items:center;gap:1rem;text-align:center}.gate form{display:flex;gap:.5rem}.gate input{width:9rem;text-align:center;letter-spacing:.3em;font-size:1.3rem}.gate .err{color:var(--no);min-height:1.2em}.gate h1{font-size:1.4rem;font-weight:600;margin:0}.gate .logo{width:72px;opacity:.9}.offline{position:fixed;inset:auto 0 0 0;background:var(--no);color:#fff;text-align:center;padding:.4rem;font-weight:600;z-index:99}