[data-ui=porcelain] .auth-porcelain-route{--auth-card-surface:color-mix(in srgb,var(--surface-1) 96%,var(--bg) 4%);--auth-muted-surface:color-mix(in srgb,var(--surface-2) 72%,var(--surface-1) 28%);--auth-focus:color-mix(in srgb,var(--signal) 22%,transparent);--auth-orb-fill:0;min-block-size:100svh;isolation:isolate;background:radial-gradient(circle at 50% 40%,rgba(var(--accent-rgb),.09),transparent 34%),linear-gradient(155deg,var(--bg) 0,var(--bg-deep) 100%);color:var(--ink)}[data-ui=porcelain] .auth-porcelain-route .auth-stage{min-block-size:100svh;display:grid;grid-template:1fr/minmax(0,1fr);place-items:center;padding-block:clamp(72px,9vh,104px) 40px;padding-inline:20px;position:relative;overflow-x:hidden;overflow-y:auto}[data-ui=porcelain] .auth-porcelain-route .auth-stage:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:multiply}[data-ui=porcelain][data-theme=dark] .auth-porcelain-route .auth-stage:before{mix-blend-mode:soft-light;opacity:.13}[data-ui=porcelain] .auth-porcelain-route .auth-rings{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:min(92vw,760px);block-size:auto;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:none;filter:none;opacity:.74;transform:translate(-50%,-50%) scale(calc(1 - (var(--auth-orb-fill, 0) * .025)));transition:transform .22s var(--ease-out),opacity .18s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-rings:dir(rtl){transform:translate(50%,-50%) scale(calc(1 - (var(--auth-orb-fill, 0) * .025)))}[data-ui=porcelain] .auth-porcelain-route :is(.auth-ring,.auth-orb-glow,.auth-orb-bloom){position:absolute;border-radius:50%;pointer-events:none}[data-ui=porcelain] .auth-porcelain-route .auth-ring{border:1px solid color-mix(in srgb,var(--signal) 28%,transparent);opacity:.42;animation:none;transition:transform .22s var(--ease-out),opacity .18s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-ring-1{inline-size:30%;block-size:30%}[data-ui=porcelain] .auth-porcelain-route .auth-ring-2{inline-size:50%;block-size:50%;opacity:.28}[data-ui=porcelain] .auth-porcelain-route .auth-ring-3{inline-size:70%;block-size:70%;opacity:.18}[data-ui=porcelain] .auth-porcelain-route .auth-ring-4{inline-size:90%;block-size:90%;opacity:.1}[data-ui=porcelain] .auth-porcelain-route .auth-orb-glow{inline-size:26%;block-size:26%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),transparent 70%);opacity:.35;transform:scale(.96);filter:none;transition:transform .22s var(--ease-out),opacity .18s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-orb-bloom{inline-size:26%;block-size:26%;border:1px solid color-mix(in srgb,var(--signal) 54%,transparent);opacity:0;transform:scale(.7)}[data-ui=porcelain] .auth-porcelain-route .auth-rings.focus .auth-ring,[data-ui=porcelain] .auth-porcelain-route .auth-stage:focus-within .auth-ring{opacity:.54;transform:scale(.975)}[data-ui=porcelain] .auth-porcelain-route .auth-rings.focus .auth-ring-3,[data-ui=porcelain] .auth-porcelain-route .auth-stage:focus-within .auth-ring-3{opacity:.24}[data-ui=porcelain] .auth-porcelain-route .auth-rings.focus .auth-orb-glow,[data-ui=porcelain] .auth-porcelain-route .auth-stage:focus-within .auth-orb-glow{opacity:.56;transform:scale(1.04)}[data-ui=porcelain] .auth-porcelain-route .auth-rings.bloom .auth-orb-bloom{animation:auth-porcelain-bloom .26s var(--ease-out) both}@keyframes auth-porcelain-bloom{0%{opacity:.52;transform:scale(.7)}to{opacity:0;transform:scale(4)}}[data-ui=porcelain] .auth-porcelain-route .auth-stack{grid-area:1/1;inline-size:min(100%,440px);position:relative;z-index:2}[data-ui=porcelain] .auth-porcelain-route [data-auth-mode=signup] .auth-stack{inline-size:min(100%,472px)}[data-ui=porcelain] .auth-porcelain-route .auth-wordmark{position:absolute;inset-block-start:30px;inset-inline-start:50%;z-index:3;display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-family:var(--font-display);font-size:19px;font-weight:760;letter-spacing:-.025em;text-decoration:none;text-transform:none;transform:translateX(-50%)}[data-ui=porcelain] .auth-porcelain-route .auth-wordmark:dir(rtl){transform:translateX(50%)}[data-ui=porcelain] .auth-porcelain-route .auth-wordmark .dot{inline-size:9px;block-size:9px;flex:none;border-radius:50%;background:var(--signal);box-shadow:none}[data-ui=porcelain] .auth-porcelain-route .auth-card{inline-size:100%;position:relative;padding-block:78px 30px;padding-inline:32px;border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--auth-card-surface);color:var(--ink);box-shadow:0 24px 64px color-mix(in srgb,var(--ink) 9%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;animation:auth-porcelain-enter .22s var(--ease-out) both}@keyframes auth-porcelain-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-ui=porcelain] .auth-porcelain-route .auth-card>.eyebrow{margin:0;color:var(--signal-ink);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.09em;line-height:1.3;text-align:center;text-transform:uppercase}[data-ui=porcelain] .auth-porcelain-route .auth-card h1{margin-block:9px 7px;color:var(--ink);font-family:var(--font-display);font-size:clamp(26px,4vw,31px);font-weight:650;letter-spacing:-.025em;line-height:1.08;text-align:center}[data-ui=porcelain] .auth-porcelain-route .auth-card>p{max-inline-size:36ch;margin:0 auto 24px;color:var(--ink-muted);font-size:14.5px;line-height:1.5;text-align:center}[data-ui=porcelain] .auth-porcelain-route .auth-provider-button{inline-size:100%;min-block-size:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--surface-1);color:var(--ink);box-shadow:none;font-size:14px;font-weight:650;text-decoration:none;transform:translateY(0);transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),background-color .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-provider-mark{inline-size:20px;block-size:20px;flex:none;filter:none}[data-ui=porcelain] .auth-porcelain-route .auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;margin-block:17px;color:var(--ink-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase}[data-ui=porcelain] .auth-porcelain-route .auth-divider:after,[data-ui=porcelain] .auth-porcelain-route .auth-divider:before{content:"";block-size:1px;background:var(--line)}[data-ui=porcelain] .auth-porcelain-route .auth-fields{display:grid;grid-gap:14px;gap:14px}[data-ui=porcelain] .auth-porcelain-route .auth-fields label{display:grid;grid-gap:7px;gap:7px;color:var(--ink-muted);font-family:var(--font-body);font-size:12.5px;font-weight:650;letter-spacing:0;line-height:1.3;text-transform:none}[data-ui=porcelain] .auth-porcelain-route .auth-fields input{inline-size:100%;min-block-size:48px;padding-block:11px;padding-inline:13px;border:1px solid var(--line-strong);border-radius:var(--r-input);outline:3px solid transparent;outline-offset:1px;background:var(--surface-1);color:var(--ink);caret-color:var(--signal);font-family:var(--font-body);font-size:16px;letter-spacing:0;text-transform:none;transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out),outline-color .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-fields input:focus,[data-ui=porcelain] .auth-porcelain-route .auth-fields input:focus-visible{border-color:var(--signal);outline-color:var(--auth-focus);box-shadow:none}[data-ui=porcelain] .auth-porcelain-route .auth-fields label.has-error input{border-color:var(--danger);outline-color:color-mix(in srgb,var(--danger) 14%,transparent)}[data-ui=porcelain] .auth-porcelain-route .auth-field-error{color:var(--danger);font-size:12px;font-weight:550;line-height:1.4}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form{display:grid;grid-gap:14px;gap:14px;-webkit-margin-before:20px;margin-block-start:20px;text-align:start}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form>p{margin:0;color:var(--ink-muted);font-size:13px;line-height:1.5}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form label{display:grid;grid-gap:7px;gap:7px;color:var(--ink-muted);font-size:12.5px;font-weight:650}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form input{inline-size:100%;min-block-size:48px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--r-input);outline:3px solid transparent;outline-offset:1px;background:var(--surface-1);color:var(--ink);font:16px/1.4 var(--font-body);transition:border-color .16s var(--ease-out),outline-color .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form input:focus-visible{border-color:var(--signal);outline-color:var(--auth-focus)}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form .auth-submit{-webkit-margin-before:0;margin-block-start:0}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form .form-success{padding:10px 12px;border-radius:var(--r-input);background:var(--live-soft);color:var(--live-ink)}[data-ui=porcelain] .auth-porcelain-route .auth-unsubscribe-form .form-error{color:var(--danger)}[data-ui=porcelain] .auth-porcelain-route .auth-pw{position:relative;display:block}[data-ui=porcelain] .auth-porcelain-route .auth-pw input{-webkit-padding-end:68px;padding-inline-end:68px}[data-ui=porcelain] .auth-porcelain-route .auth-pw-toggle{position:absolute;inset-block-start:50%;inset-inline-end:7px;min-block-size:34px;padding-block:6px;padding-inline:8px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--ink-muted);cursor:pointer;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transform:translateY(-50%);transition:color .14s var(--ease-out),background-color .14s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-pw-toggle:focus-visible,[data-ui=porcelain] .auth-porcelain-route :is(.auth-provider-button,.auth-submit,.auth-foot a,.auth-wordmark,.auth-note a,.auth-below a):focus-visible{outline:3px solid var(--auth-focus);outline-offset:3px}[data-ui=porcelain] .auth-porcelain-route .auth-submit{inline-size:100%;min-block-size:48px;display:inline-flex;align-items:center;justify-content:center;-webkit-margin-before:20px;margin-block-start:20px;padding-block:11px;padding-inline:18px;border:1px solid var(--signal);border-radius:999px;background:var(--signal);color:var(--on-signal);box-shadow:none;filter:none;font-size:14px;font-weight:650;text-decoration:none;transform:translateY(0) scale(1);transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out),opacity .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-submit.loading,[data-ui=porcelain] .auth-porcelain-route .auth-submit:disabled{cursor:wait;opacity:.68;transform:none}[data-ui=porcelain] .auth-porcelain-route .auth-note{-webkit-margin-before:15px;margin-block-start:15px;padding-block:11px;padding-inline:13px;border:1px solid var(--line);border-radius:var(--r-input);background:var(--auth-muted-surface);color:var(--ink-muted);font-size:12.5px;line-height:1.5;text-align:start}[data-ui=porcelain] .auth-porcelain-route .auth-note a{color:var(--signal-ink);font-weight:650;text-underline-offset:3px}[data-ui=porcelain] .auth-porcelain-route .auth-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;-webkit-margin-before:18px;margin-block-start:18px;color:var(--ink-muted);font-size:13px;text-align:start}[data-ui=porcelain] .auth-porcelain-route [data-auth-mode=signup] .auth-foot{justify-content:center}[data-ui=porcelain] .auth-porcelain-route .auth-foot a{padding-block:3px;border:0;background:transparent;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--signal) 42%,transparent);text-decoration-color:color-mix(in srgb,var(--signal) 42%,transparent);text-decoration-thickness:1px;text-underline-offset:4px}[data-ui=porcelain] .auth-porcelain-route :is(.auth-error,.auth-message){-webkit-margin-before:15px;margin-block-start:15px;padding-block:11px;padding-inline:13px;border-radius:var(--r-input);font-size:13px;line-height:1.48;animation:auth-porcelain-status .18s var(--ease-out) both}[data-ui=porcelain] .auth-porcelain-route .auth-error{border:1px solid color-mix(in srgb,var(--danger) 32%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--surface-1));color:var(--danger)}[data-ui=porcelain] .auth-porcelain-route .auth-message{border:1px solid color-mix(in srgb,var(--live) 34%,transparent);background:var(--live-soft);color:var(--live-ink)}[data-ui=porcelain] .auth-porcelain-route .auth-below{display:grid;justify-items:center;grid-gap:8px;gap:8px;-webkit-margin-before:18px;margin-block-start:18px;color:var(--ink-muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.035em;line-height:1.5;text-align:center}[data-ui=porcelain] .auth-porcelain-route .auth-below a{color:var(--ink-muted);text-decoration:none}[data-ui=porcelain] .auth-porcelain-route .auth-line-live{display:inline-flex;align-items:center;gap:7px}[data-ui=porcelain] .auth-porcelain-route .auth-line-live>span{inline-size:7px;block-size:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px color-mix(in srgb,var(--live) 12%,transparent)}@keyframes auth-porcelain-status{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-ui=porcelain] .auth-porcelain-route .auth-theme-toggle{position:fixed;inset-block-start:18px;inset-inline-end:18px;z-index:60}[data-ui=porcelain] .auth-porcelain-route .auth-verify-card{min-block-size:330px;display:flex;flex-direction:column;justify-content:center}[data-ui=porcelain] .auth-porcelain-route .auth-verify-card>.eyebrow:before{content:"";inline-size:7px;block-size:7px;display:inline-block;-webkit-margin-end:7px;margin-inline-end:7px;border-radius:50%;background:currentColor;vertical-align:1px}[data-ui=porcelain] .auth-porcelain-route .auth-verify-card.is-ok>.eyebrow{color:var(--signal-ink)}[data-ui=porcelain] .auth-porcelain-route .auth-verify-card.is-error>.eyebrow{color:var(--danger)}[data-ui=porcelain] .auth-porcelain-route .auth-verify-card .auth-submit{-webkit-margin-before:0;margin-block-start:0}@media (hover:hover) and (pointer:fine){[data-ui=porcelain] .auth-porcelain-route .auth-fields input:hover{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}[data-ui=porcelain] .auth-porcelain-route .auth-provider-button:hover{border-color:color-mix(in srgb,var(--signal) 52%,transparent);background:color-mix(in srgb,var(--signal) 5%,var(--surface-1));box-shadow:none;transform:translateY(-1px)}[data-ui=porcelain] .auth-porcelain-route .auth-submit:not(:disabled):hover{border-color:var(--signal-press);background:var(--signal-press);box-shadow:none;filter:none;transform:translateY(-1px)}[data-ui=porcelain] .auth-porcelain-route .auth-submit:not(:disabled):active{transform:scale(.98)}[data-ui=porcelain] .auth-porcelain-route .auth-pw-toggle:hover{background:var(--auth-muted-surface);color:var(--ink)}}@media (max-width:540px){[data-ui=porcelain] .auth-porcelain-route .auth-stage{align-items:start;padding-block:62px 24px;padding-inline:14px}[data-ui=porcelain] .auth-porcelain-route .auth-rings{inset-block-start:38%;inline-size:138vw}[data-ui=porcelain] .auth-porcelain-route .auth-card{inline-size:100%;padding-block:74px 25px;padding-inline:20px;border-radius:var(--r-card)}[data-ui=porcelain] .auth-porcelain-route .auth-stack{inline-size:100%}[data-ui=porcelain] .auth-porcelain-route .auth-wordmark{inset-block-start:27px}[data-ui=porcelain] .auth-porcelain-route .auth-foot{flex-direction:column;gap:9px}[data-ui=porcelain] .auth-porcelain-route .auth-theme-toggle{inset-block-start:14px;inset-inline-end:14px}}@media (prefers-reduced-motion:reduce){[data-ui=porcelain] .auth-porcelain-route .auth-card{animation:auth-porcelain-fade .16s var(--ease-out) both}[data-ui=porcelain] .auth-porcelain-route :is(.auth-ring,.auth-orb-glow){transform:none!important;transition:opacity .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-rings{transition:opacity .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route .auth-rings.bloom .auth-orb-bloom{animation:auth-porcelain-fade .16s var(--ease-out) both}[data-ui=porcelain] .auth-porcelain-route :is(.auth-provider-button,.auth-submit){transform:none!important;transition:opacity .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out)}[data-ui=porcelain] .auth-porcelain-route :is(.auth-error,.auth-message){animation:auth-porcelain-fade .16s var(--ease-out) both}}@keyframes auth-porcelain-fade{0%{opacity:0}to{opacity:1}}