.account-shell{max-width:580px;margin:64px auto;padding:0 24px 60px}.account-shell h1{font-size:clamp(36px,6vw,56px);line-height:1.05;letter-spacing:-.045em}.account-shell p{line-height:1.65}.account-shell form{display:grid;gap:10px;margin:24px 0}.account-shell label{font-size:14px;font-weight:600}.account-shell input:not([type=checkbox]){width:100%;box-sizing:border-box;background:white;color:#211a22;border:1px solid #aaa3a0;border-radius:8px;padding:14px;font:16px inherit;margin-bottom:10px}.account-shell .button{display:inline-block;background:#292334;color:white;border:1px solid transparent;border-radius:8px;padding:14px 22px;font:inherit;text-decoration:none;cursor:pointer}.account-shell .secondary{background:white;color:#292334;border-color:#bdb7c3}.account-shell button:disabled{opacity:.5}.account-tabs,.account-actions,.account-links{display:flex;gap:12px;flex-wrap:wrap}.account-tabs button{font:inherit;padding:12px 18px;border:1px solid #bdb7c3;border-radius:8px;cursor:pointer;background:transparent;color:inherit}.account-tabs [aria-current=page]{background:#292334;color:white}.check-label{display:flex;gap:12px;align-items:flex-start;line-height:1.6;margin:20px 0}.check-label input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.account-shell .fine{font-size:13px;opacity:.8}.text-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}#recovery-key{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:#211a22;border:1px solid #bdb7c3;border-radius:8px;padding:16px;font:15px/1.7 monospace}#account-message:not(:empty){border:1px solid #bdb7c3;padding:16px;border-radius:8px}details{margin-top:28px}summary{cursor:pointer}.account-links{margin-top:30px;font-size:14px}.account-shell a{color:inherit}.account-shell a.button{color:white}[hidden]{display:none!important}:focus-visible{outline:3px solid #b77a2d;outline-offset:4px}@media(max-width:600px){.account-shell{margin-top:32px}}
/* Account forms keep validation and the next step beside the relevant control. */
.account-step{display:flex;gap:16px;flex-wrap:wrap;font-size:11px!important;font-weight:600;color:var(--ink)!important}.account-step span{color:var(--muted);font-weight:400}
.password-field{position:relative}.commerce-page .password-field input{padding-right:72px!important;margin-bottom:0!important}.password-field button{position:absolute;right:8px;top:6px;min-height:34px;padding:4px 9px;font:12px var(--text);border:0;background:transparent;color:var(--ink);cursor:pointer}
.commerce-page .account-shell .field-error{margin:0 0 8px;font-size:12px;color:#9c302a;line-height:1.5}.commerce-page .account-shell input[aria-invalid=true]{border-color:#9c302a}
#auth-form{gap:8px}#auth-form .fine{margin:2px 0 12px}#auth-submit{margin-top:8px;width:100%;min-height:46px}#account-consent{margin:10px 0}#account-message[data-tone=error]{border-color:#c79286;background:#fff4ef;color:#7d2f22}#account-message:empty{display:none}
#recovery-panel .account-actions{gap:10px}.account-primary{display:block!important;text-align:center;margin-top:22px}#recovery-key{user-select:all}.account-tabs button:disabled{cursor:wait}#auth-panel[aria-busy=true]{cursor:progress}
@media(max-width:800px){.commerce-page .account-shell{gap:12px;margin-top:24px}.account-intro h2{display:none}.account-intro .section-kicker{margin-bottom:10px}.commerce-page .account-content{padding:24px}.commerce-page .account-content h1{font-size:30px;margin:14px 0}.commerce-page .account-shell input:not([type=checkbox]){font-size:16px}#recovery-panel .account-actions .button{flex:1}.commerce-page .account-tabs button{min-height:44px;flex:1}}
@media(max-width:800px){.commerce-page .account-shell .account-content h1{font-size:30px;margin:14px 0}.commerce-page #auth-panel .account-tabs{margin-top:16px}}