.accountWrap{padding-top:36px!important;padding-bottom:40px}
.accountGate{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:#fffdf9;box-shadow:0 16px 48px #49351d0a}
.accountIntro{padding:48px;background:linear-gradient(155deg,#f2e9dc,#faf7f1 65%,#e4eeec);color:var(--txt)}
.accountEyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;display:block;margin-bottom:16px}
.accountIntro h1,.accountHeader h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,48px);line-height:1.14;margin:0 0 18px}
.accountIntro p{line-height:1.8;color:#685b4d;max-width:36ch}
.accountIntro ul{padding:16px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.accountIntro li{padding:14px 14px 14px 38px;position:relative;background:#ffffffb8;border:1px solid #ded5c7;border-radius:8px;font-size:14px}.accountIntro li:before{content:'✓';position:absolute;left:15px;color:#956448}
.accountAccess{padding:32px}.accountAccess h2,.accountSection h2,.accountSettings h2,.accountEmpty h2,.accountRecovery h2{font-family:var(--serif);font-size:26px;font-weight:400;margin:18px 0 12px}
.accountSwitch,.accountActions{display:flex;gap:8px;flex-wrap:wrap}.accountSwitch .btn,.accountActions .btn{width:auto;flex:1;min-height:46px}
.accountForm{max-width:520px}.accountForm .field{margin:18px 0}.accountForm .input{width:100%;min-height:48px}.accountForm .btn{margin-top:12px;min-height:46px}
.accountForm .label{font-size:12px;letter-spacing:.04em;text-transform:none}.accountError{background:#fff0ed;border:1px solid #ac4936;padding:14px;color:#7d241b;line-height:1.6}.accountError[hidden]{display:none}
.accountNotice{padding:16px;background:#e4eee3;color:#204128;line-height:1.6}.accountRecovery{background:#f5e9d5;border:1px solid #aa8254;padding:24px;margin-bottom:28px;line-height:1.6}.accountRecovery code{display:block;overflow-wrap:anywhere;user-select:all;padding:16px;background:#fffaf3;font-size:16px;margin:18px 0}
.accountHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.accountHeader p{color:var(--muted)}.accountHeader>.btn{width:auto;min-width:120px}.accountHeader h1{overflow-wrap:anywhere}
.accountStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.accountStats button{background:#fffaf3;border:1px solid var(--line);text-align:left;padding:24px;min-height:110px;color:inherit}.accountStats button[aria-pressed=true]{border-color:#72513b;background:#eee3d3}.accountStats strong{display:block;font:38px var(--serif);margin-bottom:8px}.accountStats span{font-size:13px}
.accountTabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.accountTabs .btn{width:auto;padding:12px 16px;min-height:44px;font-size:11px;letter-spacing:.05em}
.accountSection{margin:30px 0}.accountEmpty{padding:48px 24px;border:1px solid var(--line);text-align:center}.accountEmpty p{max-width:52ch;margin:12px auto 24px;color:var(--muted);line-height:1.8}.accountEmpty .btn{width:auto;display:inline-flex}
.accountSettings{max-width:600px}.accountSettings dt{font-size:12px;color:var(--muted);margin-top:16px}.accountSettings dd{margin:4px 0 24px;overflow-wrap:anywhere}.accountSettings h3{margin-top:36px}
.accountDeleteConfirm{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;line-height:1.5;cursor:pointer}.accountDeleteConfirm input{flex:0 0 20px;width:20px;height:20px}
.accountWrap button:focus-visible,.accountWrap a:focus-visible{outline:3px solid #96704c;outline-offset:3px}.accountWrap button:disabled{opacity:.55;cursor:wait}
@media(max-width:740px){.accountWrap{padding-top:20px!important}.accountGate{grid-template-columns:1fr}.accountIntro{padding:28px}.accountIntro p{max-width:none}.accountIntro ul{grid-template-columns:1fr 1fr;padding-top:12px;font-size:12px;gap:12px}.accountAccess{padding:24px}.accountHeader{align-items:flex-start;flex-direction:column;gap:12px}.accountStats{grid-template-columns:1fr 1fr;gap:8px}.accountStats button{padding:18px;min-height:98px}.accountStats strong{font-size:32px}.accountTabs{gap:6px}.accountTabs .btn{font-size:10px;padding:10px 12px}.accountRecovery{padding:18px}.accountActions{flex-direction:column}.accountActions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.accountWrap *{animation:none!important;transition:none!important}}

.accountEyebrow{color:var(--gold-ink)}.accountAccess{background:#fffdf9}.accountForm .input{background:#fff;border:1px solid #d5cbbd;border-radius:6px}.accountSwitch{padding:4px;background:#f0e9df;border-radius:8px}.accountSwitch .btn{border-radius:5px;font-size:11px;letter-spacing:.06em}.accountStats button,.accountEmpty{border-radius:10px;background:#fffdf9;border-color:var(--hair)}
@media(max-width:740px){.accountIntro{padding:24px}.accountIntro h1{font-size:32px;margin-bottom:12px}.accountIntro p{font-size:14px;line-height:1.6}.accountIntro li{font-size:12px;padding:11px 9px 11px 28px}.accountIntro li:before{left:10px}.accountAccess{padding:24px 20px}.accountGate{border-radius:12px}.accountEyebrow{margin-bottom:12px}}