.account-overlay,.account-overlay * { box-sizing:border-box; }
.account-overlay { position:absolute; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding-bottom:var(--account-keyboard-inset,0px); overflow:hidden; overscroll-behavior:none; background:rgba(0,0,0,.60); font-family:var(--wm-font-ui); }
.account-overlay--sheet { flex-direction:column; justify-content:flex-end; }
.account-modal { display:flex; flex-direction:column; min-width:0; min-height:0; width:calc(100% - 72px); max-height:var(--account-modal-available-height,calc(100% - 48px)); overflow:hidden; color:var(--wm-color-ink); background:var(--wm-color-surface); border-radius:16px; box-shadow:0 12px 30px rgba(var(--wm-ink-rgb),.16); font-size:12px; line-height:20px; }
.account-modal--sheet { width:100%; border-radius:20px 20px 0 0; padding-top:10px; }
.account-modal--sheet::before { content:""; display:block; flex:0 0 4px; width:30px; height:4px; margin:0 auto 2px; border-radius:999px; background:var(--wm-color-line-strong); }
.account-modal-header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px 10px; }
.account-modal-header[hidden] { display:none; }
.account-modal-header h2 { min-width:0; margin:0; color:var(--wm-color-ink); font-size:16px; line-height:22px; font-weight:700; }
.account-modal-close { display:grid; flex:0 0 28px; width:28px; height:28px; place-items:center; padding:5px; border:0; border-radius:50%; color:var(--wm-color-muted); background:transparent; cursor:pointer; }
.account-modal-close img { display:block; width:18px; height:18px; filter:brightness(0); opacity:.75; }
.account-modal-content { min-height:0; min-width:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 18px 18px; scrollbar-width:none; }
.account-modal-content::-webkit-scrollbar { display:none; }
.account-modal--sheet .account-modal-content { padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)); }
.account-modal :where(button,input,select,textarea) { font-family:inherit; }
.account-modal :focus-visible { outline:2px solid var(--wm-color-primary); outline-offset:2px; }
.account-confirm-body { color:var(--wm-color-muted-strong); font-size:12px; line-height:20px; }
.account-confirm-body p { margin:0; }
.account-confirm-actions { display:flex; gap:10px; margin-top:18px; }
.account-confirm-actions button { flex:1 1 0; min-width:0; min-height:38px; padding:8px 10px; border:0; border-radius:8px; color:var(--wm-color-action); background:var(--wm-color-primary-wash); font-size:12px; font-weight:500; line-height:20px; cursor:pointer; }
.account-confirm-actions button:last-child { color:#fff; background:var(--wm-color-action); }
.account-toast { position:absolute; z-index:150; left:50%; bottom:calc(86px + env(safe-area-inset-bottom,0px)); max-width:calc(100% - 40px); width:max-content; transform:translateX(-50%); padding:10px 14px; border-radius:10px; color:#fff; background:rgba(var(--wm-ink-rgb),.9); box-shadow:0 4px 16px rgba(var(--wm-ink-rgb),.12); font:12px/20px var(--wm-font-ui); text-align:center; pointer-events:none; }
.account-modal.account-reading-sheet { height:84%; }
.account-reading { padding:0 0 8px; font-size:13px; line-height:22px; }
.account-reading-intro { margin:0 0 18px; color:var(--wm-color-muted-strong); }
.account-reading section + section { margin-top:19px; }
.account-reading h3 { margin:0 0 7px; font-size:14px; line-height:21px; font-weight:600; }
.account-reading section p { margin:0; color:var(--wm-color-muted-strong); }