:root{--bg-primary:#0d0d0d;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-hover:#222;--accent:#ff6b00;--accent-dim:#c50;--accent-glow:#ff6b0033;--text-primary:#e0e0e0;--text-secondary:#888;--text-muted:#555;--border:#2a2a2a;--danger:#f55;--warn:#e0a83c;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Menlo, Consolas, monospace;--radius:8px;--maxw:680px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);min-height:100%;color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}body{min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-glow);color:var(--text-primary)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:8px;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{color:var(--accent);font-size:16px}.brand-name{letter-spacing:.02em;font-weight:600}.topnav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.topnav a{color:var(--text-secondary)}.topnav a:hover{color:var(--accent)}.content{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:32px 20px}.foot{max-width:var(--maxw);color:var(--text-muted);margin:0 auto;padding:20px;font-size:12px}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.panel-title{margin-bottom:10px;font-size:20px;font-weight:600}.panel-lede{color:var(--text-secondary);margin-bottom:20px}.panel-note{color:var(--text-muted);margin-top:18px;font-size:12px}.panel-warn{border-left:2px solid var(--warn);color:var(--text-secondary);background:var(--bg-tertiary);margin:18px 0;padding:8px 12px}.panel-error{border-left:2px solid var(--danger);color:var(--text-primary);background:var(--bg-tertiary);margin-bottom:18px;padding:8px 12px}.code-form{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.field-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.code-input{letter-spacing:.22em;text-transform:uppercase;max-width:320px;font-size:24px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:9px 16px;font-family:inherit;font-size:13px}button:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:#0d0d0d;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#0d0d0d}.facts{grid-template-columns:max-content 1fr;gap:6px 18px;margin-bottom:4px;display:grid}.facts dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:12px}.facts dd{color:var(--text-primary);overflow-wrap:anywhere}.mono{letter-spacing:.14em}.cards{gap:12px;list-style:none;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);padding:16px}.card-title{margin-bottom:4px;font-weight:600;display:inline-block}.card-body{color:var(--text-secondary);font-size:13px}.devices{gap:10px;list-style:none;display:grid}.device{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);padding:14px 16px}.device-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.device-label{overflow-wrap:anywhere;font-weight:600}.device-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:6px;font-size:12px;display:flex}.device-warn{color:var(--text-secondary);border-left:2px solid var(--warn);margin-top:10px;padding-left:10px;font-size:12px}.auth-slot{justify-content:center;display:flex}.cl-rootBox,.cl-card{--clerk-color-primary:var(--accent);--clerk-color-background:var(--bg-secondary);--clerk-color-input-background:var(--bg-primary);--clerk-color-foreground:var(--text-primary);--clerk-color-muted-foreground:var(--text-secondary);--clerk-color-border:var(--border);--clerk-color-danger:var(--danger);--clerk-font-family:var(--font-mono);--clerk-border-radius:var(--radius)}