.auth-page,.auth-dialog{--background:var(--brand-surface);--foreground:var(--brand-ink);--border:var(--brand-line);--accent:var(--brand-soft);--accent-foreground:var(--app-brand);color:var(--brand-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.auth-page{--auth-safe-top:env(safe-area-inset-top,0px);--auth-safe-bottom:env(safe-area-inset-bottom,0px);background:var(--brand-canvas);min-height:100dvh}.auth-main{max-width:1120px;padding:24px 28px calc(48px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-inline:auto;display:grid}.auth-brand{isolation:isolate;background:var(--brand-panel);color:var(--brand-panel-foreground);border-radius:var(--brand-radius);padding:clamp(28px,4vw,52px);border-end-end-radius:var(--brand-curve);flex-direction:column;justify-content:center;min-height:620px;padding-inline-end:clamp(52px,6vw,80px);display:flex;position:relative;overflow:hidden}.auth-brand:before,.auth-brand:after{content:"";z-index:-1;pointer-events:none;border-radius:var(--brand-pill);background:var(--brand-panel-decoration);width:300px;height:300px;position:absolute}.auth-brand:before{inset-inline-end:-140px;top:-120px}.auth-brand:after{inset-inline-start:-170px;width:400px;height:400px;bottom:-150px}.auth-brand h2{letter-spacing:-.035em;text-wrap:balance;margin-block:0 12px;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:750;line-height:1.18}.auth-brand>p{max-width:32ch;color:var(--brand-panel-muted);font-size:1rem;line-height:1.7}.auth-brand-art{width:220px;margin:40px auto 0;padding:0 12px 12px;position:relative}.auth-art-calendar{background:var(--brand-surface);color:var(--app-brand);border-radius:var(--brand-radius-small);box-shadow:var(--brand-elevation);padding:22px;transform:rotate(-6deg)}.auth-art-week{grid-template-columns:repeat(7,1fr);gap:7px;margin-block:22px;display:grid}.auth-art-week i{aspect-ratio:1;border-radius:var(--brand-pill);background:var(--brand-soft)}.auth-art-week i:nth-child(4){background:var(--brand-accent)}.auth-art-slot{background:var(--brand-soft);border-radius:var(--ui-radius);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:10px;display:flex}.auth-art-slot span{border-radius:var(--brand-pill);background:var(--brand-line);width:60%;height:6px}.auth-art-badge{inset-inline-end:-10px;background:var(--brand-accent);width:64px;height:64px;color:var(--brand-accent-foreground);border:5px solid var(--brand-panel);border-radius:var(--brand-pill);place-items:center;display:grid;position:absolute;bottom:0}.auth-card{border:1px solid var(--brand-line);border-radius:var(--brand-radius);background:var(--brand-surface);width:calc(100% + 32px);box-shadow:var(--brand-elevation);margin-inline-start:-32px;position:relative}.auth-page .auth-form{color:var(--brand-ink);padding:clamp(24px,3vw,40px)}.auth-page .auth-tabs{background:var(--brand-soft);border-radius:var(--brand-pill);border:0;margin-bottom:20px;padding:5px}.auth-page .auth-tabs button{border-radius:var(--brand-pill);height:auto;min-height:44px;color:var(--brand-ink-muted);padding-block:10px;font-size:.9375rem}.auth-page .auth-tabs button[aria-pressed=true]{background:var(--brand-surface);color:var(--app-brand);box-shadow:var(--brand-elevation-small)}.auth-page h1{letter-spacing:-.035em;color:var(--brand-ink);margin-bottom:8px;font-size:clamp(1.75rem,3vw,2rem);line-height:1.3}.auth-page h1+p{color:var(--brand-ink-muted);font-size:.9375rem;line-height:1.6}.auth-page form{margin-top:24px}.auth-page form>*+*{margin-top:16px}.auth-page label{color:var(--brand-ink)}.auth-page input:not([type=checkbox]){background:var(--brand-surface);border-radius:var(--ui-radius);min-height:50px;font-size:16px}.auth-page input:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}.auth-page button[type=submit]{border-radius:var(--brand-pill);height:auto;min-height:50px;box-shadow:var(--brand-elevation-small);padding-block:12px}.auth-page .auth-social-button{border-radius:var(--brand-pill);height:auto;min-height:50px;padding-block:12px}.auth-page .auth-inline-link{color:var(--app-brand)}.auth-dialog{background:var(--brand-surface);border-color:var(--brand-line);border-radius:var(--brand-radius)}.auth-dialog input{min-height:48px;font-size:16px}.auth-dialog button[type=submit]{min-height:48px}:is(html:has(.auth-page),body:has(.auth-page)){background-color:var(--brand-canvas);border:0;height:auto;min-height:100%;margin:0;overflow:auto}.auth-page>.auth-toolbar{background:var(--brand-panel)}.auth-page>.auth-toolbar .auth-wordmark{color:var(--brand-panel-foreground)}.auth-page>.auth-toolbar{--toolbar-control-ink:white;--toolbar-control-bg:#ffffff1a;--toolbar-control-hover:#ffffff2e}.auth-tabs-wrap{margin:0}.auth-main{align-items:start}@media (max-width:760px){:is(html:has(.auth-page),body:has(.auth-page)){overscroll-behavior-y:none}.auth-page{padding-top:calc(56px + var(--auth-safe-top))}.auth-page>.auth-toolbar{z-index:40;position:fixed;inset:0 0 auto}.auth-main{padding:0 12px calc(12px + var(--auth-safe-bottom));flex-direction:column;display:flex}.auth-brand{border-radius:0 0 48px;width:calc(100% + 24px);min-height:0;margin-inline:-12px;padding:10px 20px 32px}.auth-brand:before{top:24px;width:120px;height:120px;inset-inline-end:-60px}.auth-brand:after{width:180px;height:180px;bottom:-160px}.auth-brand h2{margin-block:0 6px;font-size:clamp(1.25rem,5.3vw,1.5rem);line-height:1.25}.auth-brand>p{max-width:44ch;font-size:.8125rem;line-height:1.4}.auth-brand-art{display:none}.auth-card{margin-inline-start:0;border-radius:24px;width:100%;max-width:520px;margin-top:-16px}.auth-page .auth-form{padding:12px 16px 16px}.auth-page .auth-tabs{margin-bottom:8px;padding:3px}.auth-page .auth-tabs button{min-height:44px;padding-block:6px;font-size:.875rem}.auth-page h1{margin-bottom:4px;font-size:1.5rem;line-height:1.2}.auth-page h1+p{font-size:.8125rem;line-height:1.4}.auth-page form{margin-top:12px}.auth-page form>*+*{margin-top:10px}.auth-page label{font-size:.8125rem}.auth-page input:not([type=checkbox]){height:44px;min-height:44px}.auth-page button[type=submit],.auth-page .auth-social-button{height:44px;min-height:44px;padding-block:8px}.auth-page .auth-switch-hint{display:none}.auth-page #signup-password-hint{font-size:.75rem;line-height:1.35}}@media (max-width:760px) and (max-height:700px){.auth-brand{padding-block:8px 26px}.auth-brand>p{display:none}.auth-brand h2{margin:0;font-size:1.25rem}.auth-page .auth-form{padding-block:8px 12px}.auth-page .auth-tabs{margin-bottom:4px}.auth-page form,.auth-page form>*+*{margin-top:8px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}@media (max-width:760px) and (max-height:600px){.auth-page h1+p,.auth-brand{display:none}.auth-card{margin-top:8px}}
