.account-menu { position:relative; font-size:14px; }
.account-menu summary { cursor:pointer; padding:10px 14px; border:1px solid var(--line,#ddd); border-radius:8px; }
.account-menu-body { position:absolute; right:0; top:calc(100% + 8px); width:min(290px,85vw); padding:18px; border:1px solid var(--line,#ddd); border-radius:12px; background:var(--paper,#faf9f6); box-shadow:0 6px 24px #00000012; z-index:60; }
.account-menu-body p { overflow-wrap:anywhere; margin:0 0 12px; }
.account-menu-body button { display:block; margin-top:8px; width:100%; }
.account-dialog { max-width:520px; width:calc(100% - 32px); border:1px solid #ddd; border-radius:12px; padding:24px; background:var(--paper,#faf9f6); color:var(--ink,#222); }
.account-dialog::backdrop { background:#0006; }
.account-dialog h2 { margin:0 0 16px; font-size:24px; }
.account-dialog p { line-height:1.5; margin-bottom:20px; }
.account-dialog .btn { margin:4px; white-space:normal; }
.account-connect-error { padding:20px; text-align:center; }

@media(max-width:760px) { .account-menu-body { position:static; margin-top:8px; width:100%; box-shadow:none; } .account-menu { width:100%; } }

.login-alternative{margin-top:20px}.login-alternative summary{cursor:pointer;font-size:14px;color:var(--text-muted,#666)}.login-alternative[open] .login-form{margin-top:16px}