#account-profile-open[hidden] { display: none; }
#account-profile { box-sizing: border-box; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid #3b324e; border-radius: 18px; background: #18181f; color: #eee; box-shadow: 0 24px 90px #0009; }
#account-profile::backdrop { background: #09090ebd; backdrop-filter: blur(7px); }
#account-profile h2 { margin: 0 0 12px; }
#account-profile p { color: #b8b4c4; font-size: 14px; line-height: 1.6; }
#account-profile label { display: grid; gap: 8px; margin: 16px 0; font-size: 14px; }
#account-profile input { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; background: #101015; color: #fff; border: 1px solid #544764; border-radius: 8px; font: inherit; }
#account-profile input[readonly] { color: #b8b4c4; }
#account-profile .profile-actions { display: flex; justify-content: flex-end; gap: 12px; }
#account-profile button { padding: 10px 18px; border: 1px solid #544764; border-radius: 8px; color: #fff; background: #25202f; cursor: pointer; font: inherit; }
#account-profile button[type=submit] { background: #7139dc; }
#account-profile :focus-visible { outline: 2px solid #b99af2; outline-offset: 3px; }
#account-profile button:disabled { opacity: .55; cursor: wait; }