.account-page { margin:0; background:var(--bg); color:var(--body); font-family:var(--f-body); line-height:1.6; }
.account-header { max-width:1000px; margin:auto; padding:24px var(--pad); display:flex; justify-content:space-between; gap:24px; }
.account-header a:first-child {font:700 24px var(--f-display); color:var(--ink); text-decoration:none;}
.account-shell {max-width:780px;margin:40px auto 0;padding:0 var(--pad) 32px;}
.account-shell h1 {font:600 clamp(32px,5vw,48px)/1.12 var(--f-display);color:var(--ink);letter-spacing:-.04em;}
.account-shell h2 {font:600 23px/1.3 var(--f-display);color:var(--ink);margin:0 0 16px;}
.account-intro {font-size:19px;margin:20px 0 32px;}
.account-shell section {margin-top:28px;}
.account-shell #signin {max-width:500px;padding:28px;background:var(--raised);border-radius:12px;}
.account-shell label {display:block;font-weight:500;margin:16px 0 6px;}
.account-shell input,.account-shell textarea {box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit;}
.account-shell textarea {resize:vertical;overflow-wrap:anywhere;font-family:var(--f-mono);font-size:13px;}
.account-shell button {min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:6px;background:var(--cta-bg);color:var(--cta-fg);font:500 14px var(--f-body);cursor:pointer;}
.account-shell button:hover {background:var(--cta-bg-hover);}
.account-shell button.secondary {background:transparent;color:var(--ink);border-color:var(--line-strong);}
.account-shell button.text-button {background:transparent;color:var(--accent-text);padding:10px 0;}
.account-shell button:disabled {opacity:.55;cursor:wait;}
.account-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;}
.account-actions p,.account-actions h2 {margin:0;overflow-wrap:anywhere;}
.account-license {padding:24px 0;border-bottom:1px solid var(--line-strong);}
.account-license h3 {font:600 19px var(--f-display);color:var(--ink);margin:0;}
.account-license p {margin:8px 0;}
.account-shell details {border-top:1px solid var(--line-strong);padding-top:24px;margin-top:36px;}
.account-shell summary {cursor:pointer;min-height:44px;font-weight:600;color:var(--ink);}
.account-shell footer {border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:14px;color:var(--muted);}
.account-shell #message {min-height:28px;overflow-wrap:anywhere;}
.account-page a {color:var(--accent-text);}
.account-page :focus-visible {outline:3px solid var(--accent);outline-offset:4px;}
.account-page [hidden] {display:none!important;}
.account-page {scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--bg);}
@media(max-width:400px){.account-shell #signin{padding:20px;}.account-shell{margin-top:20px;}.account-actions button{width:100%;}}
.account-shell #purchase-use {margin-top:28px;padding:16px;border:1px solid var(--line-strong);border-radius:6px;}
.account-shell #purchase-use label {display:flex;align-items:center;gap:12px;min-height:44px;margin:0;cursor:pointer;}
.account-shell #purchase-use input {width:20px;height:20px;padding:0;accent-color:var(--accent);}

.account-shell #auth-controls {border:0;padding:0;margin:0;min-width:0;}
.account-shell .social-buttons {display:grid;gap:12px;margin-top:24px;}
.account-shell .social-buttons button {width:100%;font-size:15px;}
.account-shell .account-divider {display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin:24px 0 4px;}
.account-divider::before,.account-divider::after {content:"";height:1px;background:var(--line-strong);flex:1;}
.account-shell .account-hint {font-size:14px;color:var(--muted);margin:16px 0 0;}
.account-shell .sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}