.account-app{background:var(--ef-canvas);width:100%;min-height:100dvh;color:var(--ef-ink);flex-direction:column;display:flex}.account-app :focus-visible{outline:2px solid var(--ef-focus);outline-offset:3px}.account-main{flex:1 0 auto;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:100%;display:grid}.account-story,.account-panel{min-width:0;padding:28px clamp(16px,2.4vw,36px) 32px}.account-story{background:var(--ef-canvas);border-right:2px solid var(--ef-cyan);flex-direction:column;gap:18px;display:flex}.account-title{max-width:16ch;color:var(--ef-ink);font-family:var(--ef-font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.125rem,4vw,3.4rem);font-weight:450;line-height:1.02}.account-title em{font-style:italic}.account-lead,.account-quiet,.account-switch{color:var(--ef-secondary);margin:0;font-size:16px;line-height:1.45}.account-lead{max-width:42ch;color:var(--ef-ink)}.account-roles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.account-role{background:var(--ef-muted);border-radius:16px;min-width:0;padding:16px}.account-role h2,.account-panel h2,.account-subhead{letter-spacing:-.02em;margin:0 0 8px;font-size:1.2rem;line-height:1.2}.account-kicker{color:var(--ef-brand);margin:0 0 6px;font-size:13px;font-weight:650}.account-role p:last-child,.account-panel p{margin:0}.account-discover{color:var(--ef-cyan);font-weight:650}.account-panel{background:var(--ef-surface)}.account-panel h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.15}.account-form,.account-fields{gap:12px;width:100%;margin-top:16px;display:grid}.account-fields label{color:var(--ef-ink);gap:6px;font-size:15px;font-weight:650;display:grid}.account-fields input{border:1px solid var(--ef-line);background:var(--ef-canvas);width:100%;min-height:44px;color:var(--ef-ink);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px;font-weight:450}.account-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-primary,.account-quiet-button{min-height:44px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.account-primary{background:var(--ef-brand);color:var(--ef-brand-ink);border:0}.account-primary:disabled{cursor:not-allowed;opacity:.6}.account-quiet-button{border:1px solid var(--ef-line);background:var(--ef-surface);color:var(--ef-ink)}.account-fail,.account-ok,.account-note{border-radius:0 12px 12px 0;margin:12px 0 0;padding:12px 14px;line-height:1.45}.account-fail{border-left:4px solid var(--ef-danger);background:color-mix(in srgb, var(--ef-danger) 12%, var(--ef-surface));color:var(--ef-danger)}.account-ok,.account-note{border-left:4px solid var(--ef-success);background:color-mix(in srgb, var(--ef-success) 12%, var(--ef-surface));color:var(--ef-ink)}.account-note{border-left-color:var(--ef-warm);background:color-mix(in srgb, var(--ef-warm) 14%, var(--ef-surface))}.account-note p,.account-fail p,.account-ok p{margin:0}.account-note p+p,.account-split{margin-top:8px}.account-code,.account-link-result{color:var(--ef-ink);overflow-wrap:anywhere;margin-top:8px;font-size:1.05rem;font-weight:650;display:block}.account-pills{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.account-pill{background:var(--ef-muted);min-height:36px;color:var(--ef-ink);border-radius:999px;align-items:center;margin:0;padding:6px 12px;font-size:14px;font-weight:650;display:inline-flex}.account-pill strong{color:var(--ef-success);margin-right:6px}.account-switch a,.account-quiet a{color:var(--ef-cyan);font-weight:650}.account-dock{background:var(--ef-canvas);width:100%}.account-foot{border-top:3px solid var(--ef-warm);background:var(--ef-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;width:100%;padding:12px clamp(16px,2.4vw,36px);display:flex}.account-foot p{color:var(--ef-secondary);margin:0;font-size:14px}@media (max-width:800px){.account-main{grid-template-columns:minmax(0,1fr)}.account-panel{order:-1}.account-story{border-right:0;border-top:2px solid var(--ef-cyan);padding-top:20px}.account-roles{grid-template-columns:minmax(0,1fr)}.account-title{max-width:none;font-size:2.125rem}}@media (prefers-reduced-motion:reduce){.account-app *{scroll-behavior:auto}}