.acct-page{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;min-height:calc(100vh - 150px);padding:56px 16px 72px;display:grid;position:relative}.acct-card{z-index:1;border:1px solid var(--border);background:var(--ox-surface,var(--panel));width:min(504px,100%);box-shadow:var(--ox-shadow,none);-webkit-backdrop-filter:blur(22px)saturate(1.25);text-align:center;border-radius:22px;padding:40px 48px 30px;position:relative}.acct-mark{place-items:center;width:52px;height:52px;margin:0 auto 16px;animation:.42s cubic-bezier(.2,.8,.2,1) both ox-rise;display:grid}.acct-state{min-width:0;display:grid}.acct-card h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.32rem,5vw,1.6rem);font-weight:600;line-height:1.2}.acct-card p{margin:0}.acct-card p.acct-sub{max-width:40ch;color:var(--text-dim);text-wrap:balance;margin:10px auto 0;font-size:.94rem;line-height:1.55}.acct-form{margin:0}.acct-card a:focus-visible,.acct-card button:focus-visible,.acct-primary:focus-visible,.acct-ghost:focus-visible,.acct-textbtn:focus-visible,.acct-chip input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.acct-card p.acct-alert{border:1px solid color-mix(in srgb, var(--ox-danger,#ff8a7a) 38%, transparent);background:color-mix(in srgb, var(--ox-danger,#ff8a7a) 9%, transparent);color:var(--text);text-align:left;border-radius:10px;margin-top:20px;padding:11px 14px;font-size:.9rem;line-height:1.5}.acct-alert a{color:var(--teal)}.acct-providers{gap:10px;margin-top:28px;display:grid}.acct-provider,.acct-primary{width:100%;min-height:48px;font-family:var(--body);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:12px;place-items:center;padding:0 16px;font-size:.95rem;font-weight:500;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s,opacity .22s;display:grid}.acct-provider{border:1px solid var(--border-strong);background:var(--ox-field,transparent);color:var(--text)}.acct-provider.is-google{color:#1f1f1f;background:#fff;border-color:#0000;font-weight:600}.acct-provider:not(:disabled):hover,.acct-primary:not(:disabled):hover{transform:translateY(-1px)}.acct-provider.is-google:hover{box-shadow:0 12px 30px -10px #2ee6d059}.acct-primary{color:var(--ox-on-brand,#04211d);background:linear-gradient(135deg,#2ee6d0,#1e9bff);border:0;font-weight:600}.acct-primary:not(:disabled):hover{box-shadow:0 12px 32px -10px #2ee6d080}.acct-provider-icon{flex-shrink:0;width:18px;height:18px}.acct-provider.is-soon{cursor:not-allowed;color:var(--text-dim)}.acct-provider.is-soon .acct-provider-icon,.acct-provider.is-soon .acct-label{opacity:.7}.acct-soon{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:500}.acct-face{grid-area:1/1;justify-content:center;align-items:center;gap:10px;min-width:0;transition:opacity .22s,transform .22s;display:inline-flex}.acct-face.is-pending{opacity:0;transform:translateY(4px)}[data-pending]>.acct-face{opacity:0;transform:translateY(-4px)}[data-pending]>.acct-face.is-pending{opacity:1;transform:none}.acct-label{white-space:nowrap}[data-busy] button:not([data-pending]){opacity:.45;pointer-events:none}[data-busy] [data-pending]{pointer-events:none}.acct-or{color:var(--text-faint);align-items:center;gap:12px;margin:16px 0;font-size:.78rem;display:flex}.acct-or:before,.acct-or:after{content:"";background:var(--border);flex:1;height:1px}.acct-email{gap:10px;display:grid}.acct-email .acct-input:disabled{cursor:not-allowed;opacity:.7}.acct-email .acct-provider{justify-content:center;gap:10px;display:flex}.acct-card p.acct-legal{color:var(--text-dim);margin-top:20px;font-size:.78rem;line-height:1.55}.acct-legal a,.acct-switch a{color:var(--teal);font-weight:500;text-decoration:none}.acct-legal a:hover,.acct-switch a:hover{text-underline-offset:3px;text-decoration:underline}.acct-card p.acct-switch{border-top:1px solid var(--border);color:var(--text-dim);margin:22px -48px 0;padding:18px 48px 0;font-size:.9rem}.acct-identity{border:1px solid var(--border);background:var(--ox-field,transparent);text-align:left;border-radius:14px;align-items:center;gap:14px;margin-top:22px;padding:12px 14px;display:flex}.acct-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.acct-avatar-initial{color:#04211d;font-family:var(--display);background:linear-gradient(135deg,#2ee6d0,#1e9bff);place-items:center;font-size:1.05rem;font-weight:600;display:grid}.acct-identity-text{gap:2px;min-width:0;display:grid}.acct-identity-name{overflow-wrap:anywhere;font-size:.96rem;font-weight:600}.acct-identity-email{color:var(--text-dim);overflow-wrap:anywhere;font-size:.86rem}.acct-state>.acct-form .acct-primary{margin-top:16px}.acct-textbtn{color:var(--text-dim);font-family:var(--body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;justify-self:center;margin-top:12px;padding:6px 4px;font-size:.9rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.acct-textbtn:hover{color:var(--text);text-decoration-color:currentColor}.acct-welcome{text-align:left;gap:22px;margin-top:24px;display:grid}.acct-field{border:0;gap:8px;min-width:0;display:grid}legend.acct-field-label{margin-bottom:8px;padding:0}.acct-field-label{color:var(--text);font-size:.88rem;font-weight:500}.acct-field-hint{color:var(--text-dim);font-weight:400}.acct-input{border:1px solid var(--border-strong);background:var(--ox-field,transparent);width:100%;min-height:48px;color:var(--text);font-family:var(--body);border-radius:12px;padding:12px 14px;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.acct-input::placeholder{color:var(--text-faint)}.acct-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 18%, transparent);outline:none}.acct-chips{flex-wrap:wrap;gap:8px;display:flex}.acct-chip{cursor:pointer;position:relative}.acct-chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.acct-chip span{border:1px solid var(--border-strong);background:var(--ox-field,transparent);min-height:38px;color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.88rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.acct-chip:hover span{color:var(--text)}.acct-chip input:checked+span{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 12%, transparent);color:var(--text)}.acct-chip input:checked+span:before{content:"";background:linear-gradient(135deg,#2ee6d0,#1e9bff);border-radius:50%;width:7px;height:7px}.acct-actions{gap:10px;display:flex}.acct-actions .acct-primary{flex:1}.acct-ghost{border:1px solid var(--border-strong);min-height:48px;color:var(--text-dim);font-family:var(--body);cursor:pointer;background:0 0;border-radius:12px;place-items:center;padding:0 20px;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s,opacity .22s;display:grid}.acct-ghost:hover{color:var(--text);border-color:var(--text-faint)}:root[data-theme=light] .acct-provider.is-google{border-color:var(--border-strong);box-shadow:0 6px 18px -10px #0c28264d}@media (max-width:560px){.acct-card{-webkit-backdrop-filter:blur(1.5px)saturate(1.2);padding:32px 28px 26px}.acct-card p.acct-switch{margin-inline:-28px;padding-inline:28px}}@media (max-width:420px){.acct-card{border-radius:18px;padding:28px 20px 22px}.acct-card p.acct-switch{margin-inline:-20px;padding-inline:20px}.acct-provider{padding:0 12px;font-size:.9rem}.acct-face{gap:8px}.acct-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.acct-mark{animation-duration:1ms}.acct-provider,.acct-primary,.acct-face,.acct-chip span,.acct-input{transition-duration:1ms}.acct-provider:hover,.acct-primary:hover{transform:none!important}}