:root{--bg: #f6f8fb;--card: #ffffff;--fg: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #2b6cb0;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0b1016;--card: #131a22;--fg: #e6edf3;--muted: #8b97a6;--border: #223040}}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 8px 30px #0000000f}.brand{font-weight:700;letter-spacing:.02em;color:var(--primary);margin-bottom:14px}.card h1{font-size:20px;margin:0 0 6px}.muted{color:var(--muted);margin:0 0 18px}.status{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;padding:12px 14px;border:1px dashed var(--border);border-radius:10px;margin-bottom:16px}.status span{color:var(--muted)}.status code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.placeholder{font-size:13px;color:var(--muted);margin:0}.btn{display:inline-block;margin-top:8px;padding:11px 20px;font:600 15px/1 system-ui,sans-serif;color:#fff;background:var(--primary);border:0;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn-dev{display:block;margin:10px auto 0;padding:7px 14px;font:500 12px/1 ui-monospace,monospace;color:var(--muted);background:transparent;border:1px dashed var(--border);border-radius:8px;cursor:pointer}.btn-dev:hover{color:var(--fg)}