.error-boundary{text-align:center;background-color:var(--color-bg);min-height:100%;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.error-boundary__title{font-size:1.5rem}.error-boundary__message{max-width:36rem;color:var(--color-text-secondary);overflow-wrap:anywhere}.error-boundary__reload{font:inherit;cursor:pointer;background-color:var(--color-accent);color:var(--color-on-accent);border:none;border-radius:8px;margin-top:8px;padding:8px 20px;font-weight:600}.split-pane{flex-direction:column;height:100%;min-height:0;display:flex}.split-pane--horizontal{flex-direction:row}.split-pane__pane{flex-direction:column;flex-shrink:1;flex-basis:0;min-width:0;min-height:0;display:flex;overflow:hidden}.split-pane__divider{z-index:1;cursor:row-resize;touch-action:none;flex:none;justify-content:center;align-items:center;height:9px;margin:-4px 0;display:flex;position:relative}.split-pane__divider-handle{background:var(--color-border);width:100%;height:1px;transition:background-color .15s,height .15s}.split-pane--horizontal>.split-pane__divider{cursor:col-resize;width:9px;height:auto;margin:0 -4px}.split-pane--horizontal>.split-pane__divider>.split-pane__divider-handle{width:1px;height:100%;transition:background-color .15s,width .15s}.split-pane--horizontal>.split-pane__divider:hover>.split-pane__divider-handle,.split-pane--horizontal>.split-pane__divider:focus-visible>.split-pane__divider-handle{width:2px;height:100%}.split-pane__divider:hover .split-pane__divider-handle,.split-pane__divider:focus-visible .split-pane__divider-handle{background:var(--color-accent-border);height:2px}.split-pane__divider:focus-visible{outline:none}.split-pane__divider:focus-visible .split-pane__divider-handle{background:var(--color-accent)}@media (prefers-reduced-motion:reduce){.split-pane__divider-handle{transition:none}}.pane-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 16px;display:flex}.pane-header__left,.pane-header__right{align-items:center;gap:8px;min-width:0;display:flex}.presence-cluster{position:relative}.presence-cluster__trigger{min-height:var(--control-height);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 5px;font-family:inherit;display:flex}.presence-cluster__trigger:hover{background-color:var(--color-surface-raised)}.presence-cluster__trigger:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.presence-cluster__avatars{align-items:center;display:flex}.presence-avatar{width:32px;height:32px;color:var(--color-on-pastel);box-shadow:0 0 0 2.5px var(--color-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:-4px;font-size:12px;font-weight:800;display:flex}.presence-avatar:first-child{margin-left:0}.presence-avatar--agent{background-color:var(--color-agent)}.presence-avatar--overflow{background-color:var(--color-surface-raised);width:auto;color:var(--color-text-primary);border-radius:999px;padding:0 9px}.presence-cluster__count{color:var(--color-text-secondary);font-size:13px;font-weight:700}.presence-cluster__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;max-height:240px;box-shadow:var(--shadow-md);z-index:10;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.presence-cluster__panel-row{border-radius:var(--radius-sm);color:var(--color-text-primary);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.presence-cluster__panel-row:hover{background-color:var(--color-surface-raised)}.presence-avatar--sm{width:24px;height:24px;box-shadow:none;font-size:10px;margin-left:0!important}.invite-button{position:relative}.invite-button__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:280px;max-height:360px;box-shadow:var(--shadow-md);z-index:20;flex-direction:column;gap:10px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.invite-button__copy-link{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;align-self:flex-start;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.invite-button__copy-link:hover{color:var(--color-accent-text);border-color:var(--color-accent-border);background-color:var(--color-accent-bg)}.invite-button__buddies{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.invite-button__section-title{color:var(--color-text-primary);font-size:13px;font-weight:700}.invite-button__hint{color:var(--color-text-secondary);font-size:13px}.invite-button__buddy-list{flex-direction:column;gap:4px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.invite-button__buddy-item{padding:2px 0}.invite-button__buddy-label{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.invite-button__dot{background-color:var(--color-text-tertiary);border-radius:50%;flex:none;width:8px;height:8px}.invite-button__dot--online{background-color:var(--color-success-text)}.invite-button__send{align-self:flex-start}.invite-button__error{color:var(--color-danger-text);font-size:13px}.notification-bell{position:relative}.notification-bell__badge{background-color:var(--color-accent);min-width:16px;height:16px;color:var(--color-on-accent);text-align:center;border-radius:999px;padding:0 3px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-4px;right:-4px}.notification-bell__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:320px;max-height:360px;box-shadow:var(--shadow-md);z-index:20;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.notification-bell__empty{color:var(--color-text-secondary);text-align:center;padding:14px 10px;font-size:13px}.notification-bell__list{flex-direction:column;gap:2px;display:flex}.notification-bell__item{border-radius:var(--radius-sm);color:var(--color-text-primary);flex-direction:column;gap:2px;padding:8px 10px;text-decoration:none;display:flex}a.notification-bell__item:hover{background-color:var(--color-surface-raised);color:var(--color-accent-text)}.notification-bell__item-text{font-size:13px;font-weight:700}.notification-bell__item-time{color:var(--color-text-tertiary);font-size:11px}.notification-bell__dismiss{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:0;font-size:12px;font-weight:700}.notification-bell__dismiss:hover{color:var(--color-accent-text)}.notification-bell__footer{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:4px;padding-top:6px;display:flex}.notification-bell__mark-all{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:700}.notification-bell__mark-all:hover{color:var(--color-accent-text)}.account-menu{position:relative}.account-menu__trigger{width:var(--control-height);height:var(--control-height);cursor:pointer;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:800;transition:box-shadow .15s;display:flex;position:relative}.account-menu__trigger:hover{box-shadow:0 0 0 3px var(--color-surface-raised)}.account-menu__trigger:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.account-menu__status-dot{border:2px solid var(--color-surface);box-sizing:content-box;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.account-menu__status-dot--auto{background-color:var(--color-success-text)}.account-menu__status-dot--away{background-color:var(--color-warning-text)}.account-menu__status-dot--invisible{border-color:var(--color-text-tertiary);background-color:#0000}.account-menu__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-md);z-index:20;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.account-menu__nickname{color:var(--color-text-primary);padding:2px 6px 6px;font-size:14px;font-weight:800}.account-menu__section-label{text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-tertiary);padding:0 6px;font-size:11px;font-weight:700}.account-menu__radio-group{flex-direction:column;gap:2px;display:flex}.account-menu__radio-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--color-text-primary);background:0 0;border:none;align-items:flex-start;gap:8px;padding:6px;font-family:inherit;display:flex}.account-menu__radio-item:hover{background-color:var(--color-surface-raised)}.account-menu__radio-dot{width:14px;color:var(--color-accent-text);text-align:center;flex:none;font-size:10px;line-height:1.4}.account-menu__radio-text{flex-direction:column;min-width:0;display:flex}.account-menu__radio-label{font-size:13px;font-weight:700}.account-menu__radio-sub{color:var(--color-text-tertiary);font-size:11px}.account-menu__error{color:var(--color-danger-text);padding:0 6px;font-size:12px}.account-menu__divider{border-top:1px solid var(--color-border);margin:4px 0}.account-menu__sign-out{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-danger-text);background:0 0;border:none;padding:6px;font-family:inherit;font-size:13px;font-weight:700}.account-menu__sign-out:hover{background-color:var(--color-surface-raised)}.agent-state-badge{border:1px solid var(--color-border-strong);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-family:inherit;font-size:10px;font-weight:800;display:inline-flex}.agent-state-badge--sm{padding:2px 7px;font-size:9px}.agent-state-badge__dot{border-radius:50%;flex:none;width:7px;height:7px}.agent-state-badge--live{color:var(--color-success-text);border-color:var(--color-success-text);background-color:var(--color-agent-bg)}.agent-state-badge--live .agent-state-badge__dot{background-color:var(--color-success-text);animation:1.6s ease-in-out infinite agent-state-badge-pulse}.agent-state-badge--working{color:var(--color-warning-text);border-color:var(--color-warning-text);background-color:var(--color-live-bg)}.agent-state-badge--working .agent-state-badge__dot{border:2px solid var(--color-warning-text);background-color:#0000;border-top-color:#0000;animation:.8s linear infinite agent-state-badge-spin}.agent-state-badge--inactive{color:var(--color-text-tertiary);border-color:var(--color-border-strong);background-color:var(--color-surface)}.agent-state-badge--inactive .agent-state-badge__dot{background-color:var(--color-text-tertiary)}@keyframes agent-state-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes agent-state-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.agent-state-badge--live .agent-state-badge__dot,.agent-state-badge--working .agent-state-badge__dot{animation:none}}.live-runs-menu{position:relative}.live-runs-menu__trigger{align-items:center;gap:7px;display:inline-flex}.live-runs-menu__dot{background-color:var(--color-success-text);border-radius:50%;flex:none;width:7px;height:7px}.live-runs-menu__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:320px;max-height:400px;box-shadow:var(--shadow-md);z-index:20;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.live-runs-menu__list{flex-direction:column;gap:2px;display:flex}.live-runs-menu__item{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.live-runs-menu__item:hover{background-color:var(--color-surface-raised)}.live-runs-menu__item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-primary);flex:auto;font-size:13px;font-weight:700;text-decoration:none;overflow:hidden}.live-runs-menu__item-name:hover{color:var(--color-accent-text)}.live-runs-menu__stop{color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:3px 8px;font-family:inherit;font-size:12px;font-weight:700}.live-runs-menu__stop:hover:not(:disabled){color:var(--color-accent-text);border-color:var(--color-accent-border)}.live-runs-menu__stop:disabled{opacity:.6;cursor:not-allowed}.live-runs-menu__error{color:var(--color-danger-text);flex-basis:100%;font-size:11px}.live-runs-menu__footer{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;display:flex}.live-runs-menu__helper{color:var(--color-text-tertiary);font-size:11px;line-height:1.4}.live-runs-menu__stop-all{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:700}.live-runs-menu__stop-all:hover:not(:disabled){color:var(--color-accent-text)}.live-runs-menu__stop-all:disabled{opacity:.6;cursor:not-allowed}.markdown.markdown{white-space:normal;word-break:break-word}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown blockquote,.markdown table{margin:0 0 8px}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:12px 0 6px;font-weight:700;line-height:1.3}.markdown h1{font-size:1.2em}.markdown h2{font-size:1.1em}.markdown h3,.markdown h4,.markdown h5,.markdown h6{font-size:1em}.markdown ul,.markdown ol{padding-left:1.4em}.markdown li+li{margin-top:2px}.markdown li>p{margin:0}.markdown .contains-task-list{padding-left:.2em;list-style:none}.markdown .task-list-item input{vertical-align:middle;margin:0 6px 0 0}.markdown code{font-family:var(--font-mono);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.88em}.markdown pre{font-family:var(--font-mono);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.markdown pre code{font-size:inherit;background:0 0;border:0;padding:0}.markdown blockquote{border-left:3px solid var(--color-border);color:var(--color-text-secondary);padding-left:10px}.markdown table{border-collapse:collapse;max-width:100%;font-size:.93em;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--color-border);text-align:left;padding:4px 8px}.markdown th{background:var(--color-surface-raised);font-weight:700}.markdown hr{border:0;border-top:1px solid var(--color-border);margin:12px 0}.markdown a{color:var(--color-accent);text-decoration:underline}.message-list{flex-direction:column;flex:auto;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.message-list--empty{color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.chat-row{align-items:flex-end;gap:8px;display:flex}.chat-row--other{justify-content:flex-start}.chat-row--own{flex-direction:row-reverse;justify-content:flex-start}.chat-avatar{width:32px;height:32px;color:var(--color-on-pastel);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.chat-avatar--own{background-color:var(--color-accent);color:var(--color-on-accent)}.chat-avatar--agent{background-color:var(--color-agent)}.chat-stack{flex-direction:column;min-width:0;max-width:70%;display:flex}.chat-row--own .chat-stack{align-items:flex-end}.chat-row--other .chat-stack{align-items:flex-start}.chat-name{color:var(--color-text-primary);margin-bottom:3px;padding:0 2px;font-size:13px;font-weight:800}.chat-bubble{color:var(--color-text-primary);border-radius:16px;max-width:100%;padding:10px 14px;font-size:14.5px;line-height:1.5}.chat-bubble--own{background-color:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-bottom-right-radius:6px}.chat-bubble--other{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-bottom-left-radius:6px}.chat-bubble--agent{background-color:var(--color-agent-bg);border:1px solid var(--color-agent-border);border-bottom-left-radius:6px}.chat-text{white-space:pre-wrap;word-break:break-word}.chat-edited-files{font-family:var(--font-mono);color:var(--color-text-secondary);margin-top:6px;font-size:11px}.chat-edited-files a{color:inherit}.chat-time{color:var(--color-text-tertiary);margin-top:3px;padding:0 2px;font-size:11px}.chat-fork-action{color:var(--color-text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;margin-top:2px;padding:0 2px;font-size:11px;font-weight:700;transition:opacity .1s,color .1s}.chat-fork-action:hover{color:var(--color-accent-text)}.chat-row:hover .chat-fork-action,.chat-fork-action:focus-visible{opacity:1}.chat-fork-action:focus-visible{box-shadow:0 0 0 2px var(--color-accent-border);border-radius:var(--radius-sm);outline:none}.chat-row.is-pending .chat-bubble{opacity:.55}.chat-delivery{color:var(--color-text-tertiary);align-items:center;gap:4px;margin-top:3px;padding:0 2px;font-size:11px;display:inline-flex}.chat-delivery--undelivered{color:var(--color-warning-text,var(--color-text-tertiary))}.chat-delivery__action{color:var(--color-accent-text);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;font-size:11px;font-weight:700}.chat-delivery__action:hover:not(:disabled){text-decoration:underline}.chat-delivery__action:disabled{opacity:.5;cursor:not-allowed}.chat-interrupted-tag{color:var(--color-text-tertiary);margin-left:4px;font-size:12px;font-style:italic}.message-list__load-older{width:100%;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background-color:#0000;border-radius:8px;flex:none;padding:6px 12px;font-size:12px}.message-list__load-older:hover:not(:disabled){background-color:var(--color-surface-raised);color:var(--color-text-primary)}.message-list__load-older:disabled{color:var(--color-text-tertiary);cursor:default}.chat-system-row{justify-content:center;display:flex}.chat-system-pill{color:var(--color-text-secondary);background-color:var(--color-surface-raised);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.chat-thinking-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-thinking-bubble{background-color:var(--color-agent-bg);border:1px solid var(--color-agent-border);border-radius:16px 16px 16px 6px;align-items:center;gap:5px;padding:12px 14px;display:inline-flex}.chat-thinking-dot{background-color:var(--color-agent-text);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chat-thinking-bob}.chat-thinking-dot:nth-child(2){animation-delay:.15s}.chat-thinking-dot:nth-child(3){animation-delay:.3s}.chat-thinking-label{color:var(--color-text-secondary);font-size:13px;font-weight:700}.chat-thinking-action{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:12px;overflow:hidden}.chat-thinking-action:before,.chat-thinking-usage:before{content:"·";opacity:.6;margin-right:6px}.chat-thinking-row--clickable{cursor:pointer;border-radius:8px}.chat-thinking-row--clickable:hover .chat-thinking-label,.chat-thinking-row--clickable:focus-visible .chat-thinking-label{text-decoration:underline}.chat-thinking-row--clickable:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.chat-thinking-usage{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);opacity:.8;font-size:12px}.chat-thinking-step,.chat-thinking-narration{color:var(--color-text-secondary);flex-basis:100%;padding-left:40px;font-size:12px}.chat-thinking-step{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-thinking-narration{opacity:.85;flex-direction:column;gap:2px;min-height:calc(2.9em + 4px);display:flex}.chat-thinking-narration-line{text-overflow:ellipsis;white-space:nowrap;line-height:1.45;overflow:hidden}@keyframes chat-thinking-bob{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.chat-thinking-dot{opacity:.7;animation:none}}.chat-delegation-label{color:var(--color-text-tertiary);margin-bottom:3px;padding:0 2px;font-size:11px}.chat-delegation-label--link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chat-addressed{color:var(--color-text-muted,#777);font-size:.8em}.chat-row.is-highlighted{animation:1.5s ease-out chat-row-highlight}@keyframes chat-row-highlight{0%{background-color:var(--color-accent-bg)}to{background-color:#0000}}.composer{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;flex:none;gap:8px;margin:0 16px 16px;padding:10px 10px 10px 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg)}.composer__chips{flex-wrap:wrap;gap:6px;display:flex}.composer__chip{font-family:var(--font-mono);color:var(--color-text-secondary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;max-width:220px;padding:3px 6px 3px 10px;font-size:11px;display:flex}.composer__chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer__chip-remove{width:16px;height:16px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.composer__chip-remove:hover{color:var(--color-danger-text);background-color:var(--color-surface)}.composer__textarea{resize:none;color:var(--color-text-primary);background:0 0;border:none;outline:none;max-height:160px;padding:4px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.composer__textarea::placeholder{color:var(--color-text-tertiary)}.composer__toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.composer__toolbar-left{align-items:center;gap:6px;display:flex}.composer__icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.composer__icon-btn:hover{color:var(--color-accent-text);background-color:var(--color-accent-bg);border-color:var(--color-accent-border)}.composer__icon-btn:disabled{opacity:.5;cursor:not-allowed}.composer__icon-btn:disabled:hover{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.composer__icon-btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.composer__send-btn{background-color:var(--color-accent);width:40px;height:40px;color:var(--color-on-accent);cursor:pointer;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex}.composer__send-btn:hover:not(:disabled){opacity:.88}.composer__send-btn:disabled{background-color:var(--color-border-strong);color:var(--color-text-tertiary);cursor:not-allowed}.composer__send-btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.composer__mentions{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm);z-index:10;margin:0 0 4px;padding:4px;list-style:none;position:absolute;bottom:100%;left:12px;right:12px}.composer__mention{cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.composer__mention.is-active,.composer__mention:hover{background-color:var(--color-accent-bg)}.composer__mention-slug{font-family:var(--font-mono)}.composer__mention-label{color:var(--color-text-muted,#777);font-size:.85em}.message-input__hint{color:var(--color-text-muted,#777);font-size:.8em}.composer__toolbar-right{align-items:center;gap:8px;display:flex}.composer__live-toggle{border:1px solid var(--color-accent-border);background-color:var(--color-accent-bg);height:28px;color:var(--color-accent-text);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 8px;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:flex}.composer__live-toggle:hover{border-color:var(--color-accent)}.composer__live-toggle--off{border-color:var(--color-border);color:var(--color-text-tertiary);background-color:#0000}.composer__live-toggle--off:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.composer__live-toggle:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}@media (width<=640px){.composer__textarea{font-size:16px}}.draft-previews{flex-direction:column;flex:none;gap:10px;max-height:40%;padding:4px 20px 10px;display:flex;overflow-y:auto}.draft-row{align-items:flex-start;gap:10px;display:flex}.draft-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:min(560px,80%);display:flex}.draft-label{color:var(--color-text-tertiary);font-size:12px}.draft-name{color:var(--color-text-secondary);font-weight:700}.draft-bubble{border:1px dashed var(--color-border-strong);max-height:9em;color:var(--color-text-tertiary);white-space:pre-wrap;overflow-wrap:anywhere;background-color:#0000;border-radius:16px 16px 16px 6px;padding:8px 12px;font-size:14px;font-style:italic;line-height:1.45;overflow-y:auto}.draft-caret{vertical-align:text-bottom;border-radius:1px;width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite draft-caret-blink;display:inline-block}@keyframes draft-caret-blink{50%{opacity:0}}.model-selector{position:relative}.model-selector__trigger{border-radius:var(--radius-sm);border:1px solid var(--color-border);min-height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.model-selector__trigger:hover{color:var(--color-accent-text);border-color:var(--color-accent-border);background-color:var(--color-accent-bg)}.model-selector__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.model-selector__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:190px;box-shadow:var(--shadow-md);z-index:10;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0}.model-selector__option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:13px;display:flex}.model-selector__option:hover{background-color:var(--color-surface-raised)}.model-selector__option--active{color:var(--color-accent-text);font-weight:500}.model-selector__option svg{opacity:.7;flex:none}.model-selector__option--active svg{opacity:1}.model-selector__trigger:disabled{cursor:default;opacity:.75}.model-selector__trigger:disabled:hover{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.model-selector__option-text{flex-direction:column;gap:1px;display:flex}.model-selector__option-desc{color:var(--color-text-secondary);font-size:11.5px}.phase-toggle{background-color:var(--color-surface-raised);border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.phase-toggle__option{min-height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s}.phase-toggle__option:hover{color:var(--color-text-primary)}.phase-toggle__option--active{background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 3px #1f1b2e24}.phase-toggle__option--active:hover{color:var(--color-text-primary)}.phase-toggle__option:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.phase-toggle__option:disabled{cursor:not-allowed}.phase-toggle--disabled .phase-toggle__option{opacity:.55}.phase-toggle__option--pending{opacity:.7;cursor:progress;font-style:italic}.chat-tabs{border-bottom:1px solid var(--color-border);flex-shrink:0;gap:4px;padding:0 12px;display:flex}.chat-tabs__tab{min-height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.chat-tabs__tab:hover{color:var(--color-text-primary)}.chat-tabs__tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.chat-tabs__tab:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);border-radius:6px;outline:none}.chat-tabs__badge{background-color:var(--color-accent);min-width:18px;height:18px;color:var(--color-on-accent);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;line-height:18px}.cursor-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0}.cursor-overlay__cursor{align-items:flex-start;transition:left 80ms linear,top 80ms linear;display:flex;position:absolute}.cursor-overlay__pointer{filter:drop-shadow(0 1px 2px #1f1b2e4d);flex-shrink:0}.cursor-overlay__label{white-space:nowrap;border-radius:8px;margin:12px 0 0 -2px;padding:4px 9px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 2px 6px #1f1b2e33}@media (prefers-reduced-motion:reduce){.cursor-overlay__cursor{transition:none}}@media (width<=640px){.cursor-overlay{display:none}}.room-name-btn{appearance:none;border-radius:var(--radius-sm);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;max-width:420px;margin-left:-6px;padding:2px 6px}.room-name-btn:hover:not(:disabled){background-color:var(--color-surface-raised);border-color:var(--color-border)}.room-name-btn:disabled{cursor:default}.room-name-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.room-name-input{border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);width:min(420px,50vw);color:var(--color-text-primary);margin-left:-6px;padding:2px 6px}.room-name-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.room-name-input{text-overflow:clip;overflow:visible}.cursor-color-picker{border:2px solid var(--color-surface);width:28px;height:28px;box-shadow:0 0 0 1.5px var(--color-border-strong);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.cursor-color-picker__input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-grid{background-color:var(--color-bg);background-image:radial-gradient(var(--color-dots) 1.2px, transparent 1.2px);background-size:24px 24px;background-attachment:local;flex:1;min-height:0;overflow-y:auto}.react-grid-item.react-grid-placeholder{border-radius:var(--radius-md);background-color:var(--color-accent)!important;opacity:.15!important}.react-resizable-handle{opacity:.45}.react-resizable-handle:hover{opacity:1}.widget-grid__stack{padding:12px 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.widget-grid__stack-item{flex:none;min-width:0;min-height:55vh}.widget-shell{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden}.widget-shell:hover{box-shadow:var(--shadow-md)}.widget-shell--flash{animation:1.4s ease-out widget-shell-flash}@keyframes widget-shell-flash{0%,35%{box-shadow:0 0 0 3px var(--color-accent-border), var(--shadow-md)}to{box-shadow:var(--shadow-sm)}}@media (prefers-reduced-motion:reduce){.widget-shell--flash{box-shadow:0 0 0 3px var(--color-accent-border);animation:none}}.widget-shell__header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 10px 8px 14px;display:flex}.widget-shell__header:active{cursor:grabbing}.widget-shell__title-group{align-items:center;gap:10px;min-width:0;display:flex}.widget-shell__icon{width:28px;height:28px;color:var(--color-on-pastel);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.widget-shell__icon--agent{background-color:#9fe0d8}.widget-shell__icon--accent{background-color:#d9ccff}.widget-shell__icon--sky{background-color:#bfe3ff}.widget-shell__icon--sun{background-color:#ffe58f}.widget-shell__title{font-family:var(--font-display);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.widget-shell__header-right{flex:none;align-items:center;gap:6px;display:flex}.widget-shell__close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.widget-shell__close:hover{color:var(--color-danger-text);background-color:var(--color-surface-raised)}.widget-shell__close:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.agent-activity{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.agent-activity--empty{color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.activity-entry__meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.activity-entry__type{letter-spacing:.03em;text-transform:uppercase;color:var(--color-agent-text);background-color:var(--color-agent-bg);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.activity-entry--tool_call .activity-entry__type,.activity-entry--tool_result .activity-entry__type{color:var(--color-accent-text);background-color:var(--color-accent-bg)}.activity-entry--final .activity-entry__type{color:var(--color-success-text);background-color:#6fcf8f24}.activity-entry--status .activity-entry__type{color:var(--color-text-secondary);background-color:var(--color-surface-raised)}.activity-entry__time{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.activity-entry__body{color:var(--color-text-primary);font-size:14px;line-height:1.55}.activity-entry__body--prose{white-space:pre-wrap;word-break:break-word}.activity-entry__dim{color:var(--color-text-tertiary)}.activity-entry__label{margin-bottom:4px;font-weight:500}.activity-entry__error-label{color:var(--color-danger-text);margin-bottom:4px;font-weight:500}.activity-entry--status .activity-entry__body{color:var(--color-text-secondary);font-style:italic}.activity-code{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;margin-top:4px;padding:10px 12px;font-size:12px;line-height:1.5;overflow-x:auto}.activity-code--error{border-color:var(--color-danger-text);color:var(--color-danger-text)}.activity-plan{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.activity-plan__entry{color:var(--color-text-secondary);gap:8px;font-size:12px;line-height:1.45;display:flex}.activity-plan__mark{text-align:center;flex:none;width:10px}.activity-plan__entry--in_progress{color:var(--color-text);font-weight:600}.activity-plan__entry--completed{opacity:.6}.agent-activity__toolbar{z-index:1;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:flex-end;margin:-16px -18px 0;padding:8px 18px;display:flex;position:sticky;top:-16px}.agent-activity--empty{position:relative}.agent-activity--empty .agent-activity__toolbar{margin:0;position:absolute;top:0;left:0;right:0}.agent-activity__picker{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.agent-activity__select{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-primary);padding:4px 8px;font-size:12px}.git-status{font-family:var(--font-mono);color:var(--color-text-secondary);flex:none;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex}.git-status__branch{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.git-status__sep{color:var(--color-text-tertiary)}.git-status__state{white-space:nowrap}.placeholder-widget{text-align:center;min-height:0;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:13px;display:flex;overflow:auto}.placeholder-widget__dim{color:var(--color-text-tertiary);font-size:12px}.drawio-widget{background-color:var(--color-surface);flex:1;min-height:0;position:relative;overflow:hidden}.drawio-widget__iframe{border:none;width:100%;height:100%;display:block}.drawio-widget__loading{color:var(--color-text-tertiary);background-color:var(--color-surface);justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.drawio-widget__paused{z-index:1;cursor:not-allowed;background-color:#0000;position:absolute;inset:0}.todo-widget{min-height:0;color:var(--color-text-primary);flex-direction:column;flex:1;gap:14px;padding:12px 14px 16px;font-size:13px;display:flex;overflow:auto}.todo-widget--empty{text-align:center;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:4px}.todo-widget__dim{color:var(--color-text-tertiary);font-size:12px}.todo-widget__stale{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0;font-size:11px}.todo-widget__done{color:var(--color-success-text);margin:0;font-size:12px}.todo-widget__sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.todo-group{flex-direction:column;gap:6px;display:flex}.todo-group__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;display:flex}.todo-group__count{letter-spacing:0;color:var(--color-text-tertiary);opacity:.8;font-weight:600}.todo-group__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.todo-item{align-items:baseline;gap:8px;padding:3px 0;line-height:1.45;display:flex}.todo-item__content{overflow-wrap:anywhere;flex:1;min-width:0}.todo-item__glyph{border:1.5px solid var(--color-border-strong);border-radius:50%;flex:none;width:11px;height:11px;transition:background-color .16s,border-color .16s;position:relative;top:3px}.todo-item__glyph--in_progress{border-color:var(--color-agent-border);background:radial-gradient(circle at center, var(--color-agent) 0 45%, transparent 46%)}.todo-item__glyph--completed{border-color:var(--color-success-text);background-color:var(--color-success-text)}.todo-item--in_progress .todo-item__content{font-weight:600}.todo-item--completed .todo-item__content{color:var(--color-text-tertiary);text-decoration:line-through;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong)}.todo-item__priority{border:1px solid var(--color-live-border);background-color:var(--color-live-bg);color:var(--color-live-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.todo-group__toggle{color:var(--color-accent-text);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-family:inherit;font-size:12px}.todo-group__toggle:hover{text-decoration:underline}.todo-progress{color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.todo-progress__bar{background-color:var(--color-border);border-radius:999px;width:46px;height:4px;display:block;overflow:hidden}.todo-progress__fill{background-color:var(--color-success-text);border-radius:999px;height:100%;transition:width .2s;display:block}.agent-info-button{flex:none;position:relative}.agent-info-button__trigger{width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.agent-info-button__trigger:hover{color:var(--color-accent-text);background-color:var(--color-accent-bg)}.agent-info-button__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.agent-info-button__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:240px;box-shadow:var(--shadow-md);z-index:20;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.agent-info-row__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);margin-bottom:3px;font-size:11px;font-weight:600}.agent-info-row__value{font-family:var(--font-mono);color:var(--color-text-primary);overflow-wrap:break-word;font-size:13px}.agent-info-row__value--empty{color:var(--color-text-tertiary);font-style:italic}.agent-info-row__note{color:var(--color-text-tertiary);margin-top:4px;font-size:11px;line-height:1.4}.agent-intro{color:var(--color-text-secondary);background-color:var(--color-agent-bg);border-bottom:1px solid var(--color-border);flex:none;padding:10px 16px;font-size:13px;line-height:1.5}.add-widget-menu{position:relative}.add-widget-menu__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:10;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.add-widget-menu__option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:9px 10px;font-family:inherit;font-size:14px;font-weight:600;display:block}.add-widget-menu__option:hover{background-color:var(--color-surface-raised)}.add-widget-menu__option:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.add-widget-menu__option:disabled:hover{background:0 0}.room-page{background-color:var(--color-bg);flex-direction:column;height:100vh;display:flex}.room-page__topbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex}.room-page__topbar-left{align-items:center;gap:12px;display:flex}.room-page__topbar-right{align-items:center;gap:8px;display:flex}.room-page__back{min-height:var(--control-height);border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:0 12px 0 8px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.room-page__back:hover{color:var(--color-text-primary);background-color:var(--color-surface-raised)}.room-page__back:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.connection-pill{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.connection-pill--reconnecting{color:var(--color-live-text);background-color:var(--color-live-bg);border-color:var(--color-live-border)}.connection-pill--disconnected{color:var(--color-danger-text)}.room-disconnected-banner{color:var(--color-danger-text);background-color:var(--color-live-bg);border-bottom:1px solid var(--color-live-border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;line-height:1.5;display:flex}.room-disconnected-banner button{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:12px}.room-disconnected-banner button:hover{color:var(--color-text-primary);border-color:var(--color-accent-border)}.session-banner{color:var(--color-live-text);background-color:var(--color-live-bg);border-bottom:1px solid var(--color-live-border);flex:none;padding:8px 16px;font-size:13px;line-height:1.5}.room-page__split{flex:1;min-height:0}.room-pane{background-color:var(--color-surface);flex-direction:column;height:100%;min-height:0;display:flex}.room-pane__body{flex:1;min-height:0;overflow-y:auto}.room-pane__body--placeholder{background-color:var(--color-bg);background-image:radial-gradient(var(--color-dots) 1.2px, transparent 1.2px);color:var(--color-text-tertiary);background-size:24px 24px;justify-content:center;align-items:center;font-size:13px;display:flex}.room-pane--top{background-color:var(--color-bg)}.room-pane--live{box-shadow:inset 3px 0 0 var(--color-live)}.pane-header__title{font-family:var(--font-display);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.pane-header__placeholder{color:var(--color-text-tertiary);font-size:12px}.live-badge{color:var(--color-live-text);background-color:var(--color-live-bg);border:1px solid var(--color-live-border);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.live-badge:before{content:"";background-color:var(--color-live);border-radius:50%;width:7px;height:7px}.header-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:36px;color:var(--color-text-primary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.header-btn:hover{color:var(--color-accent-text);border-color:var(--color-accent-border);background-color:var(--color-accent-bg)}.header-btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.header-btn--primary{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg)}.header-btn--primary:hover{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg);box-shadow:var(--shadow-md)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.header-btn:disabled:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background-color:var(--color-surface)}.room-parent-link{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none}.room-parent-link:hover{color:var(--color-accent-text);text-decoration:underline}.room-branches{flex:none;position:relative}.room-branches-btn{min-height:28px;padding:3px 10px;font-size:12px}.room-branches-menu{z-index:20;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);min-width:180px;max-width:280px;box-shadow:var(--shadow-md);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.room-branches-menu__item{border-radius:var(--radius-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;font-size:13px;text-decoration:none;overflow:hidden}.room-branches-menu__item:hover{background-color:var(--color-surface-raised);color:var(--color-accent-text)}.header-btn-group{align-items:center;gap:6px;display:inline-flex}.coming-soon-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);background-color:var(--color-surface);border:1px solid var(--color-border-strong);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.header-btn--icon{padding:6px 9px}.room-pane--sidebar{border-left:1px solid var(--color-border)}.room-pane--sidebar .pane-header{flex-wrap:wrap;row-gap:8px}.agent-connection-chip{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.agent-connection-chip--muted{color:var(--color-text-tertiary);border-color:#0000;padding-left:0;font-weight:500}.room-parent-link-group{align-items:center;gap:6px;display:inline-flex}.room-branches-menu__item{align-items:center;gap:6px;display:flex}.room-branches-menu__item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-disconnect{position:relative}.agent-disconnect-popover{z-index:20;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);width:240px;box-shadow:var(--shadow-md);padding:12px;position:absolute;top:calc(100% + 6px);left:0}.agent-disconnect-popover__text{color:var(--color-text-secondary);margin:0 0 10px;font-size:12.5px;line-height:1.5}.agent-disconnect-popover__actions{justify-content:flex-end;gap:8px;display:flex}.widgets-paused-banner{color:var(--color-live-text);background-color:var(--color-live-bg);border:1px solid var(--color-live-border);border-radius:999px;align-self:center;margin:8px auto 0;padding:4px 12px;font-size:12px;font-weight:700}@supports (height:100dvh){.room-page{height:100dvh}}.phone-panes{flex-direction:column;height:100%;min-height:0;display:flex}.phone-panes__pane{flex-direction:column;flex:1;min-height:0;display:flex}.phone-panes__pane[hidden]{display:none}.phone-switch{border-radius:var(--radius-md);background-color:var(--color-surface-raised);border:1px solid var(--color-border);flex:none;grid-template-columns:1fr 1fr;gap:4px;margin:8px 12px;padding:4px;display:grid}.phone-switch__tab{border-radius:var(--radius-sm);min-height:38px;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.phone-switch__tab--active{background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.phone-switch__tab:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.phone-switch__dot{background-color:var(--color-accent);border-radius:50%;width:8px;height:8px}.phone-switch__count{min-width:20px;height:20px;color:var(--color-text-secondary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;padding:0 6px;font-size:11px;line-height:20px}@media (width<=640px){.room-page__topbar{min-height:52px;padding:6px 8px;padding-top:max(6px, env(safe-area-inset-top));gap:6px}.room-page__topbar-right{gap:2px}.room-page__back-label,.room-page__topbar .cursor-color-picker{display:none}.room-page__back{padding:0 8px}.session-banner{padding:6px 12px;font-size:12px}.room-page .pane-header{flex-wrap:wrap;row-gap:8px;min-height:0;padding:8px 12px}.room-page .pane-header__left,.room-page .pane-header__right{flex-wrap:wrap;row-gap:6px}.room-page .pane-header__title{font-size:16px}.room-page__merge,.room-page .presence-cluster__count{display:none}.room-page .pane-header .header-btn{min-height:32px;padding:4px 10px}.agent-disconnect-popover,.room-branches-menu{width:auto;max-width:none;position:fixed;top:auto;left:12px;right:12px}.room-disconnected-banner{padding:8px 12px}.phone-panes__pane .composer{margin:0 8px max(8px, env(safe-area-inset-bottom))}}.agent-card-details{color:var(--color-text-secondary);flex-direction:column;gap:10px;font-size:13px;display:flex}.agent-card-details__facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.agent-card-details__facts dt{color:var(--color-text-tertiary);font-size:12px;font-weight:600;line-height:1.6}.agent-card-details__facts dd{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;line-height:1.5}.agent-card-details__note,.agent-card-details__empty{color:var(--color-text-tertiary)}.agent-card-details__heading{color:var(--color-text-tertiary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.agent-card-details__skill-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.agent-card-details__skill{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 8px;display:flex}.agent-card-details__skill-name{color:var(--color-text-primary);font-weight:600}.agent-card-details__skill-desc{color:var(--color-text-secondary)}.agent-card-details__tags{flex-wrap:wrap;gap:4px;display:inline-flex}.agent-card-details__tag{border:1px solid var(--color-accent-border);color:var(--color-accent-text);border-radius:999px;padding:0 6px;font-size:11px}.agent-card-details__explainer{color:var(--color-text-secondary);font-size:12px}.agent-card-details__explainer summary{cursor:pointer;color:var(--color-accent-text)}.agent-card-details__explainer p{margin:6px 0 0;line-height:1.5}.agent-card-details__explainer code,.agent-card-details__facts code,.agent-card-details__empty code{font-family:var(--font-mono);font-size:11px}.agent-card-details__examples{color:var(--color-text-secondary);flex-basis:100%;margin:2px 0 0;padding-left:16px;font-size:12px}.agent-card-details__playbook>summary{cursor:pointer;color:var(--color-accent-text);font-size:12px;font-weight:600}.agent-card-details__playbook-body{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);max-height:420px;color:var(--color-text-primary);margin-top:6px;padding:8px 12px;overflow:auto}.agent-setup-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-raised);flex-direction:column;flex:none;max-height:50vh;margin:10px 12px 0;display:flex;overflow:hidden}.agent-setup-card__header{border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.agent-setup-card__title{font-family:var(--font-display);color:var(--color-text-primary);font-size:14px;font-weight:700}.agent-setup-card__toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:12px;font-weight:700}.agent-setup-card__toggle:hover{color:var(--color-accent-text);border-color:var(--color-accent-border)}.agent-setup-card__body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:10px 14px 14px;display:flex;overflow-y:auto}.agent-setup-help{color:var(--color-text-tertiary);font-size:12px;line-height:1.5}.agent-setup-code-row{align-items:flex-start;gap:8px;display:flex}.agent-setup-code{min-width:0;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);white-space:pre;flex:1;padding:6px 8px;font-size:12px;overflow-x:auto}.agent-setup-simple{flex-direction:column;gap:12px;display:flex}.agent-setup-simple__row{flex-direction:column;gap:6px;display:flex}.agent-setup-simple__label{color:var(--color-text-secondary);font-size:12px;font-weight:700}.agent-setup-details{color:var(--color-text-secondary);font-size:12px}.agent-setup-details summary{cursor:pointer;font-weight:700}.agent-setup-card__body>.agent-setup-details{flex-direction:column;gap:14px;display:flex}.agent-setup-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;flex:none;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.agent-setup-copy-btn:hover{color:var(--color-accent-text);border-color:var(--color-accent-border)}.agent-setup-memory__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agent-setup-memory__select,.agent-setup-memory__input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-primary);padding:4px 8px;font-size:12px}.agent-setup-memory__input{flex:160px;min-width:0}.agent-setup-memory__check{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.agent-setup-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);margin-top:8px;padding:10px 12px}.build-agent{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;font-size:13px;display:flex}.build-agent>summary{cursor:pointer;color:var(--color-accent-text);font-weight:600}.build-agent__help{color:var(--color-text-secondary);margin:6px 0;font-size:12px;line-height:1.5}.build-agent__label{color:var(--color-text-tertiary);margin-top:6px;font-size:12px;font-weight:600;display:block}.build-agent__input{box-sizing:border-box;width:100%;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-primary);margin-top:4px;padding:6px 10px;font-size:13px}.build-agent__command{align-items:flex-start;gap:8px;margin-top:4px;display:flex}.build-agent__command code{min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-border);flex:1;padding:6px 8px;font-size:12px}.room-mcp{border-top:1px solid var(--color-border);margin-top:8px;padding-top:8px;font-size:13px}.room-mcp>summary{cursor:pointer;color:var(--color-accent-text);font-weight:600}.room-mcp__list,.room-mcp__decisions{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.room-mcp__decisions{gap:4px;margin-top:4px;font-size:12px}.room-mcp__decisions li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-mcp__grant{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.room-mcp__grant>button{align-self:flex-start}.room-mcp__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-mcp__for,.room-mcp__help{color:var(--color-text-secondary);margin:0;font-size:12px}.room-mcp__runs{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.room-mcp__decision--approved{color:var(--color-success,#2f855a)}.room-mcp__decision--declined{color:var(--color-danger,#c0392b)}.room-mcp__decision--waiting{color:var(--color-text-tertiary)}.room-mcp__grant-form{flex-direction:column;gap:6px;margin-top:10px;display:flex}.room-mcp__grant-form>button{align-self:flex-start}.room-mcp__label{color:var(--color-text-tertiary);font-size:12px;font-weight:600}.room-mcp__input{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-primary);padding:6px 10px;font-size:13px}.room-mcp__error{color:var(--color-danger,#c0392b);margin:6px 0 0;font-size:12px}.agent-roster{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-raised);flex:none;max-height:min(40%,40vh);margin:10px 12px 0;overflow-y:auto}.agent-roster--collapsed{overflow:hidden}.agent-roster__strip{width:100%;min-width:0;color:var(--color-text-primary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex;overflow:hidden}.agent-roster__strip-items{white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.agent-roster__strip-item{flex:none;align-items:center;gap:5px;display:inline-flex}.agent-roster__strip-name{font-weight:700}.agent-roster__strip-toggle{font-family:var(--font-display);flex:none;font-weight:700}.agent-roster__pulse{background-color:var(--color-accent-text);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite agent-roster-pulse}@keyframes agent-roster-pulse{50%{opacity:.25}}.agent-auto-approve{align-items:center;gap:6px;display:inline-flex}.agent-roster__toggle{text-align:left;width:100%;font-family:var(--font-display);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:700}.agent-roster__list{margin:0;padding:0;list-style:none}.agent-roster__row{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-direction:column;gap:4px;padding:8px 14px;font-size:12px;display:flex}.agent-roster__main{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.agent-roster__dot{border-radius:50%;flex:none;width:10px;height:10px}.agent-roster__name{color:var(--color-text-primary);font-weight:700}.agent-roster__slug{font-family:var(--font-mono);color:var(--color-text-tertiary)}.agent-roster__badge,.agent-roster__status{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.agent-roster__badge--facilitator,.agent-roster__badge--memory,.agent-roster__status--live,.agent-roster__status--working{color:var(--color-accent-text);border-color:var(--color-accent-border)}.agent-roster__meta,.agent-roster__activity{color:var(--color-text-tertiary)}.agent-roster__desc{margin:0}.agent-roster__skills{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.agent-roster__chip{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);padding:1px 7px;font-size:11px}.agent-roster__controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.agent-roster__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:12px;font-weight:700}.agent-roster__btn:hover:not(:disabled){color:var(--color-accent-text);border-color:var(--color-accent-border)}.agent-roster__btn:disabled{opacity:.5;cursor:default}.agent-roster__confirm{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-surface);flex-direction:column;gap:6px;padding:8px;display:flex}.agent-roster__confirm-actions{gap:6px;display:flex}.agent-roster__error{color:var(--color-danger,#c0392b)}.agent-roster__details{font-size:12px}.agent-roster__details>summary{cursor:pointer;color:var(--color-accent-text);margin-bottom:6px}.buddies-panel{flex-direction:column;gap:12px;display:flex}.buddies-panel__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.buddies-panel__item{align-items:center;gap:8px;padding:4px 0;display:flex}.buddies-panel__presence{color:var(--color-text-tertiary);font-weight:500}.buddies-panel__presence--online{color:var(--color-success-text)}.buddies-panel__presence--afk{color:var(--color-warning-text)}.buddies-panel__agent-dot{background-color:var(--color-agent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.buddies-panel__name-block{flex-direction:column;flex:auto;min-width:0;display:flex}.buddies-panel__name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.buddies-panel__agent-rooms{color:var(--color-agent-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.buddies-panel__agent-rooms a{color:inherit;text-decoration:underline}.buddies-panel__since{color:var(--color-text-tertiary);white-space:nowrap;font-size:11px}.buddies-panel__remove{width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;font-size:14px;line-height:1}.buddies-panel__remove:hover{background-color:var(--color-surface-raised);color:var(--color-danger-text)}.buddies-panel__section{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.buddies-panel__error{color:var(--color-danger-text);font-size:13px}.buddies-panel__code-block{flex-direction:column;gap:6px;display:flex}.buddies-panel__code{font-family:var(--font-mono);color:var(--color-text-primary);font-size:16px;font-weight:700}.buddies-panel__code-row{align-items:center;gap:8px;display:flex}.buddies-panel__link{font-family:var(--font-mono);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;overflow:hidden}.buddies-panel__copy-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;flex:none;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.buddies-panel__copy-btn:hover{color:var(--color-accent-text);border-color:var(--color-accent-border);background-color:var(--color-accent-bg)}.buddies-panel__redeem-form{gap:8px;display:flex}.buddies-panel__redeem-form .input{flex:auto}.home-tabs{border-bottom:1px solid var(--color-border);gap:4px;display:flex}.home-tabs__tab{min-height:34px;color:var(--color-text-secondary);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.home-tabs__tab:hover{color:var(--color-text-primary)}.home-tabs__tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.home-tabs__tab:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);border-radius:6px;outline:none}.room-list-page{flex-direction:column;gap:28px;max-width:1160px;margin:0 auto;padding:24px 24px 64px;display:flex}body:has(.room-list-page){background-image:radial-gradient(var(--color-dots) 1.2px, transparent 1.2px);background-size:24px 24px}.room-list-page__nav{justify-content:space-between;align-items:center;display:flex}.room-list-page__nav-actions{align-items:center;gap:6px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{width:30px;height:30px;position:relative}.brand__mark-a,.brand__mark-b{width:20px;height:20px;position:absolute}.brand__mark-a{background-color:#ffe58f;border-radius:6px;top:2px;left:0;transform:rotate(-10deg)}.brand__mark-b{background-color:#d9ccff;border-radius:50%;bottom:0;right:0}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);font-size:20px;font-weight:800}.room-list-page__hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.room-list-page__title{letter-spacing:-.03em;color:var(--color-text-primary);font-size:44px;font-weight:800;line-height:1.05}.room-list-page__subtitle{color:var(--color-text-secondary);margin-top:8px;font-size:16px;font-weight:600}.room-list-page__hero-actions{flex-direction:column;gap:10px;width:min(440px,100%);display:flex}.room-list-page__hero-actions .join-form__error{align-self:flex-start;margin-top:0}.join-form{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:min(440px,100%);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:5px 5px 5px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.join-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg)}.join-form__icon{color:var(--color-text-tertiary);display:flex}.join-form__input{min-width:0;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;font-weight:600}.join-form__input::placeholder{color:var(--color-text-tertiary)}.join-form__btn{min-height:38px}.join-form__error{color:var(--color-danger-text);align-self:flex-end;margin-top:-16px;font-size:13px;font-weight:700}.room-list-page__layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}@media (width<=900px){.room-list-page__layout{grid-template-columns:minmax(0,1fr)}.room-list-page__title{font-size:34px}}.room-list-page__aside{flex-direction:column;gap:16px;display:flex}.room-list-page__section-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.account-card .room-list-page__section-title{margin-bottom:10px}.quick-entry-card{padding:16px 18px}.account-card{padding:20px}.account-form{flex-direction:column;gap:8px;display:flex}.rooms-section{flex-direction:column;gap:16px;display:flex}.rooms-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border:1px solid var(--color-border-strong);background-color:var(--color-surface);min-height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:999px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.filter-chip:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.filter-chip--active,.filter-chip--active:hover{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg)}.filter-chip:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.form-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.helper-text{color:var(--color-text-secondary);font-size:14px;line-height:1.55}.status-text{color:var(--color-text-secondary);margin-top:8px;font-size:13px}.account-card__divider{border-top:1px solid var(--color-border);margin:20px 0}.room-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.room-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:160px;box-shadow:var(--shadow-sm);color:var(--color-text-primary);flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:relative}.room-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.room-card:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.room-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-card__tile{width:36px;height:36px;font-family:var(--font-display);color:var(--color-on-pastel);border-radius:11px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.room-card__badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.room-card__badge{color:var(--color-text-secondary);background-color:var(--color-surface-raised);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.room-card__badge--live{color:var(--color-live-text);background-color:var(--color-live-bg)}.room-card__badge--live:before{content:"";background-color:var(--color-live);border-radius:50%;width:7px;height:7px}.room-card__badge--agent{color:var(--color-agent-text);background-color:var(--color-agent-bg)}.room-card__badge--shared{color:var(--color-accent-text);background-color:var(--color-accent-bg)}.room-card__name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.room-card__meta{color:var(--color-text-secondary);flex-direction:column;gap:4px;margin-top:auto;font-size:13px;font-weight:600;display:flex}.room-card__branch{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-card__go{color:var(--color-text-tertiary);transition:color .15s,transform .15s;display:flex;position:absolute;bottom:16px;right:16px}.room-card:hover .room-card__go{color:var(--color-accent-text);transform:translate(2px)}.rooms-empty{text-align:center;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;font-size:14px;display:flex}.rooms-empty__title{font-family:var(--font-display);color:var(--color-text-primary);font-size:18px;font-weight:700}.rooms-tip{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.rooms-tip__icon{width:26px;height:26px;color:var(--color-on-pastel);background-color:#9fe0d8;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.room-skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface-raised);height:160px;animation:1.6s ease-in-out infinite room-skeleton-pulse}@keyframes room-skeleton-pulse{0%,to{opacity:.5}50%{opacity:.85}}@media (width<=640px){.room-list-page{padding:max(16px, env(safe-area-inset-top)) 16px max(40px, env(safe-area-inset-bottom));gap:20px}.room-list-page__title{font-size:28px}.room-list-page__subtitle{font-size:14px}.brand__name{font-size:18px}.room-grid{grid-template-columns:minmax(0,1fr);gap:12px}.room-card{min-height:0;padding:16px}.room-card:hover{transform:none}.join-form__input{font-size:16px}}:root{--font-ui:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-bg:#16141d;--color-surface:#1e1b27;--color-surface-raised:#262233;--color-border:#2f2b3b;--color-border-strong:#3d3850;--color-dots:#2c2839;--color-text-primary:#f1eef7;--color-text-secondary:#b8b1c8;--color-text-tertiary:#958daa;--color-accent:#a797ff;--color-accent-text:#b8acff;--color-accent-bg:#a797ff24;--color-accent-border:#a797ff6b;--color-on-accent:#16141d;--color-live:#f2a071;--color-live-text:#f5b58f;--color-live-bg:#f2a0711f;--color-live-border:#f2a07173;--color-agent:#8fd9cf;--color-agent-text:#8fd9cf;--color-agent-bg:#8fd9cf1f;--color-agent-border:#8fd9cf61;--color-on-pastel:#1f1b2e;--color-danger-text:#f08a9a;--color-warning-text:#e6c35c;--color-success-text:#6fcf8f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--control-height:40px}:root[data-theme=light]{--color-bg:#fafafc;--color-surface:#fff;--color-surface-raised:#f6f4f9;--color-border:#e8e4ee;--color-border-strong:#d6d0df;--color-dots:#e2dde9;--color-text-primary:#1f1b2e;--color-text-secondary:#5f5870;--color-text-tertiary:#6b6478;--color-accent:#6d5ae6;--color-accent-text:#5845d4;--color-accent-bg:#eee9ff;--color-accent-border:#cfc2fa;--color-on-accent:#fff;--color-live:#ea580c;--color-live-text:#9a3412;--color-live-bg:#ffede4;--color-live-border:#fdc9ae;--color-agent:#9fe0d8;--color-agent-text:#0f6b61;--color-agent-bg:#e8f7f5;--color-agent-border:#a9e3db;--color-danger-text:#b42335;--color-warning-text:#8a6d1f;--color-success-text:#2e7d46;--shadow-sm:0 1px 2px #1f1b2e0d, 0 1px 4px #1f1b2e0a;--shadow-md:0 8px 24px #1f1b2e1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}html,body,#root{height:100%}.container{max-width:1200px;margin:0 auto;padding:0 16px}.btn{min-height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.btn:hover{background-color:var(--color-surface-raised);border-color:var(--color-text-tertiary)}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}.btn.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn.btn-primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.btn.btn-primary:disabled{background-color:var(--color-border-strong);border-color:var(--color-border-strong);color:var(--color-text-tertiary);box-shadow:none;cursor:not-allowed}.input{min-height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg);outline:none}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.icon-btn{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:1px solid #0000;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.icon-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-raised)}.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-border);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}