#account-open { border:0; background:transparent; color:#c4f35b; cursor:pointer; font:inherit; font-size:13px; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:8px; }
#account-dialog { width:min(420px,calc(100vw - 32px)); padding:28px; border:1px solid #345047; border-radius:18px; color:#e1eee8; background:#0d1c17; box-shadow:0 20px 80px #0008; }
#account-dialog::backdrop { background:#0009; backdrop-filter:blur(3px); }
#account-dialog h2 { font-size:20px; margin:0 0 22px; }
#account-close { position:absolute; right:12px; top:10px; border:0; color:#b0c6bc; background:none; font-size:24px; cursor:pointer; }
#account-form label { display:grid; gap:8px; margin:16px 0; font-size:14px; }
#account-form input { width:100%; box-sizing:border-box; padding:12px; border:1px solid #345047; border-radius:8px; background:#07100e; color:#fff; font:inherit; }
#account-dialog input:focus-visible, #account-dialog button:focus-visible { outline:2px solid #b2ed42; outline-offset:3px; }
.account-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.account-buttons button { border:1px solid #49672e; border-radius:8px; padding:10px 16px; background:#b2ed42; color:#12210d; cursor:pointer; font:inherit; font-size:14px; }
.account-buttons button:disabled { opacity:.5; cursor:wait; }
#account-dialog p { font-size:13px; line-height:1.7; color:#a4bbb1; }
#account-status { min-height:2.5em; overflow-wrap:anywhere; }
#account-dialog [hidden] { display:none !important; }