*{box-sizing:border-box}
.account-page{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.account-page a{color:var(--accent-strong,var(--accent));text-underline-offset:4px}
.account-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;background:var(--surface);border-bottom:1px solid var(--border)}
.account-header>a:first-child{font-size:22px;font-weight:750;text-decoration:none;color:var(--text)}
.account-header>a:last-child{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px}
.account-header>a:last-child:hover{background:var(--surface-container)}
.account-main{width:100%;max-width:688px;margin:32px auto;padding:0 24px 48px}
.account-main.account-auth{max-width:488px;margin-top:56px}
.account-main h1{margin:0;font-size:28px;line-height:1.3;letter-spacing:-.02em}
.account-main h2{margin:0 0 20px;font-size:18px;line-height:1.4}
#account-description{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0 24px;color:var(--muted);max-width:65ch}
.account-email{color:var(--text);overflow-wrap:anywhere}
.account-role{padding:3px 9px;border-radius:6px;background:var(--surface-container);color:var(--text);font-size:12px;font-weight:600}
#account-status{margin:0 0 16px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--danger,#a02e2e);background:var(--surface);white-space:pre-line}
#account-status:empty{display:none}
.account-details,.account-auth #account-content>.account-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}
.account-form{display:grid;gap:18px;width:100%;margin:0}
.account-form label,.members-panel label{display:grid;gap:8px;font-size:14px;font-weight:600}
.account-form input,.members-panel input,.members-panel select,.members-panel textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;line-height:1.4;color:var(--text);background:var(--surface)}
.account-form input{font-size:16px;font-weight:400}
.account-form input::placeholder,.members-panel input::placeholder{color:var(--text-placeholder);font-weight:400}
.account-main button,.members-panel button,.admin-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;padding:10px 16px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.account-main button[type=submit],.members-panel button[type=submit]{background:var(--accent-strong,var(--accent));color:var(--on-accent)}
.account-main button[type=submit]:hover,.members-panel button[type=submit]:hover{background:var(--accent)}
.account-main button:disabled,.members-panel button:disabled{opacity:.55;cursor:wait}
.account-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}
.account-main .secondary,.members-panel .secondary,.account-page .admin-entry{background:var(--surface);border-color:var(--border);color:var(--text);text-decoration:none}
.account-main .secondary:hover,.members-panel .secondary:hover,.account-page .admin-entry:hover{background:var(--surface-container)}
.account-page :focus-visible,.members-panel :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.account-page ::selection{background:var(--accent-softer);color:var(--text)}
.members-panel .member-list{list-style:none;padding:0;margin:16px 0 0}
.members-panel .member-list li{border-top:1px solid var(--border);padding:18px 0}
.members-panel small{font-size:13px;color:var(--muted)}
.members-panel .actions{display:flex;gap:8px;flex-wrap:wrap}
.members-panel .link-output textarea{min-height:100px;resize:vertical}
.members-panel .link-output p{font-size:14px;color:var(--muted)}
.members-panel form{display:grid;gap:16px}
@media(max-width:600px){.account-header{padding:12px 16px}.account-main,.account-main.account-auth{margin-top:24px;padding-inline:16px}.account-main h1{font-size:25px}.account-details,.account-auth #account-content>.account-form{padding:20px}.account-actions>*{flex:1}.account-main button[type=submit]{width:100%}}
@media(prefers-reduced-motion:reduce){.account-page *{scroll-behavior:auto!important}}
@media(min-width:601px){.account-details .account-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-details label[for=account-email],.account-details button[type=submit]{grid-column:1/-1}}
.account-page [hidden]{display:none!important}