.access-hint{padding:10px 24px;border-bottom:1px solid var(--line);background:#252c24;color:var(--accent);font-size:12px;text-align:center}
.access-hint[hidden],#accountName[hidden],#accountButton[hidden]{display:none}
#accountButton{border:1px solid var(--accent);color:var(--accent)}
#accountName{font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis}
#loginDialog{width:min(440px,92vw);max-width:440px}
#loginForm input{width:100%;box-sizing:border-box;padding:12px;background:#141b16;color:var(--text);border:1px solid var(--line);border-radius:5px;font:inherit}
#loginError{color:var(--red);font-size:12px;line-height:1.6}
.top-actions{flex-wrap:wrap}
@media(max-width:850px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;gap:12px;padding:14px}.top-actions{width:100%;display:flex!important;justify-content:flex-end;gap:8px}.top-actions #accountButton{display:inline-flex}.top-actions #accountButton[hidden]{display:none}.top-actions #accountName{display:none}.access-hint{padding:10px 16px}}