header{position:sticky;top:0;z-index:100;background:rgba(7,9,12,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.online-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#c9cdd3;font:9px 'DM Mono',monospace;letter-spacing:.08em;white-space:nowrap;cursor:pointer}.online-button i,#online-list i{width:7px;height:7px;border-radius:50%;background:#57d18a;box-shadow:0 0 9px rgba(87,209,138,.7)}.online-dialog-content{position:relative;min-width:min(380px,86vw);padding:28px;background:#12151a;border:1px solid #3a3e46}.online-dialog-content h3{font:600 30px 'Playfair Display',serif;margin:0 0 24px}#online-list{list-style:none;margin:0;padding:0;border-top:1px solid #30343d}#online-list li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #30343d;font-size:12px}.online-dialog-content .close{position:absolute;right:18px;top:15px}