[hidden] { display:none !important; }
.online-topbar { max-width:960px; margin:0 auto; padding:28px 24px; }
.online-status { max-width:560px; margin:clamp(50px,12vh,120px) auto; padding:24px; text-align:center; }
.online-status img { width:64px; height:64px; margin-bottom:20px; }
.online-status h1 { font-size:calc(24px * var(--ui-zoom,1.15)); line-height:1.5; }
.online-status p { color:#647268; font-size:calc(15px * var(--ui-zoom,1.15)); line-height:1.8; }
.online-status .connection-note { padding:16px; border-radius:14px; background:#e9eee5; }
.online-logout { position:fixed; bottom:calc(22px + env(safe-area-inset-bottom)); right:24px; background:none; border:0; color:#56665c; font:inherit; padding:12px; cursor:pointer; }
@media(max-width:480px){.online-topbar{padding:24px 16px}.online-status{margin-top:60px}.online-topbar .signed-in-controls{gap:8px}}