:root{--ss-brand: #6258C9;--ss-brand-hover: #5147B5;--ss-brand-soft: #EEECFF;--ss-brand-soft-hover: #E4E1FF;--ss-brand-border: #D6D1FF;--ss-canvas: #F8F7F4;--ss-surface: #FFFFFF;--ss-surface-subtle: #F2F1EE;--ss-surface-pressed: #EAE9E5;--ss-segment: #EFEDE8;--ss-ink: #252A40;--ss-text-secondary: #626779;--ss-text-quiet: #5B6075;--ss-text-muted: #818595;--ss-border: #E4E3DF;--ss-border-strong: #C9C9D2;--ss-border-control-hover: #B4B4C0;--ss-gain: #2F8F6F;--ss-gain-soft: #E5F4EE;--ss-loss: #C94F5D;--ss-loss-soft: #FCEBED;--ss-shadow-sm: 0 1px 2px rgba(37, 42, 64, .06);--ss-ring: 0 0 0 2px var(--ss-canvas), 0 0 0 4px var(--ss-brand);--ss-ease: cubic-bezier(.2, 0, 0, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root{--ss-brand: #8F87EC;--ss-brand-hover: #A19AF0;--ss-brand-soft: rgba(143, 135, 236, .18);--ss-brand-soft-hover: rgba(143, 135, 236, .26);--ss-brand-border: rgba(143, 135, 236, .38);--ss-canvas: #14162A;--ss-surface: #1E2135;--ss-surface-subtle: #272A40;--ss-surface-pressed: #30344C;--ss-segment: #272A40;--ss-ink: #ECECF3;--ss-text-secondary: #A4A8BC;--ss-text-quiet: #A4A8BC;--ss-text-muted: #7D8197;--ss-border: #2E3149;--ss-border-strong: #41455F;--ss-border-control-hover: #565A76;--ss-gain: #5CC9A3;--ss-gain-soft: rgba(92, 201, 163, .14);--ss-loss: #F08A95;--ss-loss-soft: rgba(240, 138, 149, .14);--ss-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--ss-canvas);color:var(--ss-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,p{margin:0}a{color:var(--ss-brand);font-weight:600;text-decoration:none}a:hover{color:var(--ss-brand-hover);text-decoration:underline}a:focus-visible{outline:none;border-radius:6px;box-shadow:var(--ss-ring)}.auth-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:440px;margin:0 auto;padding:calc(72px + env(safe-area-inset-top,0px)) 20px calc(32px + env(safe-area-inset-bottom,0px))}.auth-container[data-view=forgot],.auth-container[data-view=update]{padding-top:calc(56px + env(safe-area-inset-top,0px))}.auth-container[data-view=verify]{padding-top:calc(160px + env(safe-area-inset-top,0px))}@media (min-height: 900px) and (min-width: 600px){.auth-container{padding-top:12vh}}.auth-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.auth-mark{display:block}.auth-brand{font-size:22px;font-weight:700;letter-spacing:-.01em}.auth-tagline{display:none;font-size:15px;color:var(--ss-text-secondary);text-wrap:pretty}.auth-container[data-view=signin] .auth-tagline[data-for=signin],.auth-container[data-view=signup] .auth-tagline[data-for=signup]{display:block}.auth-container:not([data-view=signin]):not([data-view=signup]) :is(.auth-header,.auth-tabs){display:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--ss-segment)}.auth-tab{height:36px;border:none;border-radius:9px;background:transparent;color:var(--ss-text-quiet);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .12s var(--ss-ease),color .12s var(--ss-ease)}.auth-tab.active{background:var(--ss-surface);color:var(--ss-ink);box-shadow:var(--ss-shadow-sm)}.auth-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ss-brand)}.auth-form{display:none}.auth-form.active{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:600;line-height:1.4;color:var(--ss-ink)}.field-control{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--ss-border-strong);border-radius:12px;background:var(--ss-surface);color:var(--ss-text-secondary);transition:border-color .12s var(--ss-ease),box-shadow .12s var(--ss-ease)}.field-control svg{flex:none}.field-control:hover{border-color:var(--ss-border-control-hover)}.field-control:focus-within{border-color:var(--ss-brand);box-shadow:inset 0 0 0 1px var(--ss-brand)}.field-input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ss-ink);font-family:inherit;font-size:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field-input::placeholder{color:var(--ss-text-muted)}.field-input:-webkit-autofill{-webkit-text-fill-color:var(--ss-ink);box-shadow:0 0 0 40px var(--ss-surface) inset}.field-hint{font-size:12px;line-height:1.4;color:var(--ss-text-secondary)}.forgot-password{display:flex;justify-content:flex-end;margin-top:-8px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .12s var(--ss-ease)}.btn--primary{background:var(--ss-brand-soft);color:var(--ss-brand);font-weight:700}.btn--primary:hover:not(:disabled){background:var(--ss-brand-soft-hover)}.btn--primary:active:not(:disabled){background:var(--ss-brand-border)}.btn--secondary{background:var(--ss-surface);border-color:var(--ss-border-strong);color:var(--ss-ink)}.btn--secondary:hover:not(:disabled){background:var(--ss-surface-subtle)}.btn--secondary:active:not(:disabled){background:var(--ss-surface-pressed)}.btn:disabled{background:var(--ss-surface-subtle);border-color:var(--ss-border);color:var(--ss-text-muted);cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--ss-ring)}.divider{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:12px;font-weight:500;color:var(--ss-text-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--ss-border)}.oauth-list{display:flex;flex-direction:column;gap:8px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1px solid var(--ss-border-strong);border-radius:12px;background:var(--ss-surface);color:var(--ss-ink);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .12s var(--ss-ease)}.oauth-btn[hidden]{display:none}.oauth-btn svg{flex:none}.oauth-btn:hover:not(:disabled){background:var(--ss-surface-subtle)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn:focus-visible{outline:none;box-shadow:var(--ss-ring)}.oauth-btn--discord{border-color:#5865f2;background:#5865f2;color:#fff}.oauth-btn--discord:hover:not(:disabled){background:#4752c4}.oauth-btn--apple{border-color:#000;background:#000;color:#fff}.oauth-btn--apple:hover:not(:disabled){background:#1d1d1f}.terms-notice{font-size:12px;line-height:1.5;color:var(--ss-text-secondary);text-align:center}.auth-back{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;margin-left:-8px;font-size:15px}.auth-back:hover{text-decoration:none}.auth-title{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.auth-title h1{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.auth-title p{font-size:15px;color:var(--ss-text-secondary)}.auth-verify.active{align-items:center;text-align:center}.auth-verify-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:999px;background:var(--ss-brand-soft);color:var(--ss-brand)}.auth-verify h1{font-size:24px;font-weight:700;line-height:1.25}.auth-verify p{font-size:15px;color:var(--ss-text-secondary)}.auth-verify-email{font-weight:600;color:var(--ss-ink);overflow-wrap:anywhere}.auth-verify .auth-verify-note{font-size:13px;line-height:1.5}.resend-status{min-height:1.25rem;margin-top:-8px;font-size:13px;color:var(--ss-text-secondary)}.resend-status.is-ok{color:var(--ss-gain)}.resend-status.is-error{color:var(--ss-loss)}.auth-verify-back{font-size:14px}.error-message,.success-message{display:none;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}.error-message{background:var(--ss-loss-soft);color:var(--ss-loss)}.success-message{background:var(--ss-gain-soft);color:var(--ss-gain)}.error-message.show,.success-message.show{display:block}.loading{display:none;font-size:14px;color:var(--ss-text-secondary);text-align:center}.loading.show{display:block}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.brand-quest{color:var(--ss-brand, #6258C9)}