.auth-page{--auth-error:#8b332c;--auth-error-wash:#f5e6e2;background:var(--canvas);flex-direction:column;min-height:100svh;display:flex}.auth-header{padding-top:max(.5rem, env(safe-area-inset-top,0px));padding-right:max(.5rem, env(safe-area-inset-right,0px));padding-left:max(.5rem, env(safe-area-inset-left,0px))}.auth-header-inner{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--background);min-height:4rem;box-shadow:var(--shadow-card);align-items:center;gap:1rem;padding-inline:1rem;display:flex}.auth-nav,.auth-header-actions{align-items:center;display:flex}.auth-nav{gap:.125rem;margin-left:1rem}.auth-nav a,.auth-language,.auth-button-quiet{border-radius:var(--radius-md);min-height:2.75rem;color:var(--muted-foreground);font-size:var(--text-body-sm);transition:background-color var(--duration-press) var(--ease-out-quint), color var(--duration-press) var(--ease-out-quint);justify-content:center;align-items:center;padding-inline:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-nav a:hover,.auth-language:hover,.auth-button-quiet:hover{background:var(--sunken);color:var(--foreground)}.auth-header-actions{gap:.4rem;margin-left:auto}.auth-language{gap:.45rem}.auth-language .data{color:var(--brand);font-size:var(--text-data-sm);font-weight:680}.auth-main{flex:1;align-items:center;padding-block:clamp(2rem,5vw,4.5rem);display:grid}.auth-layout{border:1px solid var(--border-strong);border-radius:var(--radius-2xl);background:var(--background);box-shadow:var(--shadow-panel);grid-template-columns:minmax(22rem,.92fr) minmax(26rem,1.08fr);display:grid;overflow:hidden}.auth-form-panel{background:var(--background);align-items:center;min-width:0;padding:clamp(2rem,4.5vw,4rem);display:grid}.auth-entry{width:min(100%,28rem);margin-inline:auto}.auth-signup-brand{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-bottom:2rem;display:flex}.auth-signup-brand>a{border-radius:var(--radius-md);min-height:2.75rem;color:var(--muted-foreground);font-size:var(--text-body-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.auth-signup-brand>a:last-child{padding-inline:.75rem}.auth-signup-brand>a:last-child:hover{background:var(--sunken);color:var(--foreground)}.auth-form-heading{gap:.75rem;display:grid}.auth-eyebrow,.auth-context-kicker{border-radius:var(--radius-sm);width:fit-content;min-height:1.75rem;font-size:var(--text-data-sm);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding-inline:.6rem;font-weight:650;display:inline-flex}.auth-eyebrow{background:var(--sunken);color:var(--brand-deep)}.auth-form-heading h1,.auth-success h1{letter-spacing:-.035em;max-width:14ch;font-size:clamp(2rem,1.5rem + 1.8vw,3rem);font-weight:670;line-height:1.02}.auth-form-heading p,.auth-success p{max-width:46ch;color:var(--muted-foreground)}.auth-form{gap:1rem;margin-top:2rem;display:grid}.auth-provider-list{gap:.65rem;display:grid}.auth-provider{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--background);width:100%;min-height:3.25rem;color:var(--foreground);font-size:var(--text-body-sm);text-align:left;transition:background-color var(--duration-press) var(--ease-out-quint), border-color var(--duration-press) var(--ease-out-quint), transform var(--duration-press) var(--ease-out-quint);grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;padding:.25rem 1rem;font-weight:650;display:grid}.auth-provider:hover:not(:disabled){border-color:var(--foreground);background:var(--surface)}.auth-provider:active:not(:disabled){transform:scale(.985)}.auth-provider-apple{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.auth-provider-apple:hover:not(:disabled){background:var(--brand-deep);color:var(--on-brand)}.auth-provider:disabled{border-color:var(--border);background:var(--sunken);color:var(--muted-foreground);cursor:not-allowed}.auth-provider-icon{border-radius:var(--radius-sm);background:var(--background);width:2rem;height:2rem;color:var(--foreground);place-items:center;display:grid}.auth-provider-mark{width:1.15rem;height:1.15rem}.auth-provider-arrow{width:1rem;height:1rem;transition:transform var(--duration-state) var(--ease-out-quint);justify-self:end}.auth-provider:hover:not(:disabled) .auth-provider-arrow{transform:translate(2px)}.auth-provider[aria-busy=true] .auth-provider-arrow{animation:.9s linear infinite auth-wait}.auth-page.is-signup .auth-main{align-items:center;padding-block:clamp(1.5rem,5vh,3.5rem)}.auth-page.is-signup .auth-layout{grid-template-columns:minmax(0,1fr);width:min(100% - 2rem,32rem);padding:0}.auth-page.is-signup .auth-form-panel{padding:clamp(1.5rem,5vw,2.5rem)}.auth-page.is-signup .auth-entry{width:100%}.auth-page.is-signup .auth-form-heading h1,.auth-page.is-signup .auth-success h1{max-width:13ch;font-size:clamp(2rem,1.65rem + 1.4vw,2.5rem)}.auth-page.is-signup .auth-form{margin-top:1.5rem}.auth-page.is-signup .auth-form-footer{margin-top:1.25rem;padding-top:1rem}.auth-page.is-signup .auth-page-footer>.frame{max-width:34rem}.auth-field{gap:.4rem;display:grid}.auth-field label{font-size:var(--text-body-sm);font-weight:650}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--sunken);width:100%;min-height:3.25rem;transition:border-color var(--duration-press) var(--ease-out-quint), background-color var(--duration-press) var(--ease-out-quint), box-shadow var(--duration-press) var(--ease-out-quint);padding-inline:.875rem;font-size:1rem;line-height:1}.auth-field input:hover{border-color:var(--border-strong)}.auth-field input:focus{border-color:var(--brand);background:var(--background);box-shadow:0 0 0 3px color-mix(in oklab, var(--signal) 55%, transparent);outline:0}.auth-field input[readonly]{color:var(--muted-foreground);cursor:default}.auth-field small,.auth-agreement-wrap>small,.auth-form-footer small{color:var(--muted-foreground);font-size:var(--text-data-sm);line-height:1.5}.auth-agreement-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:.4rem;padding:.75rem;display:grid}.auth-agreement{cursor:pointer;min-height:2.75rem;font-size:var(--text-body-sm);grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.5rem;line-height:1.5;display:grid}.auth-agreement input{z-index:1;appearance:none;cursor:pointer;grid-area:1/1;width:2.75rem;height:2.75rem;margin:0}.auth-checkmark{border:1px solid var(--border-strong);background:var(--background);pointer-events:none;border-radius:.25rem;grid-area:1/1;place-self:start center;place-items:center;width:1.25rem;height:1.25rem;margin-top:.75rem;display:grid}.auth-checkmark:after{border-bottom:2px solid var(--on-brand);border-left:2px solid var(--on-brand);content:"";opacity:0;width:.6rem;height:.32rem;translate:0 -1px;rotate:-45deg}.auth-agreement input:checked+.auth-checkmark{border-color:var(--brand);background:var(--brand)}.auth-agreement input:checked+.auth-checkmark:after{opacity:1}.auth-agreement input:focus-visible{outline:0}.auth-agreement input:focus-visible+.auth-checkmark{outline:2px solid var(--signal-deep);outline-offset:3px}.auth-agreement-copy{text-align:left;flex-wrap:wrap;align-self:center;align-items:center;column-gap:.25rem;display:flex}.auth-agreement-prefix,.auth-agreement-join{flex:none}.auth-agreement a,.auth-form-footer a,.auth-page-footer a{text-decoration-color:var(--signal-deep);text-underline-offset:3px;align-items:center;min-height:2.75rem;font-weight:650;text-decoration-thickness:2px;display:inline-flex}.auth-status{border-radius:var(--radius-md);background:var(--sunken);color:var(--muted-foreground);font-size:var(--text-body-sm);padding:.75rem;line-height:1.5}.auth-status.is-error{background:var(--auth-error-wash);color:var(--auth-error)}.auth-status.is-success{background:color-mix(in oklab, var(--signal) 35%, var(--background));color:var(--brand-deep)}.auth-submit{width:100%;min-height:3.25rem;margin-top:.25rem}.auth-submit[disabled]{background:var(--sunken);color:var(--muted-foreground);cursor:not-allowed;translate:none}.auth-submit[aria-busy=true] svg{animation:.9s linear infinite auth-wait}.auth-form-footer{border-top:1px solid var(--border);gap:.35rem;margin-top:1.5rem;padding-top:1.25rem;display:grid}.auth-form-footer p{font-size:var(--text-body-sm)}.auth-success{justify-items:start;gap:1rem;width:min(100%,28rem);margin-inline:auto;display:grid}.auth-success[hidden]{display:none}.auth-success-mark{background:var(--signal);width:3rem;height:3rem;color:var(--field);border-radius:50%;place-items:center;display:grid}.auth-success-mark svg{stroke-width:2.4px;width:1.35rem;height:1.35rem}.auth-success .button{margin-top:.5rem}.auth-context{border-left:1px solid var(--field-line);background:var(--field);flex-direction:column;justify-content:center;gap:clamp(2rem,5vw,4rem);min-width:0;padding:clamp(2rem,5vw,4.5rem);display:flex}.auth-context-copy{gap:1rem;display:grid}.auth-context-kicker{border:1px solid var(--field-line);color:var(--signal)}.auth-context h2{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2rem,1.45rem + 2.3vw,3.5rem);font-weight:660;line-height:1.02}.auth-context-copy>p{max-width:48ch;color:var(--on-field-muted)}.auth-route{gap:0;margin:0;padding:0;list-style:none;display:grid}.auth-route li{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.875rem;min-height:4rem;display:grid;position:relative}.auth-route-node{z-index:1;border:1px solid var(--field-line);background:var(--field-raised);width:2.75rem;height:2.75rem;color:var(--on-field-muted);border-radius:50%;place-items:center;display:grid;position:relative}.auth-route li:first-child .auth-route-node,.auth-route li:last-child .auth-route-node{border-color:var(--signal);color:var(--signal)}.auth-route strong{font-size:var(--text-body-sm);align-self:center;padding-bottom:1.25rem;font-weight:620}.auth-route-line{background:var(--field-line);width:1px;position:absolute;top:2.75rem;bottom:0;left:1.375rem}.auth-security{border-top:1px solid var(--field-line);color:var(--on-field-muted);font-size:var(--text-body-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding-top:1.25rem;display:grid}.auth-security svg{width:1.15rem;height:1.15rem;color:var(--signal);margin-top:.2rem}.auth-page-footer{padding:1rem 0 max(1rem, env(safe-area-inset-bottom,0px));color:var(--muted-foreground);font-size:var(--text-data-sm)}.auth-page-footer>div{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.auth-page-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem 1rem;display:flex}@keyframes auth-wait{to{transform:translate(.2rem)}}@media (width<=880px){.auth-main{align-items:start}.auth-layout{grid-template-columns:minmax(0,1fr)}.auth-context{border-top:1px solid var(--field-line);border-left:0}.auth-context h2{max-width:18ch}.auth-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.auth-route li{grid-template-columns:minmax(0,1fr);gap:.65rem;min-height:0}.auth-route-line{width:auto;height:1px;inset:1.375rem -.75rem auto 2.75rem}.auth-route strong{align-self:auto;padding:0}}@media (width<=720px){.auth-nav{display:none}.auth-main{padding-block:1.25rem 2rem}.auth-layout{border-radius:var(--radius-xl)}.auth-form-panel,.auth-context{padding:2rem}}@media (width<=520px){.auth-header{padding-top:max(.35rem, env(safe-area-inset-top,0px));padding-right:max(.35rem, env(safe-area-inset-right,0px));padding-left:max(.35rem, env(safe-area-inset-left,0px))}.auth-header-inner{border-radius:var(--radius-lg);gap:.4rem;min-height:3.65rem;padding-inline:.6rem}.auth-language span:last-child{display:none}.auth-language{min-width:2.75rem;padding-inline:.5rem}.auth-header-actions .button{padding-inline:.75rem}.auth-main .frame{padding-left:max(.75rem, env(safe-area-inset-left,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px))}.auth-layout{border-radius:var(--radius-lg)}.auth-form-panel,.auth-context{padding:1.5rem}.auth-form-heading h1,.auth-success h1,.auth-context h2{font-size:2rem}.auth-route{grid-template-columns:minmax(0,1fr);gap:0}.auth-route li{grid-template-columns:3rem minmax(0,1fr);gap:.75rem;min-height:4rem}.auth-route-line{width:1px;height:auto;inset:2.75rem auto 0 1.375rem}.auth-route strong{align-self:center;padding-bottom:1.25rem}.auth-page-footer>div{flex-direction:column;align-items:flex-start}.auth-page-footer nav{justify-content:flex-start}}@media (width<=420px){.auth-agreement-copy{grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.auth-agreement-prefix,.auth-agreement-join{min-height:1.5rem;color:var(--muted-foreground);font-size:var(--text-data-sm);align-items:center;display:flex}.auth-agreement-copy a{width:fit-content;max-width:100%}}@media (width<=340px){.auth-header-actions .button{font-size:var(--text-data-sm)}.auth-form-panel,.auth-context{padding:1.25rem}.auth-page.is-signup .auth-form-panel{padding-inline:1rem}.auth-page.is-signup .auth-provider{gap:.5rem;padding-inline:.75rem}}@media (height<=500px) and (width>=721px){.auth-main{align-items:start;padding-block:1rem 2rem}.auth-form-panel,.auth-context{padding-block:2rem}}@media (prefers-reduced-motion:reduce){.auth-submit[aria-busy=true] svg{animation:none}}
