.account-heading{display:flex;align-items:center;gap:22px;padding:35px 0 28px;flex-wrap:wrap}
.account-heading>div{flex:1;min-width:0}
.account-avatar{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:23px;background:#f2e1db;color:#a66b66;font:36px Georgia}
.account-heading h1{font-size:32px;margin:8px 0;overflow-wrap:anywhere}.account-heading p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}
.account-summary{display:flex;gap:12px;margin:4px 0 30px}.summary-card{background:#fffcf8;border:1px solid var(--line);padding:20px 24px;border-radius:15px;flex:1}.summary-card strong{font:30px Georgia;display:block;color:var(--accent);margin-bottom:9px}.summary-card span{font-size:12px;color:var(--muted)}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0}.account-tabs button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:12px 17px;min-height:44px;font-size:13px}.account-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.account-item{min-width:0;overflow:hidden;background:#fffdf9;border:1px solid var(--line);border-radius:17px}
.account-item-art{background:var(--card,#f4e8e2);height:115px;display:grid;place-items:center;position:relative}.account-item-art>span{font-size:43px;filter:drop-shadow(0 5px 7px #79544715)}.account-item-art small{position:absolute;right:12px;bottom:12px;font-size:10px;color:#997867}
.account-item-copy{padding:22px}.account-item h2{font-size:18px;line-height:1.7;margin:0 0 8px;overflow-wrap:anywhere}.account-item p{font-size:12px;color:var(--muted);margin:0 0 20px;line-height:1.9}
.account-item-actions{display:flex;flex-wrap:wrap;gap:8px}.account-item-actions a,.account-item-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:22px;padding:9px 13px;font-size:12px;background:transparent;color:var(--ink)}.account-item-actions .edit-link{background:#a76b6b;color:white;border-color:#a76b6b}.account-item-actions .trash-button{color:#a24d50}.account-item input{width:100%;font-size:16px;margin-top:12px;padding:10px;min-width:0}
.account-empty{padding:38px 24px;border:1px dashed #dac8ba;text-align:center;border-radius:18px;color:var(--muted);line-height:2}.account-empty h2{font-size:23px;color:var(--ink)}
#account-page-status{color:var(--accent);line-height:1.9;font-size:13px;min-height:24px}.account-more{display:block;margin:28px auto}
.delete-confirm{max-width:460px}.delete-confirm h2{font-size:22px}.delete-confirm p{font-size:14px;line-height:2;color:var(--muted);overflow-wrap:anywhere}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}.delete-confirm-actions button{min-height:44px}.delete-confirm-actions .danger{border:0;border-radius:30px;background:#a7595d;color:white;padding:13px 20px}
.edit-notice{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;background:#f2e8dd;border:1px solid #dfcdbb;border-radius:14px;padding:18px 20px;margin:5px 0 25px;color:#876553;font-size:13px;line-height:1.9}.edit-notice a{text-decoration:underline;text-underline-offset:4px}
.account-help{font-size:12px;line-height:1.9;color:var(--muted);margin:28px 0}form[inert]{opacity:.5}#account-refresh{min-height:44px}#account-page-login{margin-top:12px}
.greeting-layout>.edit-notice{grid-column:1/-1}
@media(max-width:850px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.account-heading{padding-top:23px;gap:16px}.account-heading h1{font-size:27px}.account-avatar{width:60px;height:60px;font-size:30px;border-radius:18px}.account-grid{grid-template-columns:minmax(0,1fr)}.account-item-art{height:100px}.account-summary{gap:10px}.summary-card{padding:17px}.summary-card strong{font-size:27px}.summary-card span{font-size:12px}.account-item-copy{padding:20px}.account-item-actions{gap:9px}.account-item-actions a,.account-item-actions button{font-size:13px}.account-tabs button{font-size:12px;padding:10px 13px}.edit-notice{padding:16px}.delete-confirm-actions{flex-wrap:wrap}.delete-confirm-actions button{flex:1}}
