:root{--accent:#66f6ff;--accent-2:#9ffcff;--accent-pink:#ff8fb7;--bg-0:#071016;--bg-1:#0b131b;--bg-2:#101b25;--text-0:#ecfeff;--text-1:rgba(213,241,255,.82);--text-2:rgba(176,214,232,.72);--ring:color-mix(in oklab,var(--accent) 60%,transparent);--ring-2:color-mix(in oklab,var(--accent) 38%,transparent);--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.16);--glass:rgba(255,255,255,.045);--shadow-1:0 24px 80px rgba(0,0,0,.52);--shadow-2:0 0 0 1px rgba(255,255,255,.05) inset}html{scrollbar-gutter:stable}#login-modal,#login-modal *{box-sizing:border-box}#login-modal{position:fixed!important;inset:0!important;z-index:21474!important;display:grid!important;place-items:center!important;background:transparent!important;isolation:isolate;overscroll-behavior:contain}#login-modal:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1000px 620px at 18% 12%,rgba(102,246,255,.18),transparent 56%),radial-gradient(820px 560px at 84% 88%,rgba(255,143,183,.16),transparent 58%),linear-gradient(180deg,#04080cb8,#03070bd6);backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%);z-index:-2}#login-modal .auth-stage{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}#login-modal .rim-glow{position:absolute;inset:8%;border-radius:36px;background:radial-gradient(closest-side,rgba(102,246,255,.2),transparent 72%);filter:blur(46px);opacity:.62}#login-modal .glass-bloom{position:absolute;width:min(46vw,620px);aspect-ratio:1/1;right:-10%;top:-12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(102,246,255,.08),transparent 66%);filter:blur(30px);opacity:.86}#login-modal .scanline{position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff07 0,#fff0 2px 6px);background-size:100% 7px;opacity:.08;mix-blend-mode:screen}#login-modal .auth-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:18px}#login-modal .auth-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.975);opacity:0;width:min(520px,calc(100vw - 24px));max-width:520px;max-height:min(92dvh,700px);border-radius:22px;padding:16px;background:linear-gradient(180deg,#0a121ce6,#070d16f0);border:1px solid rgba(170,238,255,.18);box-shadow:0 28px 90px #0000008f,0 0 0 1px #ffffff0d inset,0 0 42px #66f6ff2e,0 0 90px #ff8fb71a,0 0 140px #66f6ff14;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);will-change:transform,opacity;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .22s ease;touch-action:pan-y}#login-modal .auth-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 100% at 0% 0%,rgba(255,255,255,.1),transparent 42%),radial-gradient(90% 90% at 100% 100%,rgba(102,246,255,.06),transparent 40%);opacity:.9}#login-modal.show .auth-card,#login-modal.is-open .auth-card,#login-modal[aria-hidden=false] .auth-card{transform:translate(-50%,-50%) scale(1);opacity:1}#login-modal .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1;min-width:0;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}#login-modal .title-wrap{min-width:0;flex:1 1 auto}#login-modal .title-wrap h3{margin:0;font:900 clamp(20px,3.6vw,24px)/1.06 ui-sans-serif,system-ui;letter-spacing:.03em;color:#f2feff;text-shadow:0 0 18px rgba(102,246,255,.18),0 0 32px rgba(255,143,183,.08)}#login-modal .subtitle{margin:.38rem 0 0;font:600 clamp(12px,2.6vw,14px)/1.25 ui-sans-serif,system-ui;letter-spacing:.04em;color:#b8e5f6c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login-modal .mode-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:4px;min-width:220px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #0000002e;isolation:isolate;overflow:hidden}#login-modal .mode-toggle .tab{appearance:none;-webkit-appearance:none;border:0;outline:0;margin:0;min-width:0;height:38px;padding:0 14px;border-radius:10px;background:transparent;color:#def0f9c2;font:800 12px/1 ui-sans-serif,system-ui;letter-spacing:.025em;cursor:pointer;position:relative;z-index:2;white-space:nowrap;transition:color .18s ease,transform .12s ease}#login-modal .mode-toggle .tab:hover{color:#f5feff}#login-modal .mode-toggle .tab:active{transform:translateY(1px)}#login-modal .mode-toggle .tab.active,#login-modal .mode-toggle .tab.is-active,#login-modal .mode-toggle .tab[aria-selected=true]{color:#06151a}#login-modal .mode-toggle .inkbar{display:block;position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:linear-gradient(180deg,azure,#c3fbff,#a9f5ff);box-shadow:0 0 0 1px #ffffff38 inset,0 10px 24px #66f6ff33,0 0 32px #ff8fb714,0 0 28px #66f6ff24;transition:transform .26s cubic-bezier(.2,.7,.2,1);z-index:1;pointer-events:none}#login-modal[data-mode=signin] .mode-toggle .inkbar{transform:translate(0)}#login-modal[data-mode=signup] .mode-toggle .inkbar{transform:translate(100%)}#login-modal #form-wrap{position:relative;z-index:1;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-width:0;width:100%;padding-top:4px;scroll-padding-bottom:120px}#login-modal .form-pane{display:grid;gap:12px;min-width:0;width:100%;align-content:start}#login-modal .form-pane[hidden]{display:none!important}#login-modal .field{display:grid;gap:6px;width:100%;min-width:0}#login-modal .field span{display:block;margin-bottom:.18rem;color:var(--text-1);font:800 11px/1.2 ui-sans-serif,system-ui;letter-spacing:.09em;text-transform:uppercase}#login-modal .field input,#login-modal .password-wrap input{width:100%;min-width:0;height:50px;padding:0 14px;font-size:16px;line-height:1.2;color:#effcff;background:linear-gradient(180deg,#ffffff0f,#ffffff0b);border:1px solid rgba(255,255,255,.13);border-radius:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease}#login-modal .field input::placeholder,#login-modal .password-wrap input::placeholder{color:#c2e1ef6b}#login-modal .field input:hover,#login-modal .password-wrap input:hover{border-color:#ffffff2e}#login-modal .field input:focus,#login-modal .password-wrap input:focus{border-color:color-mix(in oklab,var(--accent) 72%,transparent);box-shadow:0 0 0 2px var(--ring-2),0 0 18px #66f6ff1a,0 0 28px #ff8fb70f;background:#ffffff14}#login-modal .password-wrap{position:relative;width:100%;min-width:0}#login-modal .password-wrap input{padding-right:48px}#login-modal .password-wrap .peek{appearance:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:#effcff;cursor:pointer;-webkit-tap-highlight-color:transparent}#login-modal .password-wrap .peek:hover{background:#ffffff12}#login-modal .password-wrap .peek:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}#login-modal .primary,#login-modal .ghost{width:100%;min-height:46px;border-radius:14px;font:900 13px/1 ui-sans-serif,system-ui;letter-spacing:.07em;cursor:pointer}#login-modal .primary{appearance:none;border:0;color:#04161b;background:linear-gradient(180deg,azure,#b9fbff 52%,#9eefff);box-shadow:0 12px 30px #66f6ff42,0 0 28px #66f6ff24,0 2px #ffffff57 inset;transition:transform .08s ease,filter .18s ease,box-shadow .18s ease}#login-modal .primary:hover{box-shadow:0 14px 34px #66f6ff4d,0 0 34px #ff8fb71a,0 2px #ffffff57 inset}#login-modal .primary:active{transform:translateY(1px);filter:brightness(.97)}#login-modal .ghost{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#dff7ffd6;transition:border-color .18s ease,background .18s ease}#login-modal .ghost:hover{border-color:#fff3;background:#ffffff0d}#login-modal .tos{margin:6px 2px 0;width:100%;min-width:0;font:600 12px/1.45 ui-sans-serif,system-ui;color:#9fe7ff;overflow-wrap:anywhere;word-break:break-word}#login-modal .tos a{color:#d8faff;text-decoration:underline;text-underline-offset:2px}#login-modal [hidden]{display:none!important}#login-modal [inert]{pointer-events:none}@media(max-width:520px){#login-modal .auth-overlay{padding:16px;place-items:center}#login-modal .auth-card{position:relative;inset:auto;transform:none;opacity:1;width:min(92vw,420px);max-width:420px;height:auto;min-height:0;max-height:min(86svh,620px);border-radius:22px;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}#login-modal.show .auth-card,#login-modal.is-open .auth-card,#login-modal[aria-hidden=false] .auth-card{transform:none}#login-modal .card-top{gap:10px;align-items:flex-start;flex-direction:column}#login-modal .mode-toggle{width:100%;min-width:0}#login-modal #form-wrap{padding-bottom:max(6px,env(safe-area-inset-bottom))}#login-modal .auth-card:has(input:focus,textarea:focus){padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){#login-modal .auth-card,#login-modal .mode-toggle .inkbar,#login-modal .mode-toggle .tab{transition:none!important}}html.auth-open,body.auth-open{overflow:hidden}.auth-open #app-root,.auth-open #app,.auth-open .scroll-container,.auth-open .panel,.auth-open #mobile-menu{pointer-events:none!important}#login-modal,#login-modal [data-auth-overlay]{display:grid!important;place-items:center!important}@media(max-width:520px){#login-modal .auth-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;width:min(92vw,420px)!important;max-width:420px!important;height:auto!important;max-height:86svh!important;border-radius:16px!important;padding:14px!important;overflow:hidden!important;align-self:center!important;justify-self:center!important}#login-modal #auth-subtitle{font-size:clamp(10px,3.2vw,12px)!important;line-height:1.2!important;margin:6px 0 10px!important;text-align:center!important;max-width:22ch!important;margin-inline:auto!important;text-wrap:balance;overflow-wrap:anywhere;opacity:.9}#login-modal #form-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}#login-modal .auth-card:has(input:focus,textarea:focus){padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}#login-modal:before{position:fixed!important;inset:0!important}#login-modal[hidden]{display:none!important}