:root{--bg:#0f172a;--card:#1b2336;--muted:#272f42;--fg:#f8fafc;--muted-fg:#94a3b8;--border:#475569;--accent:#22c55e;--amber:#f59e0b;--red:#ef4444;--font-ui:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-card:8px;--radius-control:6px}[data-theme=light]{--bg:#f8fafc;--card:#fff;--muted:#e2e8f0;--fg:#0f172a;--muted-fg:#475569;--border:#cbd5e1;--accent:#15803d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);margin:0;padding:0;font-size:14px;line-height:1.5}h1{margin:0 0 16px;font-size:20px}h2{margin:24px 0 8px;font-size:16px}.caption{color:var(--muted-fg);font-size:12px}.mono{font-family:var(--font-mono);font-size:12px}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 16px;display:flex}.brand{font-size:16px;font-weight:600}.brand .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.stamp{margin-left:auto}.main{width:100%;max-width:960px;margin:0 auto;padding:24px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:16px;padding:16px}input[type=password],input[type=text]{background:var(--muted);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-control);width:100%;max-width:320px;padding:8px 12px;font-size:14px}button{background:var(--accent);color:#04120a;border-radius:var(--radius-control);cursor:pointer;border:none;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:wait}.error{color:var(--red)}.warn{color:var(--amber)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}