.rooms{container-type:inline-size;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.rooms-tabs{position:relative;display:flex;flex:none;padding:0 6px;border-bottom:1px solid var(--ns-border)}.rooms-tab{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;margin-bottom:-1px;padding:0 4px;font:10px var(--ns-font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ns-text-muted);border-bottom:2px solid transparent;cursor:pointer}.rooms-tab[aria-selected=true]{color:var(--ns-text)}.rooms-tab-underline{position:absolute;left:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ns-accent);pointer-events:none}.rooms-panel-rows{display:flex;flex-direction:column;gap:2px}.rooms-pill{padding:1px 6px;font:600 10px var(--ns-font-sans);letter-spacing:0;border-radius:999px;color:var(--ns-text-muted);background:color-mix(in oklab,var(--ns-text) 8%,transparent)}.rooms-tab[aria-selected=true] .rooms-pill{color:var(--ns-accent-bright);background:color-mix(in oklab,var(--ns-accent) 22%,transparent)}@container (max-width: 250px){.rooms-tabs{padding:0 2px}.rooms-tab{gap:4px;font-size:9px;letter-spacing:.03em}.rooms-pill{padding:0 5px;font-size:9px}}.rooms-search{flex:none;padding:12px 12px 6px}.rooms-search-input{width:100%;height:36px;padding:0 12px;font:12px var(--ns-font-sans);color:var(--ns-text);background:var(--ns-bg-elevated);border:1px solid var(--ns-border);border-radius:8px}.rooms-search-input::placeholder{color:var(--ns-text-dim)}.rooms-search-input:focus{outline:none;border-color:var(--ns-border-strong)}.rooms-rows{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:4px 8px 12px}.rooms-item{position:relative;display:flex}.rooms-row{flex:none;min-width:0;display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 10px;font:13px var(--ns-font-sans);text-align:left;color:var(--ns-text);text-decoration:none;border:1px solid transparent;border-radius:8px;cursor:pointer}.rooms-item .rooms-row{flex:1;padding-right:34px}@media (hover:hover) and (pointer:fine){.rooms-row:hover{background:color-mix(in oklab,var(--ns-text) 5%,transparent)}}.rooms-row[data-active=true]{background:var(--ns-bg-card);border-color:var(--ns-border-strong)}.rooms-row[aria-disabled]{cursor:default;color:var(--ns-text-muted)}.rooms-row[aria-busy=true]{cursor:progress}.rooms-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-row-name .owner-chat-row-title{font:inherit;color:inherit}.rooms-icon{width:15px;height:15px;flex:none;color:var(--ns-text-muted);stroke-width:1.7}.rooms-icon--starred,.rooms-star-mark{color:var(--ns-accent);fill:var(--ns-accent)}.rooms-star-mark{width:12px;height:12px;flex:none}.rooms-count{padding:1px 7px;font:600 10px var(--ns-font-sans);border-radius:999px;color:var(--ns-on-accent);background:var(--ns-accent)}.rooms-label{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;padding:2px 6px;font:9px var(--ns-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ns-accent-bright);border:1px solid var(--ns-border-strong);border-radius:4px}.rooms-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ns-accent);box-shadow:0 0 7px color-mix(in oklab,var(--ns-accent) 70%,transparent)}.rooms-star{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:26px;height:26px;translate:0 -50%;color:var(--ns-text-dim);border-radius:6px;opacity:0;cursor:pointer}.rooms-star svg{width:14px;height:14px}.rooms-star[aria-pressed=true]{color:var(--ns-accent)}.rooms-star[aria-pressed=true] svg{fill:var(--ns-accent)}.rooms-item:hover .rooms-star,.rooms-star:focus-visible{opacity:1}@media (hover:none){.rooms-star{opacity:1}}.rooms-star:hover{color:var(--ns-text)}.rooms-group{display:flex;flex-direction:column;gap:2px}.rooms-group-label{padding:14px 10px 4px;font:10px var(--ns-font-mono);letter-spacing:.04em;color:var(--ns-text-muted)}.rooms-item+.rooms-group:first-of-type,.rooms-row--pinned~.rooms-group:first-of-type{margin-top:6px;border-top:1px solid var(--ns-border)}.rooms-note{padding:16px 10px;font-size:12px;line-height:1.5;color:var(--ns-text-muted);text-align:center}.rooms-note button{text-decoration:underline;cursor:pointer}.rooms :is(button,a):focus-visible{outline:2px solid var(--ns-text-muted);outline-offset:2px}.chats-canvas-room{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.chats-canvas-room>.room-empty{padding:16px var(--canvas-gutter,24px)}.room-page{display:flex;flex:1;flex-direction:column;min-height:0}.room-face{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;font:600 12px var(--ns-font-sans);color:var(--ns-on-accent);background:var(--ns-accent)}.room-face[data-size=sm]{width:24px;height:24px;border-radius:7px;font-size:11px}.room-face[data-size=xs]{width:20px;height:20px;border-radius:6px;font-size:10px}.room-face img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.room-face[data-anonymous]{color:var(--ns-text-muted);background:transparent;border:1px dashed var(--ns-text-dim)}.room-face[data-anonymous]>svg:first-child{width:60%;height:60%}.room-face[data-aster]{box-shadow:0 0 0 2px var(--ns-bg),0 0 0 3.5px var(--ns-border-strong)}.room-face-mark{position:absolute;right:-5px;bottom:-5px;width:13px;height:13px;padding:1.5px;border-radius:50%;fill:var(--ns-accent);background:var(--ns-bg)}.room-conversation-faces{display:flex;flex:none}.room-conversation-faces>.room-face+.room-face{margin-left:-6px}.room-empty{padding:24px;font-size:13px;color:var(--ns-text-muted)}.room-transcript{overflow-wrap:anywhere;position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.room-transcript .room-transcript-scroll{padding:20px max(24px,calc((100% - 680px) / 2)) 32px}.room-transcript .ns-chat-line{display:flex;align-items:flex-start;gap:10px}.room-transcript .ns-chat-line[data-side=right]{flex-direction:row-reverse}.room-transcript .ns-chat-line[data-side=center]{justify-content:center}.room-transcript .ns-chat-line>.room-face{margin-top:2px}.room-transcript .ns-chat-line .ns-chat-panel-msg{max-width:min(85%,560px)}.room-transcript .ns-chat-line[data-side=left] .ns-chat-panel-msg--user{align-self:auto;color:var(--ns-text);background:var(--ns-bg-card);border:1px solid var(--ns-border)}.room-transcript .ns-chat-line .ns-chat-panel-msg--assistant{align-self:auto}.room-transcript .ns-chat-line[data-side=right] .ns-chat-panel-msg--assistant{text-align:left}.room-transcript .ns-chat-line[data-side=center] .ns-chat-panel-msg{max-width:none;flex:1}.room-transcript .ns-chat-line[data-side=center] .ns-chat-divider{flex:1}.room-transcript .ns-chat-line .ns-chat-panel-msg--room-fold{max-width:none;padding:0;background:none;margin-left:34px}.room-fold{appearance:none;display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ns-text) 6%,transparent);font:12px/1.4 var(--ns-font-sans);color:var(--ns-text-muted);cursor:pointer}@media (hover:hover) and (pointer:fine){.room-fold:hover{color:var(--ns-text)}}.room-fold:focus-visible{outline:2px solid var(--ns-text-muted);outline-offset:2px}.room-fold .room-face{width:18px;height:18px;border-radius:6px}.room-fold svg:not(.room-face-mark){width:13px;height:13px}.room-transcript .ns-chat-line[data-inset]{position:relative;margin-left:34px;padding-left:14px;border-left:2px solid var(--ns-border)}.room-transcript .ns-chat-line[data-inset]+.ns-chat-line[data-inset]:before{content:"";position:absolute;left:-2px;bottom:100%;width:2px;height:.8rem;background:var(--ns-border)}.room-transcript .ns-chat-line[data-inset] .ns-chat-panel-msg{font-size:.92em;color:var(--ns-text-muted)}.room-transcript .ns-chat-line[data-highlight] .ns-chat-panel-msg{outline:1px solid var(--ns-border-strong);outline-offset:6px;border-radius:8px}.room-transcript-note{padding:8px 0;text-align:center;font-size:12px;color:var(--ns-text-muted)}.room-transcript-note button{text-decoration:underline;cursor:pointer}.room-transcript-jump{position:absolute;bottom:16px;left:50%;display:inline-flex;align-items:center;gap:6px;translate:-50% 0;padding:6px 14px;font:500 12px var(--ns-font-sans);color:var(--ns-on-accent);background:var(--ns-accent);border-radius:999px;box-shadow:var(--ns-shadow);cursor:pointer}.room-transcript-jump svg{width:14px;height:14px}.room-transcript-jump:focus-visible{outline:2px solid var(--ns-text);outline-offset:2px}