.account-bar { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 0; border-bottom:1px solid #e2e8dc; color:#42604d; font-size:13px; }
.account-bar>div { display:flex; align-items:center; gap:8px; min-width:0; }
.account-dot { width:6px; height:6px; border-radius:50%; background:#779b65; flex-shrink:0; }
#account-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-mode { font-size:10px; color:#82937b; white-space:nowrap; border:1px solid #dde6d5; border-radius:4px; padding:2px 5px; }
#account-switch { min-height:44px; flex-shrink:0; padding:5px 0 5px 14px; background:transparent; color:#69815d; font-size:12px; }
#account-dialog { width:min(440px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #e1e7d8; border-radius:18px; color:#354a3d; background:#fafbf6; box-shadow:0 24px 100px #1c352929; overflow:auto; }
#account-dialog::backdrop { background:#263c2e75; backdrop-filter:blur(5px); }
.account-dialog-content { padding:32px; }
.account-art { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; width:42px; height:42px; transform:rotate(-6deg); margin-bottom:24px; }
.account-art i { background:#6e9174; border-radius:2px; }
.account-art i:nth-child(3n+1) { background:#aabc96; }
.account-art i:nth-child(5) { background:transparent; border:1px solid #6e9174; }
#account-dialog .eyebrow { font-size:8px; letter-spacing:1.8px; color:#799169; }
#account-title { font-family:"Songti SC","SimSun",serif; font-size:27px; font-weight:500; margin:12px 0; line-height:1.5; }
#account-description { font-size:14px; color:#73816c; line-height:1.85; margin:0 0 24px; }
#account-form label { display:block; font-size:13px; margin-bottom:8px; }
#account-nickname { box-sizing:border-box; width:100%; border:1px solid #cbd8c0; padding:13px 14px; font:inherit; font-size:16px; border-radius:8px; background:white; color:#3c543e; outline-offset:3px; min-height:49px; }
#account-nickname:focus { outline:2px solid #86a672; }
#account-input-help { font-size:11px; color:#8a9681; line-height:1.8; margin:8px 0 20px; }
.account-error { color:#a65040; background:#f8ebe3; padding:10px 12px; border-radius:7px; line-height:1.7; font-size:13px; }
#account-submit { width:100%; justify-content:center; min-height:48px; }
.account-secondary { width:100%; background:transparent; color:#748765; min-height:46px; font-size:13px; }
#account-confirmation { background:#edf2e5; border:1px solid #dce5d3; border-radius:8px; padding:16px; margin:0 0 20px; }
#account-confirm-name { font-weight:500; overflow-wrap:anywhere; font-size:15px; }
#account-confirmation p { font-size:13px; line-height:1.85; color:#637758; margin:9px 0; }
#account-confirmation small { font-size:11px; line-height:1.8; display:block; color:#8b977f; }
.account-trust-note { font-size:11px; line-height:1.7; color:#95a08c; text-align:center; margin:17px 0 7px; }
.account-help-link { display:block; text-align:center; color:#728761; font-size:12px; padding:10px; min-height:40px; }
#account-dialog [hidden] { display:none!important; }
#account-dialog button:focus-visible,#account-switch:focus-visible { outline:2px solid #86a672; outline-offset:3px; }
@media(max-width:480px) {
  .account-dialog-content { padding:26px 23px; }
  #account-title { font-size:25px; }
  .account-art { margin-bottom:19px; }
  .account-mode { display:none; }
  .account-bar { padding:3px 0; font-size:12px; }
}
@media(max-height:650px) { .account-art { display:none; } .account-dialog-content { padding-top:23px; padding-bottom:18px; } }