.online-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px auto 0;font-size:13px;display:flex}.online-bar,.chip-popover{--online-control-h:32px;--action-pad:0 14px;--action-font-size:.74rem}.chip-popover .online-link-box{flex:none;width:100%;max-width:none}.online-bar .arc-action,.online-bar select,.online-bar .online-link-box,.online-bar .online-link,.chip-popover .arc-action,.chip-popover .online-link-box{box-sizing:border-box;height:var(--online-control-h)}.online-bar .arc-action{white-space:nowrap;align-items:center;display:inline-flex}.online-bar select{border-radius:var(--action-radius);color:inherit;font:inherit;background:0 0;border:1px solid;padding:0 8px}.online-bar select option{color:#111}.online-link{color:inherit;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;padding:0 4px;text-decoration:underline}.online-link-box{min-width:0;max-width:320px;font:inherit;border-radius:var(--action-radius);color:inherit;background:0 0;border:1px solid;flex:120px;padding:0 8px}.online-badge{color:#fff;background:#0000008c;border-radius:999px;padding:4px 10px;font-weight:600}.online-badge--catchup{background:#1e6ec8d9}.online-error{text-align:center;color:#ff6b6b;flex-basis:100%;margin:0}.online-verified{color:#7ee787;text-align:center;margin:6px 0 0;font-weight:600}@media (width<=560px),(pointer:coarse){.online-bar,.chip-popover{--online-control-h:44px;--action-pad:0 10px}}@media (width<=560px){.online-bar{gap:6px;padding:0;font-size:13px}.online-bar .online-link{font-size:12px}.online-link-box{max-width:none}}.online-notice{text-align:center;color:#ffd166;margin:8px auto 0;font-weight:600}.online-host{opacity:.8;font-size:.85em}.online-room summary{cursor:pointer}.online-members{margin:4px 0 0;padding:0;font-size:13px;list-style:none}.online-members li[data-role=watcher]{opacity:.75}.online-room-invite{gap:6px;display:grid}.online-room-line{opacity:.9;font-size:12px;line-height:1.35}