*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #0f0f0f;--bg-card: #0f0f0f;--bg-input: rgba(255,255,255,.06);--color-primary-dim: rgba(0,82,255,.14);--color-primary-glow:rgba(0,82,255,.32);--border: rgba(255,255,255,.08);--border-input: rgba(255,255,255,.1);--border-faint: rgba(255,255,255,.05);--border-focus: var(--color-primary);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.52);--text-muted: rgba(255,255,255,.28);--radius-card: 20px;--radius-btn: 999px;--radius-input: 18px;--pill-padding-y: .9rem;--pill-padding-y-input: .75rem;--pill-padding-x: 1rem;--pill-padding-x-input: 1.25rem;--pill-gap: .5rem;--type-h1-size: 1.75rem;--type-h1-weight: 600;--type-h1-line: 1.2;--type-h1-track: -.02em;--type-h2-size: 1.5rem;--type-h2-weight: 700;--type-h2-line: 1.25;--type-h2-track: -.02em;--type-h3-size: 1.25rem;--type-h3-weight: 600;--type-h3-line: 1.3;--type-h3-track: -.015em;--type-h4-size: 1.125rem;--type-h4-weight: 600;--type-h4-line: 1.35;--type-h4-track: -.01em;--type-h5-size: 1rem;--type-h5-weight: 600;--type-h5-line: 1.4;--type-h5-track: -.005em;--type-h6-size: .875rem;--type-h6-weight: 600;--type-h6-line: 1.4;--type-h6-track: 0;--type-body-lg-size: 1rem;--type-body-size: .9375rem;--type-body-sm-size: .875rem;--type-body-weight: 400;--type-body-line: 1.55;--type-body-track: -.01em;--type-small-size: .8125rem;--type-small-line: 1.5;--type-caption-size: .75rem;--type-caption-weight: 500;--type-caption-line: 1.45;--color-primary-hover: #0047E0;--color-primary-light: #6da4ff;--color-danger-bg: rgba(207, 32, 47,.07);--color-danger-border: rgba(207, 32, 47,.18);--color-danger-text: #F1646C;--border-hover: rgba(255,255,255,.22);--bg-hover-subtle: rgba(255,255,255,.03)}body{font-family:InterVariable,Inter Fallback,system-ui,sans-serif;font-size:var(--type-body-size);line-height:var(--type-body-line);letter-spacing:var(--type-body-track);font-weight:var(--type-body-weight);text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-page);color:var(--text-primary);position:relative;overflow:hidden;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-ready{opacity:1;transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){body.page-ready{transition:none}body.page-ready .card{transition:none!important}.orb{animation:none!important}}.orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(100px)}@keyframes orbDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,7%) scale(1.05)}66%{transform:translate(-3%,-4%) scale(.96)}}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}.card{position:relative;z-index:1;width:100%;max-width:420px;background:transparent;border:none;border-radius:0;padding:0;text-align:center;transform:translateY(10px);transition:transform .5s cubic-bezier(.16,1,.3,1)}body.page-ready .card{transform:translateY(0)}.logo{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);text-decoration:none;display:inline-block;margin-bottom:2rem}.logo span,.logo .wm-dot{color:var(--color-primary);font-size:1.25em}h1,.inbox-heading{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);letter-spacing:var(--type-h1-track);line-height:var(--type-h1-line);margin-bottom:1.5rem}.subtitle{font-size:var(--type-body-size);font-weight:var(--type-body-weight);letter-spacing:var(--type-body-track);line-height:var(--type-body-line);color:var(--text-secondary);margin-bottom:2rem}.field-hint{font-size:var(--type-body-sm-size);letter-spacing:var(--type-body-track);color:var(--text-secondary);line-height:1.55;margin-bottom:1rem;text-align:left}.field{text-align:left;margin-bottom:var(--pill-gap)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}label{display:block;font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.45rem}input[type=email]{width:100%;padding:var(--pill-padding-y-input) var(--pill-padding-x-input);background:var(--bg-input);border:1px solid var(--border-faint);border-radius:var(--radius-input);color:var(--text-primary);font-family:inherit;font-size:var(--type-body-lg-size);font-weight:var(--type-body-weight);line-height:1.4;letter-spacing:var(--type-body-track);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:border-color .18s,box-shadow .18s}input[type=email]::placeholder{color:var(--text-muted)}input[type=email]:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px;border-color:transparent;box-shadow:none}input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:hover,input[type=email]:-webkit-autofill:focus,input[type=email]:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-in-out 0s}.btn-primary{width:100%;padding:var(--pill-padding-y) var(--pill-padding-x);background:var(--color-primary);color:#fff;font-family:inherit;font-size:var(--type-body-size);font-weight:600;letter-spacing:var(--type-body-track);border:none;border-radius:var(--radius-btn);cursor:pointer;transition:background .18s,opacity .18s;margin-top:var(--pill-gap)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}--type-* vars still apply. */ .btn-apple{width:100%;padding:var(--pill-padding-y) var(--pill-padding-x);background:transparent;color:var(--text-primary);font-family:inherit;font-size:var(--type-body-size);font-weight:600;letter-spacing:var(--type-body-track);border:1px solid var(--border-input);border-radius:var(--radius-btn);cursor:pointer;transition:border-color .18s,background .18s,opacity .18s;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.btn-apple-icon{width:18px;height:18px;flex-shrink:0}.btn-apple:hover{border-color:var(--border-hover);background:var(--bg-hover-subtle)}.btn-apple:disabled,.btn-apple[aria-busy=true]{opacity:.55;cursor:progress}[data-theme=light] .btn-apple{color:var(--text-primary)}[data-theme=light] .btn-apple:hover{border-color:var(--border-hover);background:var(--bg-hover-subtle)}--type-* vars still apply. */ .btn-apple[aria-busy="true"]{opacity:.55;cursor:progress}.btn-ghost{width:100%;padding:.875rem;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;text-decoration:none;display:block;text-align:center;transition:border-color .18s,color .18s,background .18s}.btn-ghost:hover{border-color:var(--border-input);color:var(--text-primary);background:var(--bg-hover-subtle)}.legal-fineprint{margin-top:1rem;font-size:var(--type-small-size);line-height:var(--type-small-line);letter-spacing:var(--type-body-track);color:var(--text-muted);text-align:center}.legal-fineprint a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;transition:color .18s}.legal-fineprint a:hover{color:var(--text-primary)}.alt-action{margin-top:1rem;font-size:var(--type-body-sm-size);letter-spacing:var(--type-body-track);color:var(--text-secondary);text-align:center}.alt-action a{color:var(--text-primary);font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-input);padding-bottom:1px;transition:border-color .18s}.alt-action a:hover{border-color:var(--text-primary)}.divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;color:var(--text-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);letter-spacing:.01em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-faint)}.error-msg{display:none;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:14px;padding:.75rem 1rem;font-size:var(--type-body-sm-size);letter-spacing:var(--type-body-track);color:var(--color-danger-text);margin-bottom:1rem;text-align:left}#state-success{display:none}#sent-to{color:var(--text-primary);font-weight:600}.try-again-link{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;transition:color .18s}.try-again-link:hover{color:var(--text-primary)}.try-again-link.is-cooldown{pointer-events:none;color:var(--text-muted);opacity:.65;cursor:default;text-decoration:none}.mail-icon{width:52px;height:52px;border-radius:50%;background:var(--color-primary-dim);border:1px solid rgba(0,82,255,.22);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.mail-icon svg{width:24px;height:24px;stroke:var(--color-primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.local-dev-box{display:none;margin-top:1rem;padding:1rem;border-radius:14px;background:var(--color-primary-dim);border:1px solid rgba(0,82,255,.2);text-align:left}.local-dev-box.active{display:block}.local-dev-title{font-size:var(--type-caption-size);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-light);margin-bottom:.5rem}.local-dev-copy{font-size:var(--type-body-sm-size);letter-spacing:var(--type-body-track);line-height:var(--type-body-line);color:var(--text-secondary);margin-bottom:.75rem}.local-dev-actions{display:flex;gap:.6rem;flex-wrap:wrap}.btn-local,.btn-local-secondary{flex:1;min-width:150px;padding:.8rem .9rem;border-radius:var(--radius-btn);font-family:inherit;font-size:var(--type-body-sm-size);letter-spacing:var(--type-body-track);cursor:pointer}.btn-local{background:var(--color-primary);color:#fff;border:none;font-weight:700;transition:opacity .18s}.btn-local:hover{opacity:.85}.local-dev-box>.btn-local{width:100%;min-width:unset}.btn-local-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-input);font-weight:600;transition:border-color .18s,color .18s}.btn-local-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.page-footer{position:relative;z-index:1;margin-top:1.5rem;font-size:var(--type-small-size);letter-spacing:var(--type-body-track);color:var(--text-muted)}.page-footer a{color:var(--text-muted);text-decoration:none}.page-footer a:hover{color:var(--text-secondary)}@media(max-width:600px){body{padding:0;align-items:stretch;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.card{max-width:100%;min-height:100svh;min-height:100vh;border-radius:0;border-left:none;border-right:none;border-top:none;padding:max(env(safe-area-inset-top,0px),2.5rem) 1.75rem max(env(safe-area-inset-bottom,0px),2rem);display:flex;flex-direction:column;justify-content:center}.logo{font-size:2rem;margin-bottom:2rem}h1,.inbox-heading{font-size:1.85rem}:root{--pill-padding-y: 1rem;--pill-padding-y-input: .85rem;--pill-padding-x: 1.05rem;--pill-padding-x-input: 1.5rem}input[type=email]{font-size:1rem}.btn-primary,.btn-google,.btn-apple,.btn-sso-toggle{font-size:1rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.divider{margin:1.25rem 0}.btn-local,.btn-local-secondary{padding:.95rem .75rem;font-size:.95rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page-footer{display:none}}@media(max-width:380px){.card{padding:max(env(safe-area-inset-top,0px),1.75rem) 1.5rem max(env(safe-area-inset-bottom,0px),1.5rem)}.logo{font-size:1.85rem;margin-bottom:1.5rem}h1,.inbox-heading{font-size:1.65rem}.divider{margin:1rem 0}}[data-theme=light]{--bg-page: #ffffff;--bg-card: #ffffff;--bg-input: rgba(0,0,0,.04);--color-primary-dim: rgba(0,82,255,.1);--color-primary-glow: rgba(0,82,255,.22);--border: rgba(0,0,0,.08);--border-input: rgba(0,0,0,.1);--border-faint: rgba(0,0,0,.05);--border-focus: var(--color-primary);--text-primary: #0a0a0a;--text-secondary: rgba(0,0,0,.62);--text-muted: rgba(0,0,0,.48);--border-hover: rgba(0,0,0,.2);--bg-hover-subtle: rgba(0,0,0,.03)}[data-theme=light] .btn-google{background:transparent;border:1px solid var(--border-input);color:var(--text-primary)}[data-theme=light] .btn-google:hover{border-color:var(--border-hover);background:var(--bg-hover-subtle)}[data-theme=light] .btn-ghost{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:100;width:38px;height:38px;border-radius:999px;border:none;background:var(--color-primary);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 14px #0000002e;transition:background .18s,transform .18s}.theme-toggle:hover{background:var(--color-primary-hover)}.theme-toggle:active{transform:scale(.96)}.theme-toggle-icon{display:none}[data-theme=dark] .theme-toggle-icon--moon,[data-theme=light] .theme-toggle-icon--sun{display:block}.auth-redirect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;background:var(--bg-page);color:var(--text-primary)}body[data-auth-redirecting=true] .auth-redirect-overlay{display:flex}.brand-loader{--size: clamp(80px, 14vw, 120px);--glyph-size: calc(var(--size) * .66);--dot-size: calc(var(--size) * .115);--orbit-radius: calc(var(--size) * .36);position:relative;width:var(--size);height:var(--size);display:inline-flex;align-items:center;justify-content:center}.brand-loader .glyph{font-weight:800;line-height:1;font-size:var(--glyph-size);color:var(--text-primary)}.brand-loader .dot{position:absolute;top:50%;left:50%;width:var(--dot-size);height:var(--dot-size);margin-top:calc(var(--dot-size) / -2);margin-left:calc(var(--dot-size) / -2);border-radius:50%;background:var(--color-primary);animation:brand-orbit 1.4s linear infinite;animation-delay:var(--brand-orbit-delay, 0s)}@keyframes brand-orbit{0%{transform:rotate(45deg) translate(var(--orbit-radius)) rotate(-45deg)}to{transform:rotate(405deg) translate(var(--orbit-radius)) rotate(-405deg)}}@media(prefers-reduced-motion:reduce){.brand-loader .dot{animation:none}}