.onl-theme{--onl-surface:var(--surface);--onl-surface2:var(--surface2);--onl-border:var(--border);--onl-border2:var(--border2);--onl-text:var(--text);--onl-muted:var(--muted);--onl-dim:var(--dim);--onl-accent:var(--accent2);--onl-font:var(--font);--onl-font-head:var(--font-head)}.onl-theme.onl-t-qc{--onl-surface:var(--qc-bg-elev);--onl-surface2:var(--qc-surface-2);--onl-border:var(--qc-border);--onl-border2:var(--qc-border-strong);--onl-text:var(--qc-text);--onl-muted:var(--qc-text-mute);--onl-dim:var(--qc-text-faint);--onl-accent:var(--qc-accent);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-ml{--onl-surface:var(--ml-bg-elev);--onl-surface2:var(--ml-surface-2);--onl-border:var(--ml-border);--onl-border2:var(--ml-border-strong);--onl-text:var(--ml-text);--onl-muted:var(--ml-text-mute);--onl-dim:var(--ml-text-faint);--onl-accent:var(--ml-accent);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-blg{--onl-surface:var(--blg-bg-elev);--onl-surface2:var(--blg-surface-2);--onl-border:var(--blg-border);--onl-border2:var(--blg-border-strong);--onl-text:var(--blg-text);--onl-muted:var(--blg-text-mute);--onl-dim:var(--blg-text-faint);--onl-accent:var(--blg-accent);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-kkm{--onl-surface:var(--kkm-bg-elev);--onl-surface2:var(--kkm-surface-2);--onl-border:var(--kkm-border);--onl-border2:var(--kkm-border-strong);--onl-text:var(--kkm-text);--onl-muted:var(--kkm-text-mute);--onl-dim:var(--kkm-text-faint);--onl-accent:var(--kkm-accent);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-exc{--onl-surface:var(--exc-bg-elev);--onl-surface2:var(--exc-surface-2);--onl-border:var(--exc-border);--onl-border2:var(--exc-border-strong);--onl-text:var(--exc-text);--onl-muted:var(--exc-text-mute);--onl-dim:var(--exc-text-faint);--onl-accent:var(--exc-accent);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-okx{--onl-surface:var(--okx-bg-elev);--onl-surface2:var(--okx-surface-2);--onl-border:var(--okx-border);--onl-border2:var(--okx-border-strong);--onl-text:var(--okx-text);--onl-muted:var(--okx-text-mute);--onl-dim:var(--okx-text-faint);--onl-accent:var(--okx-accent,#10b981);--onl-font:inherit;--onl-font-head:inherit}.onl-theme.onl-t-rb{--onl-surface:var(--rb-bg);--onl-surface2:var(--rb-surface-2);--onl-border:var(--rb-border);--onl-border2:var(--rb-border-hov);--onl-text:var(--rb-text);--onl-muted:var(--rb-text-dim);--onl-dim:var(--rb-text-mute);--onl-accent:var(--rb-red-400);--onl-font:var(--rb-font);--onl-font-head:var(--rb-font-display)}.onl-wrap{position:relative}.onl-btn{--onl-green:#10b981;height:28px;color:var(--onl-green);cursor:pointer;background:#10b98114;border:1px solid #10b98138;border-radius:9px;align-items:center;gap:7px;padding:0 10px 0 8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.onl-btn:hover,.onl-btn.is-open{background:#10b98124;border-color:#10b98161}.onl-btn.is-open{box-shadow:0 0 0 3px #10b9811f}.onl-btn.is-stale{color:var(--onl-muted);background:var(--onl-surface2);border-color:var(--onl-border2)}.onl-btn:focus-visible{outline-offset:2px;outline:2px solid #10b9818c}.onl-btn__label{letter-spacing:.01em}.onl-stack{align-items:center;margin-right:1px;display:inline-flex}.onl-stack__item{box-shadow:0 0 0 2px var(--onl-surface);border-radius:50%;margin-left:-6px;transition:filter .3s,opacity .3s;display:inline-flex}.onl-stack__item:first-child{margin-left:0}.onl-stack__item.is-away{filter:grayscale(.7);opacity:.7}.onl-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s;position:relative;box-shadow:0 0 6px #10b981b3}.onl-dot.is-stale{background:var(--onl-dim);box-shadow:none}.onl-dot__ring{pointer-events:none;border:2px solid #10b981;border-radius:50%;animation:.9s cubic-bezier(.2,.7,.3,1) both onlRing;position:absolute;inset:-1px}@keyframes onlRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.onl-count{justify-content:center;min-width:8px;height:14px;display:inline-flex;position:relative;overflow:hidden}.onl-count__n{font-variant-numeric:tabular-nums;line-height:14px;display:inline-block}.onl-ava{box-shadow:0 0 0 1.5px var(--onl-ring,var(--onl-border));background:var(--onl-surface2);border-radius:50%;flex-shrink:0;display:inline-flex;position:relative;overflow:hidden}.onl-ava img{object-fit:cover;width:100%;height:100%;display:block}.onl-ava__ph{letter-spacing:.02em;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;font-weight:800;display:flex}.onl-stack .onl-ava__ph{font-size:7px}.onl-panel{color:var(--onl-text);font-family:var(--onl-font);text-align:left;z-index:99999;background:var(--onl-surface);border:1px solid var(--onl-border2);transform-origin:100% 0;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border-radius:16px;flex-direction:column;max-height:min(520px,100vh - 90px);display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 50px #0f172a29,0 2px 8px #0f172a0f}.dark .onl-panel{box-shadow:0 20px 60px #00000073,0 0 0 1px #7c3aed0d}.onl-head{border-bottom:1px solid var(--onl-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 12px 16px;display:flex}.onl-head__title{min-width:0;font-family:var(--onl-font-head);color:var(--onl-text);flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.onl-head__actions{flex-shrink:0;gap:4px;display:flex}.onl-pill{font-family:var(--onl-font);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.onl-pill--here{color:#10b981;background:#10b9811f}.onl-pill--away{color:#d97706;background:#f59e0b24}.dark .onl-pill--away{color:#fbbf24}.onl-icon-btn{border:1px solid var(--onl-border);background:var(--onl-surface2);width:26px;height:26px;color:var(--onl-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.onl-icon-btn:hover{color:var(--onl-text);border-color:var(--onl-border2)}.onl-icon-btn.is-on{color:var(--onl-accent);border-color:color-mix(in srgb, var(--onl-accent) 45%, transparent);background:color-mix(in srgb, var(--onl-accent) 12%, var(--onl-surface2))}.onl-search{border:1px solid var(--onl-border);background:var(--onl-surface2);height:32px;color:var(--onl-dim);border-radius:9px;align-items:center;gap:8px;margin:10px 12px 2px;padding:0 10px;transition:border-color .15s;display:flex}.onl-search:focus-within{border-color:var(--onl-border2);color:var(--onl-muted)}.onl-search input{min-width:0;color:var(--onl-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.onl-search input::placeholder{color:var(--onl-dim)}.onl-search__clear{color:var(--onl-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px;display:inline-flex}.onl-search__clear:hover{color:var(--onl-text)}.onl-list{scrollbar-width:thin;scrollbar-color:#7850ff40 transparent;flex:1;min-height:0;padding:4px 0 6px;overflow-y:auto}.onl-list::-webkit-scrollbar{width:6px}.onl-list::-webkit-scrollbar-thumb{background:#7850ff40;border-radius:6px}.onl-row{overflow:hidden}.onl-row__in{border-radius:11px;align-items:center;gap:11px;margin:1px 6px;padding:8px 10px;transition:background .15s;display:flex}.onl-row__in:hover{background:color-mix(in srgb, var(--onl-accent) 8%, transparent)}.onl-row__in.is-me{background:color-mix(in srgb, var(--onl-accent) 6%, transparent)}@property --onl-cut{syntax:"<length>";inherits:false;initial-value:-1px}.onl-row__ava{flex-shrink:0;width:36px;height:36px;position:relative}.onl-row__pic{place-items:center;transition:filter .35s,opacity .35s;display:grid;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#0000 8.5px,#000 9px);mask:radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#0000 8.5px,#000 9px)}.onl-row__in.is-away .onl-row__pic{filter:grayscale(.65);opacity:.7}.onl-status{--onl-cut:-1px;z-index:3;width:12px;height:12px;-webkit-mask:radial-gradient(circle at 2.5px 2.5px, transparent var(--onl-cut), #000 calc(var(--onl-cut) + .4px));-webkit-mask:radial-gradient(circle at 2.5px 2.5px, transparent var(--onl-cut), #000 calc(var(--onl-cut) + .4px));mask:radial-gradient(circle at 2.5px 2.5px, transparent var(--onl-cut), #000 calc(var(--onl-cut) + .4px));background:#23a55a;border-radius:50%;transition:background .35s,--onl-cut .35s cubic-bezier(.3,.7,.3,1);position:absolute;bottom:-2px;right:-2px}.onl-status.is-away{--onl-cut:4.6px;background:#f0b232}.onl-row__main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.onl-row__name{align-items:center;gap:6px;min-width:0;display:flex}.onl-row__nick{color:var(--onl-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;transition:color .35s;overflow:hidden}.onl-row__in.is-away .onl-row__nick{color:var(--onl-muted)}.onl-row__meta{align-items:center;gap:6px;min-width:0;display:flex}.onl-row__page{color:var(--onl-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.onl-row__time{color:var(--onl-dim);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.onl-row__time.is-away{color:#d97706}.dark .onl-row__time.is-away{color:#fbbf24}.onl-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:150px;padding:1px 6px;font-size:10px;font-weight:600;overflow:hidden}.onl-chip--me{color:var(--onl-accent);background:color-mix(in srgb, var(--onl-accent) 14%, transparent);padding:1px 5px;font-size:9px;font-weight:700}.onl-group{overflow:hidden}.onl-group__in{letter-spacing:.06em;text-transform:uppercase;color:var(--onl-dim);align-items:center;gap:6px;padding:10px 18px 4px;font-size:10px;font-weight:800;display:flex}.onl-group__n{color:var(--onl-muted);background:var(--onl-surface2);letter-spacing:0;border-radius:5px;padding:0 5px;font-weight:700}.onl-empty{text-align:center;color:var(--onl-dim);padding:28px 16px;font-size:12px}.onl-foot{color:#d97706;border-top:1px solid var(--onl-border);background:#f59e0b0f;padding:8px 16px;font-size:11px;overflow:hidden}@media (prefers-reduced-motion:reduce){.onl-dot__ring{animation:none;display:none}}.onl-row__page.is-hidden{filter:blur(4px);-webkit-user-select:none;user-select:none}