[hidden] { display: none !important; }
.accounts-intro { padding: 32px; }
.accounts-intro h2 { margin: 16px 0 8px; font-size: 22px; }
.accounts-intro > p, .access-cards p, .account-security p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.access-symbol { color: var(--purple); font-size: 32px; }
.access-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.access-cards > div { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #ffffff80; }
.access-cards strong { font-size: 14px; }
.account-security { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 22px; }
.account-security h2 { font-size: 16px; margin: 0 0 5px; }
.account-security p { margin: 0; }
.login-panel { max-width: 440px; margin-top: 36px; }
.login-mark { display: flex; align-items: baseline; justify-content: center; width: 52px; height: 52px; margin-bottom: 24px; border-radius: 16px; background: var(--purple); color: white; font-size: 40px; font-weight: 700; line-height: 1.2; }
.login-mark span { font-size: 18px; color: #d6cbff; }
.login-panel .auth-link { margin-top: 20px; font-size: 12px; }
.auth-note { margin-top: 20px; }
.auth-success { background: #eaf7f0; padding: 18px; border-radius: 12px; color: #286448; font-size: 13px; line-height: 1.8; margin-top: 20px; }
body[data-access="login"] .filters, body[data-access="login"] .sidebar nav, body[data-access="login"] .help-card, body[data-access="login"] footer { display: none; }
body[data-access="member"] [data-edit-person], body[data-access="member"] [data-edit-mission], body[data-access="member"] [data-device] { display: none; }
html[data-theme="ios"] .login-panel { border-radius: 28px; padding: 36px; }
@media (max-width: 560px) { .access-cards { grid-template-columns: 1fr; }.accounts-intro { padding: 22px; }.account-security { align-items: flex-start; flex-direction: column; }.login-panel, html[data-theme="ios"] .login-panel { margin-top: 20px; padding: 24px; } }

#profile-button { border: 0; cursor: pointer; display: grid; }
#profile-button[hidden] { display: none; }