:root{--mx-room-mine-bg:#e8f0fe;--mx-room-mine-ink:var(--kx-primary);--mx-room-live:#12a150;--mx-room-badge-muted:#b8c2d3;--mx-room-call:#e5484d}:root[data-theme=dark]{--mx-room-mine-bg:#1c2a44;--mx-room-mine-ink:#8ab4ff;--mx-room-live:#34c77b;--mx-room-badge-muted:#4a5568;--mx-room-call:#f2555a}.mx-rooms{flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.mx-room{border-radius:16px;align-items:center;min-width:0;display:flex;position:relative}.mx-rooms .mx-room>.mx-room-open{min-width:0;min-height:56px;color:var(--kx-ink);font:500 14px/1.3 var(--kx-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;flex:1;grid-template-columns:36px minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:grid}.mx-rooms .mx-room>.mx-room-open:hover{background:var(--kx-hover)}.mx-rooms .mx-room>.mx-room-open:focus-visible{outline:2px solid var(--kx-primary);outline-offset:-2px}.mx-room[aria-current=page]>.mx-room-open{background:var(--kx-selected);color:var(--kx-selected-ink)}.mx-rooms .mx-room[aria-current=page]>.mx-room-open:hover{background:var(--kx-selected)}.mx-room-pic{place-items:center;width:36px;height:36px;display:grid;position:relative}.mx-room-live{box-sizing:border-box;background:var(--mx-room-call);border:2px solid var(--kx-bg);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-5px}.mx-room-live svg{stroke-width:2.6px;width:10px;height:10px}.mx-room-mine .mx-room-live{border-color:var(--mx-room-mine-bg)}.mx-room[aria-current=page] .mx-room-live{border-color:var(--kx-selected)}.mx-room-text{gap:2px;min-width:0;display:grid}.mx-room-text>b{align-items:center;gap:4px;min-width:0;font-size:14px;font-weight:600;display:flex}.mx-room-text>b>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mx-room-text>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 12.5px/1.3 var(--kx-font);color:var(--kx-muted);overflow:hidden}.mx-room-text>small[data-typing]{color:var(--kx-primary);font-style:italic}.mx-room-flag{width:13px;height:13px;color:var(--kx-muted);flex:none}.mx-room[data-unread] .mx-room-text>b{font-weight:800}.mx-room[data-unread] .mx-room-text>small:not([data-typing]){color:var(--kx-ink);font-weight:600}.mx-room[data-invite] .mx-room-text>small{font-style:italic}.mx-room-meta{min-width:0;font:600 11px var(--kx-font);color:var(--kx-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-content:center;justify-items:end;gap:4px;display:grid}.mx-room[data-unread] .mx-room-meta time{color:var(--kx-primary)}.mx-room-badge.kx-count-badge{background:var(--kx-primary);box-shadow:none}.mx-room[data-muted] .mx-room-badge.kx-count-badge{background:var(--mx-room-badge-muted)}.mx-room>.kx-ib{opacity:0;background:var(--kx-surface);box-shadow:0 0 0 1px var(--kx-line);position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mx-room:hover>.kx-ib,.mx-room>.kx-ib:focus-visible,.mx-room>.kx-ib[data-state=open]{opacity:1}.mx-room:is(:hover,:focus-within)>.mx-room-open>.mx-room-meta{visibility:hidden}@media (hover:none){.mx-room>.kx-ib{opacity:1;box-shadow:none;background:0 0}.mx-rooms .mx-room:not(.mx-room-mine)>.mx-room-open{padding-right:44px}.mx-room:is(:hover,:focus-within)>.mx-room-open>.mx-room-meta{visibility:visible}}.mx-rooms-mine{margin-bottom:10px}.mx-rooms-mine:after{content:"";background:var(--kx-line);height:1px;position:absolute;bottom:-6px;left:12px;right:12px}.mx-room-mine{--mx-room-row-bg:var(--mx-room-mine-bg);background:var(--mx-room-row-bg)}.mx-room-mine:hover{--mx-room-row-bg:color-mix(in srgb, var(--mx-room-mine-bg) 88%, var(--kx-primary))}.mx-rooms .mx-room-mine>.mx-room-open,.mx-rooms .mx-room-mine>.mx-room-open:hover{background:0 0;padding-right:10px}.mx-room-mine .mx-room-me{box-shadow:0 0 0 2px var(--mx-room-row-bg), 0 0 0 4px var(--kx-primary)}.mx-room-mine .mx-room-text>small{color:var(--mx-room-mine-ink)}.mx-room-mine[aria-current=page]{box-shadow:inset 0 0 0 2px var(--kx-primary)}.mx-rooms .mx-room-mine[aria-current=page]>.mx-room-open{color:var(--kx-ink)}.mx-room-acts{background:var(--mx-room-row-bg);opacity:0;pointer-events:none;border-radius:16px;gap:0;padding-left:4px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.mx-room-acts .kx-ib{color:var(--mx-room-mine-ink)}.mx-room-acts .kx-ib:hover{background:color-mix(in srgb, var(--kx-primary) 12%, transparent);color:var(--mx-room-mine-ink)}.mx-room-mine:is(:hover,:focus-within)>.mx-room-acts{opacity:1;pointer-events:auto}.mx-room-acts:has([data-state=open]){opacity:1;pointer-events:auto}.mx-room-mine:is(:hover,:focus-within)>.mx-room-open>.mx-room-meta{visibility:hidden}.mx-rooms .mx-room-mine:is(:hover,:focus-within)>.mx-room-open{padding-right:40px}@media (hover:none){.mx-room-acts{opacity:1;pointer-events:auto}.mx-rooms .mx-room-mine>.mx-room-open{padding-right:40px}.mx-room-mine>.mx-room-open>.mx-room-meta{display:none}}@media (prefers-reduced-motion:reduce){.mx-room-acts{transition:none}}.mx-link-state{min-height:20px;font:600 13px var(--kx-font);color:var(--mx-room-live);align-items:center;gap:6px;margin:-4px 0 0;display:flex}.mx-link-state:empty{display:none}.mx-link-state svg{flex:none;width:16px;height:16px}.mx-link-state .mx-spin{color:var(--kx-muted);animation:1s linear infinite mx-spin}@keyframes mx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mx-link-state .mx-spin{animation:none}}