.room{font:var(--t-ui);color:var(--text);background:var(--canvas);text-align:left;font-feature-settings:"ss01", "cv11"}.room.room-bare{background:0 0}.room svg.i{stroke-width:1.75px;flex:none;width:16px;height:16px}.room svg.i.sm{width:14px;height:14px}.room .truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room .spacer{flex:auto}.room .btn{height:var(--control-h);border:1px solid var(--border);border-radius:var(--r-control);background:var(--raised);color:var(--text);box-shadow:var(--shadow-sm);font:var(--t-ui);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-weight:550;display:inline-flex}.room .btn-sm{height:var(--control-h-sm);font:600 12px/16px var(--font-sans);border-radius:8px;gap:4px;padding-inline:8px}.room .icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--r-control);color:var(--muted);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.room .status{font:500 12px/16px var(--font-sans);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.room .status:before{content:"";width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%;flex:none}.room .status[data-tone=success]{color:var(--success)}.room .connection-state{height:24px;font:var(--t-meta);color:var(--muted);white-space:nowrap;background:var(--inset);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 8px;display:inline-flex}.room .connection-state[data-tone=running]{color:var(--accent);background:var(--accent-soft)}.room .connection-state[data-tone=running]:before{content:"";width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%;flex:none;animation:1.2s ease-in-out infinite m-pulse}.room .pill{height:20px;font:var(--t-micro);letter-spacing:var(--track-loose);white-space:nowrap;background:var(--inset);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;align-items:center;gap:4px;padding-inline:8px;display:inline-flex}.room .pill[data-tone=success]{background:var(--success-soft);color:var(--success);box-shadow:none}.room .avatar{--av:24px;width:var(--av);height:var(--av);-webkit-user-select:none;user-select:none;font:650 calc(var(--av) * .4)/1 var(--font-sans);letter-spacing:.01em;background:oklch(var(--id-bg-l) var(--id-bg-c) var(--h,262));color:oklch(var(--id-fg-l) var(--id-fg-c) var(--h,262));box-shadow:inset 0 0 0 1px oklch(var(--id-fg-l) var(--id-fg-c) var(--h,262) / .14);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.room .avatar.md{--av:28px}.room .chat-header{flex:0 0 var(--header-h);height:var(--header-h);border-bottom:1px solid var(--border);align-items:center;gap:6px;min-width:0;padding-inline:12px 8px;display:flex;container:room-header/inline-size}@container room-header (max-width:700px){.room .chat-header .hdr-label{display:none}.room .chat-header .hdr-btn{width:30px;padding:0}.room .chat-header .crumb .proj,.room .chat-header .crumb .proj+.muted{display:none}}@container room-header (max-width:560px){.room .chat-header .hdr-state{display:none}}.room .crumb{align-items:baseline;gap:8px;min-width:0;font-size:13.5px;display:flex}.room .crumb .proj{color:var(--muted);flex:none;max-width:30%}.room .crumb .muted{color:var(--faint)}.room .crumb .title{letter-spacing:var(--track-snug);font-weight:650}.room .hdr-state{flex:none;align-items:center;display:flex}.room .hdr-btn{height:var(--control-h)}.room .presence{border-radius:999px;align-items:center;padding:4px 8px 4px 4px;display:inline-flex}.room .presence-item{box-shadow:0 0 0 2px var(--canvas);animation:m-pop .42s var(--ease-spring) both;border-radius:50%;margin-left:-7px;display:inline-flex;position:relative}.room .presence-item:first-child{margin-left:0}.room .presence-item[data-online=true]:after{content:"";background:var(--success);width:8px;height:8px;box-shadow:0 0 0 2px var(--canvas);animation:m-ping 1.6s var(--ease-out) .6s 2 both;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.room .transcript{flex-direction:column;gap:24px;display:flex}.room .msg{grid-template-columns:var(--msg-gutter) minmax(0, 1fr);column-gap:var(--msg-gap);min-width:0;display:grid}.room .msg-gutter{justify-content:center;padding-top:1px;display:flex}.room .msg-main{flex-direction:column;gap:8px;min-width:0;display:flex}.room .msg-meta{font:var(--t-meta);color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;min-height:20px;margin-bottom:-4px;display:flex}.room .msg-meta time{font-variant-numeric:tabular-nums;letter-spacing:0}.room .msg-author{color:var(--text);font:650 13px/20px var(--font-sans);letter-spacing:var(--track-snug)}.room .msg-chip{font:400 11px/16px var(--font-mono);background:var(--inset);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);border-radius:5px;padding:0 6px}.room .msg-for{color:var(--faint)}.room .msg-for-name{color:oklch(var(--id-name-l) var(--id-name-c) var(--h,262));font-weight:600}.room .msg-user .msg-author{color:oklch(var(--id-name-l) var(--id-name-c) var(--h,262))}.room .msg-user .msg-body{border-radius:4px var(--r-bubble) var(--r-bubble) var(--r-bubble);background:var(--bubble-other);width:fit-content;max-width:min(620px,92%);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border);padding:8px 14px}.room .msg-body{font:var(--t-transcript);overflow-wrap:anywhere;min-width:0;color:var(--text)}.room .msg-body p{text-wrap:pretty;margin:0 0 12px}.room .msg-body p:last-child{margin-bottom:0}.room .msg-body code{font:400 .86em/1 var(--font-mono);background:var(--inset);box-shadow:inset 0 0 0 1px var(--border);border-radius:5px;padding:2px 5px}.room .mention{color:var(--accent);font-weight:600}.room .agent-mark{--tint:var(--muted);width:28px;height:28px;font:700 10px/1 var(--font-mono);letter-spacing:-.03em;color:var(--tint);background:color-mix(in srgb, var(--tint) 12%, var(--raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 24%, transparent);border-radius:8px;flex:none;place-items:center;display:inline-grid}.room .agent-mark[data-agent=claude-code]{--tint:var(--agent-claude)}.room .agent-mark[data-agent=codex]{--tint:var(--text)}.room .agent-mark[data-agent=opencode]{--tint:var(--agent-opencode)}.room .msg-agent[data-live=true] .agent-mark{animation:1.8s ease-in-out infinite m-pulse}.room .agent-mark.solo-mark{border-radius:6px;width:20px;height:20px;font-size:8px}.room .tool-worked{font-variant-numeric:tabular-nums;color:var(--faint)}.room .tool-group{border:1px solid var(--border);background:var(--raised);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:10px}.room .tool-group-summary{color:var(--muted);font:500 12px/16px var(--font-sans);align-items:center;gap:8px;min-width:0;padding:4px 12px 4px 4px;display:flex}.room .tool-group-summary .chev{color:var(--faint);transform:rotate(-90deg)}.room .tool-icon{background:var(--inset);width:24px;height:24px;color:var(--muted);border-radius:6px;flex:none;place-items:center;display:grid}.room .tool-summary{white-space:nowrap}.room .tool-call{min-width:0;display:block}.room .tool-call-head{min-width:0;font:400 12px/20px var(--font-mono);color:var(--muted);flex:1;align-items:center;gap:8px;padding:3px 0;display:flex}.room .tool-call[data-state=running] .tool-call-head{color:var(--text)}.room .tool-kind{color:var(--faint)}.room .tool-verb{font:600 12px/20px var(--font-sans);color:var(--text);flex:none}.room .tool-target{color:var(--muted)}.room .tool-live{border-left:2px solid color-mix(in srgb, var(--accent) 35%, var(--border));flex-direction:column;gap:4px;margin-left:12px;padding:8px 12px 8px 8px;display:flex}.room .tool-live-head{font:500 12px/16px var(--font-sans);color:var(--muted);align-items:center;gap:8px;margin-bottom:2px;display:flex}.room .tool-live>.tool-call{animation:m-enter var(--d-base) var(--ease-out) both}.room .tool-step-mark{width:16px;height:16px;color:var(--success);flex:none;place-items:center;display:grid}.room .tool-step-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;animation:1.2s ease-in-out infinite m-pulse}.room .tool-step-mark svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:m-draw .42s var(--ease-out) 60ms forwards}.room .changes{flex-wrap:wrap;gap:6px;display:flex}.room .change-chip{height:var(--control-h-sm);border:1px solid var(--border);background:var(--raised);font:var(--t-tech);max-width:100%;color:var(--text);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding-inline:8px;font-size:11.5px;display:inline-flex}.room .change-chip .i{color:var(--faint)}.room .add{color:var(--success)}.room .del{color:var(--danger)}.room .event{font:var(--t-meta);color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.room .event:before,.room .event:after{content:"";background:var(--border);flex:24px;min-width:16px;height:1px}.room .event>span{max-width:80%}.room .event .i{color:var(--success)}.room .event strong{color:var(--text);font-weight:600}.room .shimmer{background:linear-gradient(90deg, var(--faint) 0%, var(--faint) 40%, var(--text) 50%, var(--faint) 60%, var(--faint) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite shimmer}.room .dots{gap:3px;display:inline-flex}.room .msg-typing{align-items:center;height:16px}.room .dots i{background:var(--faint);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot}.room .dots i:nth-child(2){animation-delay:.15s}.room .dots i:nth-child(3){animation-delay:.3s}.room .transcript>*{animation:m-enter var(--d-base) var(--ease-out) both}.room .msg-agent[data-live=true] .msg-body>*{animation:m-blur-in .35s var(--ease-out) both}.room .swap-in{animation:m-enter var(--d-fast) var(--ease-swap) both;display:inline-flex}.room .composer{border:1px solid var(--border);border-radius:var(--r-composer);background:var(--raised);box-shadow:var(--shadow-composer);flex-direction:column;display:flex;position:relative}.room .composer-draft{font:var(--t-transcript);min-height:48px;color:var(--faint);padding:12px 16px 4px}.room .composer-controls{align-items:center;gap:8px;min-width:0;padding:4px 8px 8px;display:flex}.room .picker{height:var(--control-h);font:var(--t-ui);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding-inline:6px 8px;font-weight:600;display:inline-flex}.room .picker .agent-mark{border-radius:6px;width:22px;height:22px;font-size:9px}.room .picker-sub{color:var(--muted);gap:5px;padding-inline:8px;font-size:11.5px;font-weight:500}.room .send{width:var(--control-h);height:var(--control-h);background:var(--inset);color:var(--faint);box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;flex:none;place-items:center;display:grid}.room .composer[data-disabled=true]{background:var(--inset);box-shadow:none}.room .context-bar{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:12px 12px 0;display:flex}.room .ctx{background:var(--inset);max-width:280px;height:24px;color:var(--muted);font:400 11.5px/16px var(--font-mono);border:0;border-radius:8px;align-items:center;gap:8px;padding-inline:8px;display:inline-flex}.room .ctx .dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--success) 20%, transparent);border-radius:50%;flex:none}.room .composer-lock{font:var(--t-meta);color:var(--muted);margin:0;padding:0 16px 10px}.room .msg-user[data-self=true]{grid-template-columns:minmax(0,1fr)}.room .msg-user[data-self=true] .msg-main{align-items:flex-end}.room .msg-user[data-self=true] .msg-meta{justify-content:flex-end}.room .msg-user[data-self=true] .msg-author{color:var(--muted)}.room .msg-user[data-self=true] .msg-body{background:var(--bubble-self);color:var(--bubble-self-ink);border-radius:var(--r-bubble) 4px var(--r-bubble) var(--r-bubble);box-shadow:0 1px 2px #00000014}.room .msg-user[data-self=true] .msg-body code{color:inherit;box-shadow:none;background:#ffffff1f}.room .msg-user[data-self=true] .mention{color:inherit}.room .card{border:1px solid var(--border);border-radius:var(--r-inset);background:var(--raised);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.room .card[data-tone=accent]{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.room .card p{font:var(--t-transcript);color:var(--text);text-wrap:pretty;margin:0}.room .row{align-items:center;gap:8px;min-width:0;display:flex}.room .grow{flex:auto;min-width:0}.room .meta{font:var(--t-meta);color:var(--muted)}.room .mono{font:var(--t-tech)}.room .stack{flex-direction:column;gap:8px;display:flex}.room .btn-primary{background:var(--primary-fill);color:var(--primary-ink);border-color:#0000;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff14}.room .btn-quiet{box-shadow:none;background:0 0;border-color:#0000}.room .queue-summary{height:var(--control-h-sm);border:1px solid var(--border);background:var(--raised);font:var(--t-meta);color:var(--text);box-shadow:var(--shadow-sm);border-radius:999px;align-self:center;align-items:center;gap:8px;padding-inline:12px;display:inline-flex}.room .tries{border:1px dashed var(--border-strong);border-radius:var(--r-inset);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px;display:grid}.room .preview-share{border:1px solid var(--border);border-radius:var(--r-inset);background:var(--raised);flex-direction:column;gap:8px;padding:12px;display:flex}.room .preview-ports{flex-wrap:wrap;gap:4px}.room .preview-ports .ctx{gap:6px}.room .input{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--canvas);min-width:0;color:var(--faint);font:var(--t-ui);flex:1;align-items:center;padding-inline:12px;display:inline-flex}.room .command-block{background:var(--inset);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.room .command-block code{font:var(--t-tech);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.room .banner{border-radius:var(--r-inset);border:1px solid var(--border);background:var(--raised);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.room .banner[data-tone=accent]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.room .banner>.i{color:var(--muted);margin-top:2px}.room .banner[data-tone=accent]>.i{color:var(--accent)}.room .banner-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room .role-option{border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.room .role-option[aria-checked=true]{background:var(--selected,var(--inset));box-shadow:inset 0 0 0 1px var(--border)}.room .room-aside{border-left:1px solid var(--border);background:var(--canvas);flex-direction:column;flex:0 0 300px;width:300px;min-width:0;min-height:0;display:flex}.room .panel-head{flex:0 0 var(--header-h);border-bottom:1px solid var(--border);align-items:center;gap:4px;min-width:0;padding-inline:16px;display:flex}.room .panel-head>strong{font-weight:650}.room .panel-body{flex-direction:column;flex:auto;gap:20px;min-height:0;padding:16px;display:flex;overflow:hidden}.room .timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.room .timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:12px;bottom:12px;left:57.5px}.room .tl-item{animation:m-enter var(--d-base) var(--ease-out) both;grid-template-columns:44px 12px minmax(0,1fr);gap:8px;padding-block:8px;display:grid;position:relative}.room .tl-time{font:400 11px/20px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--faint);text-align:right;padding-top:1px}.room .tl-dot{background:var(--border-strong);width:9px;height:9px;box-shadow:0 0 0 3px var(--canvas);border-radius:50%;margin-top:5px}.room .tl-dot[data-tone=success]{background:var(--success)}.room .tl-dot[data-tone=accent]{background:var(--accent)}.room .tl-dot[data-tone=warning]{background:var(--warning)}.room .brief-section{flex-direction:column;gap:6px;display:flex}.room .brief-section h3{font:650 12px/16px var(--font-sans);color:var(--text);margin:0}.room .brief-section p,.room .brief-section li{font:var(--t-ui);color:var(--muted);text-wrap:pretty;margin:0}.room .brief-section ul{flex-direction:column;gap:4px;margin:0;padding-left:16px;display:flex}@media (max-width:1023px){.room .room-aside{display:none}}.room .room-main{flex:auto;min-height:0;display:flex}.room .room-body{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.room .room-scroll{min-height:0;padding:24px var(--room-gutter,28px) 20px;flex-direction:column;flex:auto;justify-content:flex-end;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 48px);mask-image:linear-gradient(#0000,#000 48px)}.room .room-scroll>.transcript{width:100%;max-width:720px;margin-inline:auto}.room .room-composer{padding:0 var(--room-gutter,28px) 16px;flex:none}.room .room-composer>*{max-width:720px;margin-inline:auto}@media (max-width:767px){.room{--room-gutter:14px}.room .msg{grid-template-columns:26px minmax(0,1fr);column-gap:10px}}@keyframes m-enter{0%{opacity:0;transform:translateY(var(--rise));filter:blur(var(--blur-in))}}@keyframes m-blur-in{0%{opacity:0;filter:blur(var(--blur-in))}}@keyframes m-pop{0%{opacity:0;filter:blur(var(--blur-in));transform:scale(.4)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes m-draw{to{stroke-dashoffset:0}}@keyframes m-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes m-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent), 0 0 0 2px var(--canvas)}to{box-shadow:0 0 0 6px transparent, 0 0 0 2px var(--canvas)}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.room[data-paused=true] *,.room[data-paused=true] :before,.room[data-paused=true] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.room *,.room :before,.room :after{transition:none!important;animation:none!important}.room .shimmer{color:var(--muted);background:0 0}}