.auth,.auth *{box-sizing:border-box}.auth{--a-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--a-display:"Source Serif 4",Georgia,serif;--a-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--a-paper:#0f0c08;--a-surface:#16120c;--a-surface-2:#1b1610;--a-ink:#ede6d4;--a-ink-soft:#a8a190;--a-ink-faint:#6f6857;--a-rule:rgba(237,230,212,0.10);--a-rule-firm:rgba(237,230,212,0.16);--a-accent:oklch(0.74 0.15 55);--a-accent-soft:oklch(0.74 0.15 55/0.16);--a-r:11px;position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:32px;background:var(--a-paper);color:var(--a-ink);font-family:var(--a-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga";overflow:auto}.auth:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%,rgba(237,230,212,.05),transparent 60%)}.auth.auth-light{--a-paper:#f4efe6;--a-surface:#ffffff;--a-surface-2:#fbf7ef;--a-ink:#17150f;--a-ink-soft:#4a4638;--a-ink-faint:#8c867d;--a-rule:#e3dacb;--a-rule-firm:#cdbfa8;--a-accent:oklch(0.56 0.15 38);--a-accent-soft:oklch(0.56 0.15 38/0.12)}.auth.auth-light:before{background:radial-gradient(90% 55% at 50% -8%,oklch(.56 .15 38/.06),transparent 60%)}.auth.auth-light .back:hover,.auth.auth-light .modal-x:hover{background:rgba(23,21,15,.05)}.auth.auth-light .oauth-btn.light{background:var(--a-surface);color:var(--a-ink);border-color:var(--a-rule-firm);box-shadow:0 1px 2px rgba(40,33,20,.05)}.auth.auth-light .oauth-btn.light:hover{background:var(--a-surface-2);border-color:var(--a-ink-faint)}.auth.auth-light .oauth-btn.dark{background:var(--a-ink);color:#f4efe6;border-color:transparent}.auth.auth-light .oauth-btn.dark:hover{background:#2a2619}.auth.auth-light .efield{box-shadow:0 1px 2px rgba(40,33,20,.04)}.auth.auth-light .email-btn{background:var(--a-surface)}.auth.auth-light .email-btn:hover:not(:disabled){background:var(--a-surface-2)}.auth.auth-light .code-box{background:var(--a-surface)}.auth.auth-light .code-box.filled{background:var(--a-surface-2)}.auth.auth-light .chip{background:var(--a-surface)}.auth.auth-light .solid{background:var(--a-accent);color:#fff}.auth.auth-light .solid:hover:not(:disabled){filter:brightness(1.06);background:var(--a-accent)}.auth.auth-light .email-btn .sp-inline{border-top-color:var(--a-ink)}.auth button{font-family:inherit;cursor:pointer}.auth a{color:inherit}.auth ::selection{background:var(--a-accent);color:var(--a-paper)}.auth .modal-x{position:fixed;top:18px;right:22px;z-index:5;width:34px;height:34px;display:grid;place-items:center;background:transparent;border:none;border-radius:8px;color:var(--a-ink-faint);transition:color .15s,background .15s}.auth .modal-x:hover{color:var(--a-ink);background:rgba(237,230,212,.06)}.auth .modal-x svg{width:18px;height:18px}.auth .col{position:relative;z-index:1;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:stretch;text-align:center}.auth .step{animation:authfade .3s ease both}@keyframes authfade{0%{opacity:0;transform:translateY(4px)}}.auth .h{font-family:var(--a-display);font-weight:400;font-size:33px;line-height:1.14;letter-spacing:-.012em;margin:0;text-wrap:balance;color:var(--a-ink)}.auth .h em{font-style:italic}.auth .sub{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--a-ink-soft)}.auth .sub a{color:var(--a-ink-soft);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s}.auth .sub a:hover{color:var(--a-ink)}.auth .oauth{display:flex;flex-direction:column;gap:10px;margin-top:34px}.auth .oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:var(--a-r);font-size:14.5px;font-weight:500;letter-spacing:-.003em;border:1px solid transparent;transition:background .15s,border-color .15s,transform .12s,opacity .15s}.auth .oauth-btn:active{transform:translateY(.5px)}.auth .oauth-btn .ico{width:18px;height:18px;display:grid;place-items:center}.auth .oauth-btn .ico svg{width:18px;height:18px}.auth .oauth-btn.light{background:#e9e3d6;color:#1a1611}.auth .oauth-btn.light:hover{background:#f2ecdf}.auth .oauth-btn.dark{background:var(--a-surface);color:var(--a-ink);border-color:var(--a-rule-firm)}.auth .oauth-btn.dark:hover{background:var(--a-surface-2);border-color:rgba(237,230,212,.24)}.auth .rule{height:1px;background:var(--a-rule);margin:22px 0}.auth .efield{display:flex;align-items:center;width:100%;height:48px;background:var(--a-surface);border:1px solid var(--a-rule-firm);border-radius:var(--a-r);padding:0 16px;transition:border-color .15s,box-shadow .15s}.auth .efield:focus-within{border-color:var(--a-accent);box-shadow:0 0 0 3px var(--a-accent-soft)}.auth .efield input{flex:1 1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:var(--a-sans);font-size:14.5px;color:var(--a-ink);text-align:left}.auth .efield input::placeholder{color:var(--a-ink-faint)}.auth .email-btn{width:100%;height:48px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--a-surface);color:var(--a-ink-soft);border:1px solid var(--a-rule);border-radius:var(--a-r);font-size:14.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s,opacity .15s}.auth .email-btn:hover:not(:disabled){background:var(--a-surface-2);color:var(--a-ink);border-color:var(--a-rule-firm)}.auth .email-btn:disabled{opacity:.5;cursor:default}.auth .email-btn svg{width:15px;height:15px}.auth .email-btn .sp-inline{width:14px;height:14px;flex:none;border:1.6px solid color-mix(in oklch,var(--a-ink-soft) 45%,transparent);border-top-color:var(--a-ink);border-radius:50%;animation:authspin .7s linear infinite}.auth .links{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:26px}.auth .tlink{background:none;border:none;padding:0;font-family:var(--a-sans);font-size:13px;font-weight:500;color:var(--a-ink-soft);transition:color .15s}.auth .tlink:hover{color:var(--a-ink)}.auth .tlink.faint{color:var(--a-ink-faint)}.auth .tlink.faint:hover{color:var(--a-ink-soft)}.auth .swap{margin-top:4px;font-size:13px;color:var(--a-ink-faint)}.auth .swap button{color:var(--a-ink);font-weight:600;padding:0 2px;text-decoration:underline;text-underline-offset:2px}.auth .back,.auth .swap button{background:none;border:none;font-family:var(--a-sans);font-size:13px}.auth .back{position:absolute;top:18px;left:22px;z-index:5;display:inline-flex;align-items:center;gap:6px;color:var(--a-ink-faint);font-weight:500;padding:8px 6px;border-radius:8px;transition:color .15s,background .15s}.auth .back:hover{color:var(--a-ink);background:rgba(237,230,212,.06)}.auth .back svg{width:15px;height:15px}.auth .codes{display:flex;gap:10px;margin-top:30px}.auth .code-box{flex:1 1;height:56px;min-width:0;text-align:center;background:var(--a-surface);border:1px solid var(--a-rule-firm);border-radius:var(--a-r);color:var(--a-ink);font-family:var(--a-mono);font-size:22px;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.auth .code-box:focus{border-color:var(--a-accent);box-shadow:0 0 0 3px var(--a-accent-soft)}.auth .code-box.filled{background:var(--a-surface-2)}.auth .resend{margin-top:22px;font-size:12.5px;color:var(--a-ink-faint)}.auth .resend button{background:none;border:none;color:var(--a-ink);font-family:var(--a-sans);font-size:12.5px;font-weight:600;padding:0 2px;text-decoration:underline;text-underline-offset:2px}.auth .resend button:disabled{color:var(--a-ink-faint);cursor:default;text-decoration:none}.auth .demo-note{margin-top:18px;font-family:var(--a-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink-faint);opacity:.7}.auth .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.auth .chip{font-family:var(--a-sans);font-size:13px;font-weight:500;color:var(--a-ink-soft);background:var(--a-surface);border:1px solid var(--a-rule-firm);border-radius:999px;padding:8px 14px;transition:all .14s}.auth .chip:hover{color:var(--a-ink);border-color:rgba(237,230,212,.24)}.auth .chip.on{background:var(--a-ink);border-color:var(--a-ink);color:var(--a-paper)}.auth .solid{width:100%;height:48px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e9e3d6;color:#1a1611;border:none;border-radius:var(--a-r);font-family:var(--a-sans);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s,transform .12s}.auth .solid:hover:not(:disabled){background:#f2ecdf}.auth .solid:active{transform:translateY(.5px)}.auth .solid:disabled{opacity:.4;cursor:default}.auth .solid svg{width:15px;height:15px}.auth .mark{width:56px;height:56px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:var(--a-accent-soft);color:var(--a-accent);animation:authpop .5s cubic-bezier(.2,1.3,.4,1) both}.auth .mark svg{width:26px;height:26px}@keyframes authpop{0%{transform:scale(.6);opacity:0}}.auth .spin{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-family:var(--a-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--a-ink-faint);justify-content:center}.auth .spin .sp{width:13px;height:13px;border:1.6px solid var(--a-rule-firm);border-top-color:var(--a-accent);border-radius:50%;animation:authspin .8s linear infinite}@keyframes authspin{to{transform:rotate(1turn)}}@media (max-width:420px){.auth .h{font-size:28px}.auth{padding:24px 20px}}