:root{--bg:#faf8f4;--card:#fff;--tx:#1d1d1f;--mu:#6b6b70;--ac:#c2410c;--bd:#e7e2d9}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17161a;--card:#222126;--tx:#f2f0ec;--mu:#9d9aa3;--ac:#fb923c;--bd:#33313a}}
.account-page *{box-sizing:border-box}
.account-page{margin:0;background:var(--bg);color:var(--tx);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.account-page .w{max-width:1000px;margin:0 auto;padding:28px 16px 48px}
.account-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.account-brand{font:700 28px/1.2 Georgia,serif;color:var(--tx);text-decoration:none}
.account-nav{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap}
.account-nav a{color:var(--ac);font-size:14px;text-underline-offset:3px}
.account-nav a[aria-current="page"]{font-weight:700}
.account-panel{max-width:620px;margin:36px auto 0;padding:28px;background:var(--card);border:1px solid var(--bd);border-radius:12px}
.account-panel h1{font:700 28px/1.2 Georgia,serif;margin:0 0 10px}
.account-panel h2{font-size:18px;margin:24px 0 8px}
.account-intro,.account-help{color:var(--mu)}
.account-intro{margin:0 0 20px}
.account-help{font-size:13px}
.account-notice{padding:12px 14px;border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:8px;color:var(--mu);font-size:13px}
.account-panel fieldset{border:0;margin:20px 0 0;padding:0;min-width:0}
.account-panel legend{font-weight:600;margin-bottom:12px;padding:0}
.account-panel label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.account-panel input{width:100%;padding:11px 14px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit;margin-bottom:16px}
.account-button{border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:600;background:var(--ac);color:#fff}
.account-button:disabled{background:var(--bd);color:var(--mu);cursor:not-allowed}
.account-panel input:disabled{cursor:not-allowed;opacity:1}
.account-panel a{color:var(--ac);text-underline-offset:3px}
.account-nav a:focus-visible,.account-panel a:focus-visible,.account-brand:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.account-details{margin:20px 0}
.account-details>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}
.account-details dt{font-weight:600}
.account-details dd{margin:0;color:var(--mu)}
.account-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.account-page footer{margin-top:34px;font-size:12px;color:var(--mu)}
@media(max-width:600px){.account-panel{padding:20px;margin-top:24px}.account-details>div{grid-template-columns:1fr;gap:4px}}

.account-notice[data-state="error"]{border-left-color:#b42318}
.account-notice[data-state="success"]{border-left-color:#16805d}