:root{--auth-font:Arial,Helvetica,sans-serif;--auth-bg:var(--fg-bg,#111113);--auth-text:var(--fg-text,#f5f5f7);--auth-muted:#aeacb3;--auth-accent:var(--fg-accent,#ff873a);--auth-accent-hover:#ff9c5b;--auth-on-accent:#281709;--auth-surface:#19191c;--auth-surface-hover:#222225;--auth-control-border:#686870;--auth-border:#303035;--auth-placeholder:#9a98a1;--auth-focus:#ffb383;--auth-paper:#e8e0d3;--auth-paper-ink:#302a23;--auth-paper-muted:#645c51;--auth-paper-line:#c9bfae;--auth-error-text:#ffc4b7;--auth-error-bg:#30211e;--auth-error-border:#a76656;--auth-success-text:#c0dfcc;--auth-success-bg:#1b2c24;--auth-success-border:#5e8b70;--auth-transparent:transparent;--auth-press:.99;--auth-ease:cubic-bezier(.23,1,.32,1)}.auth-page{--background:var(--auth-bg);--foreground:var(--auth-text);--primary:var(--auth-accent);--primary-foreground:var(--auth-on-accent);--input:var(--auth-control-border);--border:var(--auth-border);--ring:var(--auth-focus);--muted-foreground:var(--auth-muted);background:var(--auth-bg);min-height:100svh;color:var(--auth-text);font:16px/1.5 var(--auth-font);flex-direction:column;display:flex}.auth-skip{z-index:1;background:var(--auth-accent);color:var(--auth-on-accent);border-radius:8px;padding:12px 16px;position:absolute;top:16px;left:24px;transform:translateY(-180%)}.auth-skip:focus{transform:translateY(0)}.auth-header{justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100%);min-height:88px;margin:0 auto;padding:20px 48px;display:flex}.auth-header>a:first-child{align-items:center;min-height:44px;display:flex}.auth-header .brand{font-size:24px}.auth-home{min-height:44px;color:var(--auth-muted);align-items:center;gap:8px;font-size:14px;display:flex}.auth-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:80px;width:min(1280px,100%);margin:auto;padding:24px 48px 32px;display:grid}.auth-form-pane{outline-offset:8px;justify-content:center;min-width:0;scroll-margin-top:24px;display:flex}.auth-card{width:100%;max-width:392px;padding:16px 0}.auth-heading{margin-bottom:24px}.auth-heading h1,.auth-status h1{overflow-wrap:break-word;text-wrap:balance;letter-spacing:-.04em;min-width:0;margin:0 0 16px;font-size:36px;font-weight:550;line-height:1.16}.auth-heading>p,.auth-status>p{color:var(--auth-muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.7}.auth-back{min-height:44px;color:var(--auth-muted);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;display:inline-flex}.auth-page .auth-google{border:1px solid var(--auth-control-border);width:100%;height:auto;min-height:52px;color:var(--auth-text);background:var(--auth-surface);box-shadow:none;transition:background-color .16s var(--auth-ease),border-color .16s var(--auth-ease),transform .12s var(--auth-ease);border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.auth-google[data-busy]{opacity:.5;cursor:not-allowed}.auth-divider{color:var(--auth-muted);align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-border);flex:1;height:1px}.auth-card fieldset{border:0;min-width:0;margin:0;padding:0}.auth-card [data-slot=field-group]{gap:20px}.auth-page .auth-field{min-width:0;color:var(--auth-text);gap:8px;font-size:14px;font-weight:400}.auth-page [data-slot=field-label]{color:var(--auth-text);font-size:14px;font-weight:450;line-height:1.5}.auth-page .auth-field input{border:1px solid var(--auth-control-border);background:var(--auth-surface);width:100%;min-width:0;height:48px;font:inherit;color:var(--auth-text);box-shadow:none;transition:border-color .16s var(--auth-ease),background-color .16s var(--auth-ease);border-radius:8px;padding:12px 16px;font-size:16px}.auth-field input::placeholder{color:var(--auth-placeholder)}.auth-page .auth-field input:focus-visible{border-color:var(--auth-focus);outline:2px solid var(--auth-focus);outline-offset:4px;box-shadow:none}.auth-page .auth-field input[aria-invalid=true]{border-color:var(--auth-error-border)}.auth-field small{color:var(--auth-muted);align-items:flex-start;gap:8px;font-size:12px;font-weight:400;line-height:1.7;display:flex}.auth-field small>svg{flex:none;margin-top:4px}.auth-field small[data-ready]{color:var(--auth-success-text)}.auth-label-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.auth-label-row a{min-height:44px;color:var(--auth-muted);text-underline-offset:4px;align-items:center;font-size:13px;font-weight:400;display:inline-flex}.auth-page .auth-password{border-color:var(--auth-control-border);background:var(--auth-surface);min-width:0;height:48px;box-shadow:none;transition:border-color .16s var(--auth-ease);border-radius:8px}.auth-page .auth-password input{background:var(--auth-transparent);height:100%;box-shadow:none;border:0;outline:none;padding-right:8px}.auth-page .auth-password input:focus-visible{box-shadow:none;border:0;outline:none}.auth-page .auth-password:has(input:focus-visible){outline:2px solid var(--auth-focus);outline-offset:4px;border-color:var(--auth-focus);box-shadow:none}.auth-page .auth-password:has(input[aria-invalid=true]){border-color:var(--auth-error-border);box-shadow:none}.auth-page .auth-password [data-slot=input-group-addon]{padding:0 4px 0 0}.auth-page .auth-reveal{width:44px;height:44px;min-height:44px;color:var(--auth-muted);background:var(--auth-transparent);cursor:pointer;transition:background-color .16s var(--auth-ease),color .16s var(--auth-ease);border:0;border-radius:4px;flex:none;place-items:center;margin:0;padding:0;display:grid}.auth-page .auth-submit{background:var(--auth-accent);border:1px solid var(--auth-accent);width:100%;height:auto;min-height:52px;color:var(--auth-on-accent);font:inherit;white-space:normal;cursor:pointer;box-shadow:none;transition:background-color .16s var(--auth-ease),border-color .16s var(--auth-ease),transform .12s var(--auth-ease);border-radius:8px;justify-content:center;align-items:center;gap:12px;margin:0;padding:12px 20px;font-size:15px;font-weight:550;line-height:1.5;text-decoration:none;display:flex}.auth-submit>svg{flex:none}.auth-page button:disabled,.auth-card fieldset:disabled .auth-reveal{opacity:.5;cursor:not-allowed}.auth-error{color:var(--auth-error-text);background:var(--auth-error-bg);border:1px solid var(--auth-error-border);overflow-wrap:anywhere;outline-offset:4px;border-radius:8px;margin:0;padding:12px 16px;font-size:13px;font-weight:400;line-height:1.7}.auth-success{border:1px solid var(--auth-success-border);background:var(--auth-success-bg);color:var(--auth-success-text);border-radius:8px;align-items:flex-start;gap:12px;margin:0 0 24px;padding:12px 16px;font-size:13px;display:flex}.auth-success>svg{flex:none;margin-top:4px}.auth-success p{margin:0;line-height:1.7}.auth-switch{text-align:center;color:var(--auth-muted);margin:24px 0 0;font-size:14px;line-height:1.8}.auth-switch a{min-height:44px;color:var(--auth-text);text-underline-offset:4px;align-items:center;font-weight:500;display:inline-flex}.auth-legal-note{color:var(--auth-muted);text-align:center;text-wrap:pretty;margin:16px 0 0;font-size:12px;line-height:1.8}.auth-link-note{border:1px solid var(--auth-border);background:var(--auth-surface);color:var(--auth-muted);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;display:flex}.auth-link-note>svg{flex:none;margin-top:4px}.auth-link-note p{margin:0;line-height:1.8}.auth-state-icon{background:var(--auth-surface);border:1px solid var(--auth-border);width:56px;height:56px;color:var(--auth-accent);border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.auth-status>.auth-status-note{color:var(--auth-muted);margin:16px 0;font-size:13px}.auth-status .auth-submit{margin-top:24px}.auth-status>.auth-error{margin-top:16px}.auth-email-address{background:var(--auth-surface);border:1px solid var(--auth-border);color:var(--auth-text);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:12px;margin:24px 0;padding:16px;font-size:14px;line-height:1.6;display:flex}.auth-email-address svg{color:var(--auth-muted);flex:none;margin-top:4px}.auth-email-address span{overflow-wrap:anywhere;min-width:0}.auth-status-link{min-height:44px;color:var(--auth-text);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.auth-text-button{min-height:44px;color:var(--auth-muted);font:inherit;background:var(--auth-transparent);cursor:pointer;white-space:nowrap;border:0;margin:4px auto 0;padding:8px 12px;font-size:13px;display:block}.auth-feedback{background:var(--auth-success-bg);border:1px solid var(--auth-success-border);color:var(--auth-success-text);border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.8}.auth-google-help{text-align:center;color:var(--auth-muted);margin:20px 0 0;font-size:13px;line-height:1.8}.auth-google-help a{color:var(--auth-text);text-underline-offset:4px;text-decoration:underline}.auth-story{background:var(--auth-paper);min-width:0;min-height:640px;color:var(--auth-paper-ink);border-radius:16px;flex-direction:column;justify-content:space-between;align-self:stretch;padding:40px 40px 24px;display:flex;position:relative;overflow:clip}.auth-story h2{overflow-wrap:break-word;text-wrap:balance;letter-spacing:-.045em;min-width:0;color:var(--auth-paper-ink);margin:0 0 20px;font-size:clamp(40px,4vw,56px);font-weight:550;line-height:1.04}.auth-story-copy>p{color:var(--auth-paper-muted);text-wrap:pretty;max-width:344px;margin:0;font-size:15px;line-height:1.7}.auth-preview{isolation:isolate;place-items:center;min-height:300px;margin:24px 0 16px;display:grid;position:relative}.auth-preview-image{object-fit:contain;width:100%;max-width:440px;height:auto;max-height:360px;display:block}@media (min-width:801px) and (prefers-reduced-motion:no-preference){.auth-preview-image{animation:auth-image-settle .9s var(--auth-ease) backwards}}@keyframes auth-image-settle{0%{opacity:.6;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}.auth-story-bottom{border-top:1px solid var(--auth-paper-line);padding-top:8px}.auth-story-bottom p{color:var(--auth-paper-muted);align-items:center;gap:8px;margin:8px 0 0;font-size:12px;line-height:1.6;display:flex}.auth-story-bottom svg{flex:none}.auth-footer{width:min(1440px,100%);color:var(--auth-muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:12px 48px 16px;font-size:12px;display:flex}.auth-footer nav{align-items:center;gap:24px;display:flex}.auth-footer nav a{align-items:center;min-height:44px;display:flex}.auth-page :is(a,button,input):focus-visible{outline:2px solid var(--auth-focus);outline-offset:4px}.auth-page :is(a,button){touch-action:manipulation;-webkit-tap-highlight-color:var(--auth-transparent)}.auth-page :is(.auth-submit,.auth-google):active:not(:disabled){transform:scale(var(--auth-press))}.auth-page[data-auth-mode=signup] .auth-heading h1{font-size:32px}.auth-spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.auth-home:hover,.auth-back:hover,.auth-label-row a:hover,.auth-footer a:hover{color:var(--auth-text)}.auth-page .auth-google:hover{background:var(--auth-surface-hover);border-color:var(--auth-muted)}.auth-page .auth-field input:hover,.auth-page .auth-password:hover{border-color:var(--auth-muted)}.auth-page .auth-password input:hover{border:0}.auth-page .auth-reveal:hover{background:var(--auth-surface-hover);color:var(--auth-text)}.auth-page .auth-submit:hover{background:var(--auth-accent-hover);border-color:var(--auth-accent-hover)}.auth-switch a:hover,.auth-text-button:hover,.auth-status-link:hover{color:var(--auth-text);text-decoration:underline}}@media (min-width:1600px){.auth-layout{padding-top:40px;padding-bottom:40px}.auth-story{min-height:704px;padding:48px 48px 32px}.auth-preview{min-height:320px}}@media (min-width:801px) and (max-height:1000px){.auth-layout{padding-top:16px;padding-bottom:16px}.auth-story{min-height:0;padding:32px 32px 24px}.auth-story h2{font-size:44px}.auth-preview{min-height:240px;margin:16px 0}.auth-preview-image{max-height:280px}}@media (max-width:1100px){.auth-layout{gap:48px;padding:24px 32px 32px}.auth-header{padding:16px 32px}.auth-story{min-height:616px;padding:32px 32px 24px}.auth-story h2{font-size:44px}.auth-footer{padding-left:32px;padding-right:32px}}@media (max-width:800px){.auth-header{min-height:80px;padding:16px 24px}.auth-layout{justify-content:center;padding:24px 24px 32px;display:flex}.auth-form-pane{width:100%}.auth-card{padding:16px 0}.auth-story{display:none}.auth-footer{padding:12px 24px 16px}.auth-home{font-size:13px}.auth-heading h1,.auth-status h1{font-size:32px}}@media (max-width:420px){.auth-header{padding:12px 20px}.auth-header .brand{font-size:24px}.auth-home{font-size:12px}.auth-layout{padding:16px 20px 24px}.auth-heading{margin-bottom:24px}.auth-heading h1,.auth-status h1{font-size:32px}.auth-footer{flex-wrap:wrap;gap:8px;padding:8px 20px 12px}.auth-footer nav{gap:20px}.auth-switch{font-size:13px}}@media (max-width:800px){.auth-card [data-slot=field-group]{gap:16px}.auth-page[data-auth-mode=signup] .auth-heading h1{font-size:28px}}@media (max-height:540px) and (max-width:900px){.auth-layout{justify-content:center;align-items:flex-start;display:flex}.auth-form-pane{width:100%}.auth-header{min-height:64px}.auth-card{padding:0}.auth-story{display:none}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}.auth-page :is(.auth-submit,.auth-google):active{transform:none}}@media (prefers-contrast:more){.auth-page{--auth-muted:var(--auth-text);--auth-control-border:var(--auth-muted)}}@media (forced-colors:active){.auth-page :is(input,button,a,[data-slot=input-group]){forced-color-adjust:auto}.auth-story{display:none}.auth-layout{grid-template-columns:minmax(0,1fr)}}
