:root{--bg: oklch(.165 .008 60);--bg-elevated: oklch(.205 .009 60);--surface: oklch(.235 .01 60);--surface-hover: oklch(.275 .011 60);--border: oklch(.305 .01 60);--border-strong: oklch(.385 .012 60);--text: oklch(.945 .006 70);--text-dim: oklch(.735 .01 70);--text-faint: oklch(.575 .01 70);--accent: oklch(.685 .132 42);--accent-hover: oklch(.735 .14 42);--accent-ink: oklch(.185 .02 42);--accent-wash: oklch(.3 .055 42);--success: oklch(.735 .14 158);--warn: oklch(.79 .14 78);--danger: oklch(.665 .18 25);--thinking: oklch(.7 .09 285);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px oklch(0 0 0 / .35);--shadow: 0 4px 16px oklch(0 0 0 / .4);--shadow-lg: 0 16px 48px oklch(0 0 0 / .55);--sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-width: 268px;--content-max: 860px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: oklch(.985 .004 70);--bg-elevated: oklch(1 0 0);--surface: oklch(.965 .005 70);--surface-hover: oklch(.935 .006 70);--border: oklch(.895 .006 70);--border-strong: oklch(.82 .008 70);--text: oklch(.235 .012 60);--text-dim: oklch(.455 .012 60);--text-faint: oklch(.61 .01 60);--accent: oklch(.555 .138 40);--accent-hover: oklch(.5 .145 40);--accent-ink: oklch(.995 0 0);--accent-wash: oklch(.935 .035 42);--thinking: oklch(.505 .1 285);--shadow-sm: 0 1px 2px oklch(0 0 0 / .07);--shadow: 0 4px 16px oklch(0 0 0 / .09);--shadow-lg: 0 16px 48px oklch(0 0 0 / .14);color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(70ch 50ch at 50% -10%,var(--accent-wash),transparent 65%),var(--bg)}.login__card{width:min(420px,100%);padding:40px 36px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.login__mark{width:52px;height:52px;margin:0 auto 20px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:22px;font-family:var(--mono)}.login__card h1{margin:0 0 8px;font-size:22px;letter-spacing:-.02em}.login__card p{margin:0 0 28px;color:var(--text-dim);font-size:14px}.login__button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:var(--radius);transition:background .14s ease,transform .14s ease}.login__button:hover{background:var(--accent-hover)}.login__button:active{transform:translateY(1px)}.login__error{margin-bottom:20px;padding:10px 14px;border-radius:var(--radius);background:oklch(from var(--danger) l c h / .14);border:1px solid oklch(from var(--danger) l c h / .35);color:var(--danger);font-size:13px;text-align:left}.login__hint{margin-top:22px;font-size:12px;color:var(--text-faint)}.shell{height:100%;display:grid;grid-template-columns:var(--rail-width) 1fr;overflow:hidden}@media(max-width:860px){.shell{grid-template-columns:1fr}.rail{display:none}}.rail{display:flex;flex-direction:column;min-height:0;background:var(--bg-elevated);border-right:1px solid var(--border)}.rail__brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.rail__brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;flex-shrink:0}.rail__brand-name{font-weight:650;letter-spacing:-.01em}.rail__section{padding:8px 12px;min-height:0}.rail__section--grow{flex:1;overflow-y:auto}.rail__label{display:flex;align-items:center;justify-content:space-between;padding:10px 6px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.rail__add{width:20px;height:20px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-faint);font-size:15px;line-height:1}.rail__add:hover{background:var(--surface-hover);color:var(--text)}.room{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);text-align:left;color:var(--text-dim);transition:background .12s ease,color .12s ease}.room:hover{background:var(--surface);color:var(--text)}.room[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.room__name{flex:1;min-width:0;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room__count{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-faint)}.dot--thinking{background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.dot--awaiting{background:var(--warn);animation:pulse 1s ease-in-out infinite}.dot--compacting{background:var(--thinking);animation:pulse 1.4s ease-in-out infinite}.dot--error{background:var(--danger)}.dot--idle{background:var(--success)}.dot--queued{background:var(--accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.person{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius)}.person__name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person__typing{font-size:11px;color:var(--accent);font-style:italic}.avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:10px;font-weight:700;object-fit:cover;background:var(--avatar-bg, var(--surface));color:var(--avatar-fg, var(--text));border:1px solid var(--border)}.avatar--lg{width:30px;height:30px;font-size:12px}.rail__footer{border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:10px}.rail__footer .person__name{font-weight:550}.rail__signout{font-size:12px;color:var(--text-faint);padding:4px 8px;border-radius:var(--radius-sm)}.rail__signout:hover{background:var(--surface-hover);color:var(--text)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.topbar__title{font-weight:650;letter-spacing:-.01em}.topbar__cwd{font-family:var(--mono);font-size:11.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch}.topbar__spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--text-dim);white-space:nowrap}.chip--live{color:var(--text)}.chip--offline{color:var(--danger);border-color:oklch(from var(--danger) l c h / .4)}.chip__mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.mode-select{appearance:none;padding:4px 26px 4px 10px;border-radius:999px;background:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%) calc(100% - 13px) 52% / 5px 5px no-repeat,linear-gradient(-45deg,transparent 50%,var(--text-faint) 50%) calc(100% - 9px) 52% / 5px 5px no-repeat,var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--text-dim)}.transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.transcript__inner{max-width:var(--content-max);margin:0 auto;padding:24px 20px 32px;display:flex;flex-direction:column;gap:18px}.transcript__empty{margin:12vh auto 0;max-width:44ch;text-align:center;color:var(--text-faint)}.transcript__empty h2{font-size:17px;color:var(--text-dim);margin:0 0 8px;font-weight:600}.transcript__empty p{margin:0;font-size:13.5px;line-height:1.7}.transcript__truncated{align-self:center;font-size:12px;color:var(--text-faint);padding:5px 12px;border-radius:999px;background:var(--surface);border:1px dashed var(--border-strong)}.prompt{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.prompt__body{flex:1;min-width:0}.prompt__meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.prompt__author{font-weight:650;font-size:13px}.prompt__time{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.prompt__text{white-space:pre-wrap;overflow-wrap:anywhere}.say{padding:0 2px}.thinking{border-left:2px solid oklch(from var(--thinking) l c h / .45);padding-left:14px;color:var(--text-faint)}.thinking__toggle{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--thinking)}.thinking__body{margin-top:6px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;font-style:italic}.tool{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.tool--error{border-color:oklch(from var(--danger) l c h / .45)}.tool__head{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;font-family:var(--mono);font-size:12.5px}.tool__head:hover{background:var(--surface)}.tool__name{font-weight:600;color:var(--accent)}.tool__arg{flex:1;min-width:0;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool__state{font-size:11px;color:var(--text-faint)}.tool__caret{color:var(--text-faint);font-size:10px;transition:transform .15s ease}.tool__caret--open{transform:rotate(90deg)}.tool__body{border-top:1px solid var(--border)}.tool__section{padding:10px 12px}.tool__section+.tool__section{border-top:1px solid var(--border)}.tool__section h4{margin:0 0 6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.tool__pre{margin:0;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow-y:auto;color:var(--text-dim)}.tool__pre--error{color:var(--danger)}.spinner{width:11px;height:11px;border:1.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.turn-result{display:flex;align-items:center;gap:14px;padding-top:4px;font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.turn-result:before,.turn-result:after{content:"";flex:1;height:1px;background:var(--border)}.turn-result--error{color:var(--danger)}.notice{align-self:center;max-width:100%;font-size:12px;padding:5px 12px;border-radius:999px;background:var(--surface);color:var(--text-faint)}.notice--warn{color:var(--warn);background:oklch(from var(--warn) l c h / .1)}.notice--error{color:var(--danger);background:oklch(from var(--danger) l c h / .1)}.caret{display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:blink 1.05s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{margin:1.4em 0 .5em;line-height:1.3;letter-spacing:-.015em;font-weight:650}.md h1{font-size:1.35em}.md h2{font-size:1.2em}.md h3{font-size:1.07em}.md h4{font-size:1em}.md p{margin:0 0 .85em;overflow-wrap:anywhere}.md ul,.md ol{margin:0 0 .85em;padding-left:1.4em}.md li{margin:.2em 0}.md li::marker{color:var(--text-faint)}.md blockquote{margin:0 0 .85em;padding:2px 0 2px 14px;border-left:2px solid var(--border-strong);color:var(--text-dim)}.md hr{border:none;border-top:1px solid var(--border);margin:1.4em 0}.md code{font-family:var(--mono);font-size:.875em;padding:.15em .4em;border-radius:4px;background:var(--surface);border:1px solid var(--border)}.md pre{margin:0 0 .9em;padding:12px 14px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);overflow-x:auto;line-height:1.55}.md pre code{padding:0;border:none;background:none;font-size:12.5px}.md table{width:100%;margin:0 0 .9em;border-collapse:collapse;font-size:13px}.md th,.md td{padding:7px 11px;border:1px solid var(--border);text-align:left}.md th{background:var(--surface);font-weight:600}.md img{max-width:100%;border-radius:var(--radius-sm)}.hljs-comment,.hljs-quote{color:var(--text-faint);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-type{color:#b093e5}.hljs-string,.hljs-regexp,.hljs-addition{color:#6fc884}.hljs-number,.hljs-symbol{color:#e5b15b}.hljs-title,.hljs-title.function_,.hljs-section{color:#56baef}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable{color:var(--accent)}.hljs-built_in,.hljs-class{color:#eeae7b}.hljs-deletion{color:var(--danger)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .hljs-keyword,:root:not([data-theme=dark]) .hljs-selector-tag,:root:not([data-theme=dark]) .hljs-literal,:root:not([data-theme=dark]) .hljs-type{color:#6d41a9}:root:not([data-theme=dark]) .hljs-string,:root:not([data-theme=dark]) .hljs-regexp{color:#006b2e;color:oklch(.46 .13 150)}:root:not([data-theme=dark]) .hljs-number{color:#9c5400;color:oklch(.52 .13 60)}:root:not([data-theme=dark]) .hljs-title,:root:not([data-theme=dark]) .hljs-section{color:#005fa7;color:oklch(.48 .14 250)}:root:not([data-theme=dark]) .hljs-built_in{color:#944e21}}.composer{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg);padding:12px 20px 16px}.composer__inner{max-width:var(--content-max);margin:0 auto}.composer__banner{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;border-radius:var(--radius);font-size:12px;background:var(--surface);color:var(--text-dim)}.composer__banner--error{background:oklch(from var(--danger) l c h / .12);color:var(--danger)}.composer__box{display:flex;align-items:flex-end;gap:10px;padding:10px 10px 10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .14s ease,box-shadow .14s ease}.composer__box:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-wash)}.composer__input{flex:1;min-height:24px;max-height:220px;padding:2px 0;border:none;background:none;resize:none;outline:none;line-height:1.6;overflow-y:auto}.composer__input::placeholder{color:var(--text-faint)}.icon-button{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);transition:background .14s ease,opacity .14s ease}.icon-button:hover:not(:disabled){background:var(--accent-hover)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button--stop{background:var(--danger);color:#f8f8f8}.icon-button--stop:hover:not(:disabled){background:oklch(from var(--danger) calc(l + .06) c h)}.composer__foot{display:flex;align-items:center;gap:10px;margin-top:8px;min-height:16px;font-size:11.5px;color:var(--text-faint)}.composer__kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border-radius:4px;border:1px solid var(--border);background:var(--surface)}.scrim{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:40;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.perm{width:min(560px,100%);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:rise .18s cubic-bezier(.2,.9,.3,1)}@keyframes rise{0%{transform:translateY(8px) scale(.985);opacity:0}}.perm__head{display:flex;align-items:center;gap:10px;padding:16px 20px 12px}.perm__badge{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:oklch(from var(--warn) l c h / .16);color:var(--warn);flex-shrink:0}.perm__title{font-weight:650}.perm__sub{font-size:12px;color:var(--text-faint)}.perm__countdown{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.perm__tool{margin:0 20px;padding:10px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-family:var(--mono);font-size:12.5px}.perm__tool strong{color:var(--accent)}.perm__input{margin:10px 20px 0;padding:10px 12px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow-y:auto;color:var(--text-dim)}.perm__actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px 18px}.button{padding:8px 16px;border-radius:var(--radius);font-weight:600;font-size:13px;border:1px solid var(--border);background:var(--surface);transition:background .14s ease}.button:hover{background:var(--surface-hover)}.button--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.button--primary:hover{background:var(--accent-hover)}.button--danger{background:oklch(from var(--danger) l c h / .14);color:var(--danger);border-color:oklch(from var(--danger) l c h / .35)}.button--danger:hover{background:oklch(from var(--danger) l c h / .22)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}