:root{--g1:#ff3131;--g2:#ff914d;--grad:linear-gradient(90deg,var(--g1),var(--g2));--ink:#f5f5f7;--muted:#a1a1aa;--line:hsla(0,0%,100%,.14);--line-soft:hsla(0,0%,100%,.07);--glass:hsla(0,0%,100%,.06);--bg:#000;--surf:hsla(0,0%,100%,.04);--surf2:hsla(0,0%,100%,.09);--popover:rgba(16,16,20,.95);--modal-bg:#17171d;--warm:#ffd9b0;--warn-ink:#ffcf8a;--ok-ink:#7ee29a;--danger-ink:#ff6b5e;--danger-soft:#ffb3ab;--glow1:rgba(255,49,49,.18);--glow2:rgba(255,145,77,.16);color-scheme:dark}[data-theme=light]{--ink:#1d1d1f;--muted:#5f5f66;--line:rgba(0,0,0,.13);--line-soft:rgba(0,0,0,.07);--glass:hsla(0,0%,100%,.75);--bg:#f2f2f6;--surf:rgba(0,0,0,.04);--surf2:rgba(0,0,0,.07);--popover:hsla(0,0%,100%,.97);--modal-bg:#fff;--warm:#a44d13;--warn-ink:#8a6210;--ok-ink:#1c7f3e;--danger-ink:#c62d23;--danger-soft:#b3362b;--glow1:rgba(255,49,49,.08);--glow2:rgba(255,145,77,.08);color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 15% 10%,var(--glow1),transparent 70%),radial-gradient(50% 50% at 90% 90%,var(--glow2),transparent 70%)}.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:80;width:42px;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--popover);color:var(--ink);font-size:18px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);transition:transform .12s ease}.theme-toggle:hover{transform:translateY(-1px)}a{color:var(--g2)}.wrap{max-width:420px;margin:8vh auto;padding:0 20px}.card{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:28px;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}.brand{display:inline-block;font-weight:800;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}h1{font-size:20px;margin:6px 0 18px}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--ink);font-size:15px}input:focus{outline:none;border-color:var(--g2);box-shadow:0 0 0 3px rgba(255,145,77,.25)}button.primary{width:100%;margin-top:20px;padding:12px;border:0;border-radius:10px;background:var(--grad);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.muted{color:var(--muted)}.error,.muted{font-size:14px}.error{margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(255,49,49,.12);border:1px solid rgba(255,49,49,.4)}.row{align-items:center;gap:12px}.kv,.row{display:flex;justify-content:space-between}.kv{padding:12px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.pill{padding:4px 12px;border-radius:999px;background:var(--grad);color:#fff;font-size:13px;font-weight:700}button.ghost{padding:9px 14px;border-radius:10px;cursor:pointer;background:var(--surf);border:1px solid var(--line);color:var(--ink)}button:disabled{opacity:.7;cursor:default}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}}