:root{--bg: #0f1117;--panel: #171a23;--line: #262b38;--text: #e7e9ee;--muted: #9aa2b1;--accent: #6c47ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.25rem;margin:0 0 .25rem}h3{font-size:1rem;margin:0 0 .35rem}.muted{color:var(--muted);margin:0 0 1rem}.error{color:#f87171;margin-top:.75rem}.note{margin-top:1.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:.75rem}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.stack{display:flex;flex-direction:column;align-items:center;gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.75rem;width:100%;max-width:560px}.hero{text-align:center}.row{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.btn{display:inline-block;padding:.6rem 1.15rem;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text);text-decoration:none;cursor:pointer;font-size:.95rem}.btn.primary{background:#6c47ff;border-color:#6c47ff}.btn:hover{filter:brightness(1.15)}.link{background:none;border:none;color:#8b7bff;cursor:pointer;text-decoration:underline;padding:0 0 0 .5rem;font:inherit}.btn.wide{width:100%}.btn:disabled{opacity:.55;cursor:default;filter:none}.auth-card{max-width:420px}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.field{display:flex;flex-direction:column;gap:.4rem}.field span{font-size:.85rem;color:var(--muted)}.field input{background:#12151d;border:1px solid var(--line);border-radius:9px;padding:.7rem .85rem;color:var(--text);font:inherit;outline:none}.field input:focus{border-color:#6c47ff}.field input.otp{text-align:center;font-size:1.5rem;letter-spacing:.55em;text-indent:.55em;font-variant-numeric:tabular-nums}.form-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem}.link:disabled{opacity:.5;cursor:default}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.2px}.topbar-right{display:flex;align-items:center;gap:.9rem}.content{flex:1;padding:2rem 1.5rem;max-width:1000px;width:100%;margin:0 auto}.panel{border-top:3px solid var(--accent);padding-top:1.25rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem}.tile p{margin:0;color:var(--muted);font-size:.9rem}.token-panel{margin-top:1rem}.token-panel p{margin:0;color:var(--muted);font-size:.9rem}.token-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.token-actions{display:flex;gap:.6rem;flex-shrink:0}.token-actions .btn{padding:.5rem .95rem;font-size:.9rem}.token-box{display:block;width:100%;margin-top:1rem;background:#12151d;border:1px solid var(--line);border-radius:9px;padding:.75rem .85rem;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;resize:vertical;word-break:break-all;outline:none}.token-box:focus{border-color:#6c47ff}.token-panel .token-expiry{margin-top:.6rem;font-size:.82rem;font-variant-numeric:tabular-nums}.token-panel .token-expiry.stale{color:#f87171}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:#6c47ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}