:root{color-scheme:dark;--surface-0:#111110;--surface-1:#1a1a19;--surface-2:#232322;--line:#2f2f2d;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#8f8e85;--sell:#d03b3b;--accent:#3987e5;--radius:10px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface-0);color:var(--text-primary);font-family:var(--font);font-size:15px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px;display:grid;gap:8px;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;border-top:3px solid var(--accent)}h1{margin:0;font-size:20px;font-weight:600}.sub{margin:0 0 8px;color:var(--text-muted);font-size:13px}label{color:var(--text-secondary);font-size:13px;margin-top:6px}input{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--line);border-radius:8px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{margin-top:12px;min-height:44px;font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.error{margin:6px 0 0;color:#f07070;font-size:13px}