#account-button[hidden] { display:none; }
.account-dialog { box-sizing:border-box; width:min(460px,calc(100% - 28px)); max-height:calc(100dvh - 36px); overflow:auto; padding:28px; border:1px solid #ffffff26; border-radius:22px; background:#1a1e28; color:#f8f4ec; box-shadow:0 28px 100px #0008; font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.account-dialog::backdrop { background:#080a11b8; backdrop-filter:blur(8px); }
.account-dialog h2 { margin:0 30px 20px 0; font-size:25px; letter-spacing:-.04em; }
.account-dialog form { display:grid; gap:14px; }
.account-dialog label { display:grid; gap:6px; color:#c1c5d0; font-size:13px; margin:0; }
.account-dialog input { box-sizing:border-box; width:100%; border:1px solid #ffffff26; border-radius:10px; padding:12px; background:#11141b; color:#fff; font:inherit; }
.account-dialog button, #account-button { cursor:pointer; border:1px solid #ffffff26; border-radius:10px; padding:10px 14px; background:#ffffff0c; color:#f8f4ec; font:inherit; }
.account-dialog button[type=submit] { background:linear-gradient(110deg,#efaaa1,#e9c6a0); color:#211b24; font-weight:650; }
.account-dialog button:disabled { opacity:.5; cursor:wait; }
.account-dialog button:focus-visible, #account-button:focus-visible { outline:3px solid #b4a8fa; outline-offset:3px; }
.account-close { position:absolute; top:18px; right:18px; padding:3px 10px !important; font-size:24px !important; }
.account-dialog .account-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.account-dialog p { overflow-wrap:anywhere; }
#account-status { color:#d5c8f7; min-height:1.5em; }
#account-status[data-error=true] { color:#ffb8ac; }
.account-page { background:#11141b; color:#f8f4ec; min-height:100vh; margin:0; display:grid; place-items:center; font:16px system-ui; }
.account-page main { width:min(520px,calc(100% - 40px)); }
.account-page a { color:#e9b9a8; }
@media(max-width:520px) { .account-dialog { padding:22px; } #account-button { font-size:12px; } }