.account-profile{--profile-bg:#fffdf8;--profile-ink:#23382f;--profile-muted:#56645a;--profile-line:#a0b0a6;--profile-input:#ffffff;--profile-accent:#234f40;--profile-on-accent:#ffffff;font:15px/1.5 system-ui,sans-serif;max-width:600px;margin:16px auto;padding:24px;background:var(--profile-bg);color:var(--profile-ink);border:1px solid var(--profile-line);border-radius:16px;user-select:text}
html[data-theme=dark] .account-profile{--profile-bg:#172c27;--profile-ink:#edf6ee;--profile-muted:#b9cbbf;--profile-line:#648577;--profile-input:#233d33;--profile-accent:#b8efd3;--profile-on-accent:#173c2c}
.account-profile header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.account-profile h1{font-size:24px;margin:0 0 6px}.account-profile p{margin:8px 0;color:var(--profile-ink)}
.account-profile .profile-preview{width:88px;height:88px;flex:0 0 88px;font-size:36px}.account-profile .profile-preview[data-kind=icon]{font-size:50px}
.account-profile fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}.account-profile label{display:grid;gap:8px}.account-profile input,.account-profile select{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--profile-line);border-radius:8px;background:var(--profile-input);color:var(--profile-ink);font:inherit}
.account-profile button{padding:12px 16px;background:var(--profile-accent);color:var(--profile-on-accent);border:0;border-radius:8px;font:600 15px system-ui;cursor:pointer}.account-profile fieldset:disabled,.account-profile button:disabled{opacity:.7;cursor:wait}.account-profile :focus-visible{outline:3px solid var(--profile-accent);outline-offset:3px}.account-profile details{margin-top:24px;color:var(--profile-muted);font-size:13px}.account-profile summary{cursor:pointer}.account-profile li{margin-block:8px}.account-profile [data-email]{overflow-wrap:anywhere}
@media(max-width:420px){.account-profile{padding:16px;margin:8px 0}.account-profile header{gap:14px}.account-profile h1{font-size:21px}}