.acct{border-radius:calc(16px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);max-width:440px;box-shadow:0 0 0 1px var(--line), 0 1px 2px #00000008, 0 12px 32px -20px #00000024;margin:0 auto;overflow:hidden}.acct .state{flex-direction:column;display:none}.acct[data-state=loading] .loading,.acct[data-state=pay] .pay,.acct[data-state=email] .email,.acct[data-state=code] .code,.acct[data-state=in] .in{display:flex}.acct h2,.acct h3{font-size:var(--fs-sub);line-height:var(--lh-sub);letter-spacing:-.025em;color:var(--fg);font-weight:500}.acct p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.acct b{color:var(--fg);overflow-wrap:anywhere;font-weight:500}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.acct .wait{flex-direction:row;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:28px}.acct .spin{corner-shape:round;border:2px solid var(--line);border-top-color:var(--fg7);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite acct-spin}@keyframes acct-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.acct .spin{animation-duration:2s}}.acct form.state{gap:12px;padding:28px}.acct form h2{font-size:var(--fs-heading);line-height:var(--lh-heading)}.acct form h2+p{margin-top:-6px}.acct .sso{flex-direction:column;gap:8px;margin-top:6px;display:flex}.acct .sso .btn{gap:10px;height:44px}.acct .sso svg{width:17px;height:17px}.acct .or{font-size:var(--fs-small);line-height:var(--lh-small);align-items:center;gap:12px;margin-top:6px;display:flex}.acct .or:before,.acct .or:after{content:"";background:var(--line);flex:1;height:1px}.acct label{font-size:var(--fs-small);color:var(--fg7);margin-top:8px;font-weight:500}.acct .or+label{margin-top:0}.acct form label{margin-bottom:-6px}.acct input:not([type=radio]){border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);height:44px;box-shadow:0 0 0 1px var(--line), 0 1px 2px #0000000a;color:var(--fg);font:inherit;font-size:var(--fs-input);border:0;padding:0 14px;transition:box-shadow .15s}.acct input::placeholder{color:rgb(var(--ink) / .32)}.acct input:not([type=radio]):focus{box-shadow:0 0 0 1px rgb(var(--ink) / .35), 0 1px 2px #0000000a;outline:0}.acct .otp{position:relative}.acct .otp .slots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.acct .otp i{border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);height:52px;box-shadow:0 0 0 1px var(--line), 0 1px 2px #0000000a;color:var(--fg);font-size:var(--fs-title-3);font-variant-numeric:tabular-nums;place-items:center;font-style:normal;font-weight:500;transition:box-shadow .15s;display:grid}.acct .otp i.lit{box-shadow:0 0 0 1px rgb(var(--ink) / .35), 0 1px 2px #0000000a}.acct .otp i.lit:empty:after{content:"";corner-shape:round;background:var(--fg);border-radius:1px;width:1.5px;height:24px;animation:1.1s step-end infinite acct-caret}@keyframes acct-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.acct .otp i.lit:empty:after{animation:none}}.acct #a-code,.acct #a-code:focus{z-index:1;width:100%;height:100%;box-shadow:none;color:#0000;caret-color:#0000;cursor:text;background:0 0;padding:0;position:absolute;inset:0}.acct #a-code::selection{background:0 0}.acct .btn{cursor:pointer;border:0;justify-content:center;font-family:inherit}.acct form .btn{margin-top:4px}.acct .btn:disabled{opacity:.6;cursor:default}.acct .link{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);font:inherit;font-size:var(--fs-body);color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:center;margin:0 -6px;padding:4px 6px;transition:color .15s,background .15s}.acct .link:hover{color:var(--fg);background:var(--chip)}.acct .link:disabled{opacity:.6}.acct .err{border-top:1px solid var(--line);font-size:var(--fs-body);line-height:var(--lh-body);color:#d92d20;background:#d92d200f;margin:0;padding:12px 28px}[data-theme=dark] .acct .err{color:#ff8a80}.acct .err.note,[data-theme=dark] .acct .err.note{background:var(--card);color:var(--fg7)}.acct .who{align-items:center;gap:12px;padding:20px 24px;display:flex}.acct .ava{corner-shape:round;background:var(--fg);width:36px;height:36px;color:var(--on-fg);font-size:var(--fs-lead);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.acct .who h2{min-width:0;font-size:var(--fs-lead);letter-spacing:-.01em;flex-direction:column;flex:1;line-height:20px;display:flex}.acct .who h2 small{font-size:var(--fs-small);letter-spacing:0;color:var(--muted);font-weight:400;line-height:18px}.acct .who h2 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct .pro,.acct .free{border-top:1px solid var(--line);flex-direction:column;padding:22px 24px 24px;display:none}.acct .every{border-top:1px solid var(--line);background:var(--card);padding:20px 24px 22px;display:none}.acct[data-pro=none] .free,.acct:is([data-pro=stripe],[data-pro=revenuecat],[data-pro=grant]) .pro{display:flex}.acct:is([data-pro=stripe],[data-pro=revenuecat],[data-pro=grant]) .every{display:block}.acct[data-pro=stripe] .store,.acct[data-pro=revenuecat] :is([data-act=portal],.fine.portal),.acct[data-pro=grant] :is([data-act=portal],.fine){display:none}.acct .phead{justify-content:space-between;align-items:center;gap:12px;display:flex}.acct .phead h3{font-size:var(--fs-heading);line-height:var(--lh-heading)}.acct .on,.acct .off-chip{corner-shape:round;background:color-mix(in srgb, var(--new) 12%, transparent);height:22px;color:var(--new);font-size:var(--fs-tiny);border-radius:99px;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.acct .on:before{content:"";corner-shape:round;background:currentColor;border-radius:50%;width:6px;height:6px}.acct .on.ending,.acct .off-chip{background:var(--chip);color:var(--fg7)}.acct .rows{flex-direction:column;margin:10px 0 0;display:flex}.acct .rows>div{min-height:40px;font-size:var(--fs-body);justify-content:space-between;align-items:center;gap:12px;display:flex}.acct .rows>div[hidden]{display:none}.acct .rows>div+div{border-top:1px solid var(--line)}.acct .rows dt{color:var(--fg7)}.acct .rows dd{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.acct .pro .btn,.acct .free .btn{margin-top:16px}.acct .fine{font-size:var(--fs-small);line-height:var(--lh-small);text-align:center;text-wrap:balance;margin-top:10px}.acct .free>p:not(.fine){margin-top:6px}.acct .free a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.acct fieldset{border:0;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;display:flex}.acct .pick{border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);height:48px;box-shadow:0 0 0 1px rgb(var(--ink) / .12);font-size:var(--fs-lead);color:var(--fg);cursor:pointer;align-items:center;gap:10px;margin:0;padding:0 14px;font-weight:500;transition:box-shadow .15s,background .15s;display:flex}.acct .pick:hover{background:var(--card)}.acct .pick:has(:checked){box-shadow:0 0 0 1.5px var(--fg);background:var(--card)}.acct .pick input{appearance:none;corner-shape:round;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px rgb(var(--ink) / .3);cursor:pointer;border-radius:50%;outline:0;flex:none;margin:0;transition:box-shadow .15s}.acct .pick input:checked{box-shadow:inset 0 0 0 5px var(--fg)}.acct .pick span{align-items:center;gap:8px;display:inline-flex}.acct .pick em{border-radius:calc(5px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:color-mix(in srgb, var(--new) 12%, transparent);height:20px;color:var(--new);font-size:var(--fs-tiny);text-transform:uppercase;font-variant-numeric:tabular-nums;align-items:center;padding:0 6px;font-style:normal;font-weight:600;display:inline-flex}.acct .pick span:last-child{color:var(--muted);font-size:var(--fs-body);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.acct .every p{margin-top:2px}.acct .apps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.acct .apps a{border-radius:calc(8px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--paper-btn-bg);height:36px;box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px rgb(var(--ink) / .1);font-size:var(--fs-body);color:var(--fg9);justify-content:center;align-items:center;gap:7px;font-weight:500;transition:transform .15s cubic-bezier(.23,1,.32,1);display:flex}[data-theme=dark] .acct .apps a{box-shadow:inset 0 1px 2px #ffffff14,0 0 0 1px #ffffff1a}.acct .apps a:active{transform:scale(.97)}.acct .apps svg{width:15px;height:15px}[data-theme=dark] .acct{box-shadow:0 0 0 1px var(--line)}@media (width<=480px){.acct form.state{padding:24px 20px}.acct .who,.acct .pro,.acct .free,.acct .every{padding-left:20px;padding-right:20px}.acct .err{padding:12px 20px}.acct .otp .slots{gap:6px}}