:root{color-scheme:light dark;--font-sans: system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #f4f0e6;--bg-elev: #ffffff;--bg-code: #efe8d6;--fg: #383416;--fg-muted: #634a00;--border: #e4dcc8;--accent: #0f353d;--accent-fg: #ffffff;--brand-amber: #ffae00;--user-bubble: #e7e0cd;--error: #b3261e;--error-bg: #f7e4de;--ok: #2f7d4f;--radius: 12px;--mono: var(--font-mono);--sans: var(--font-sans)}@media (prefers-color-scheme: dark){:root{--bg: #0c1a1d;--bg-elev: #000000;--bg-code: #0a1719;--fg: #f4f0e6;--fg-muted: #c7c7c7;--border: #1c2f33;--accent: #6db8c7;--accent-fg: #08231f;--brand-amber: #ffae00;--user-bubble: #12292d;--error: #ff8a80;--error-bg: #2a1614;--ok: #6dd1a0}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{display:flex;flex-direction:column;height:100dvh;max-width:960px;margin:0 auto}.app--empty{padding:2rem 1.25rem;line-height:1.6}.app--empty code{font-family:var(--mono);background:var(--bg-code);padding:.1em .35em;border-radius:6px}.app__header{padding:.6rem .9rem;padding-top:max(.6rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-elev)}.app__title{font-weight:650;font-size:.95rem}.app__session{color:var(--fg-muted);font-weight:400;font-family:var(--mono);font-size:.8rem}.app__error{margin:0 .9rem;padding:.55rem .75rem;background:var(--error-bg);color:var(--error);border-radius:10px;font-size:.85rem}.presence{margin-top:.35rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.78rem;color:var(--fg-muted)}.presence__status{display:inline-flex;align-items:center;gap:.35rem}.presence__dot{width:8px;height:8px;border-radius:50%;background:var(--fg-muted)}.presence__status--open .presence__dot{background:var(--ok)}.presence__status--reconnecting .presence__dot,.presence__status--connecting .presence__dot{background:#e0a53b}.presence__status--closed .presence__dot{background:var(--error)}.presence__driving{color:var(--accent);font-weight:600}.presence__locked{color:var(--error);font-weight:600}.sharing{margin-top:.4rem;font-size:.8rem}.sharing__summary{cursor:pointer;color:var(--fg-muted);-webkit-user-select:none;user-select:none}.sharing__invite{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.sharing__invite input[type=email]{flex:1 1 12rem;min-width:0}.sharing__error{color:var(--error);margin:.4rem 0}.sharing__list{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.sharing__row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.sharing__badge{color:var(--accent);font-weight:600}.sharing__controls{display:inline-flex;gap:.35rem}.sharing__rights{color:var(--fg-muted)}.transcript{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem .9rem;display:flex;flex-direction:column;gap:.85rem;overscroll-behavior:contain}.transcript__empty{margin:auto;color:var(--fg-muted)}.pending{display:flex;align-items:center;gap:.5rem;color:var(--fg-muted);font-size:.85rem}.pending__dots{display:inline-flex;gap:.22rem}.pending__dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--accent);animation:pending-bounce 1.2s infinite ease-in-out both}.pending__dot:nth-child(2){animation-delay:.16s}.pending__dot:nth-child(3){animation-delay:.32s}@keyframes pending-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-.28rem);opacity:1}}@media (prefers-reduced-motion: reduce){.pending__dot{animation:none}}.msg{display:flex;flex-direction:column;gap:.25rem;max-width:100%}.msg__author{font-size:.72rem;color:var(--fg-muted);text-transform:lowercase;letter-spacing:.02em}.msg__bubble{position:relative;padding:.6rem .8rem;border-radius:var(--radius);background:var(--bg-elev);line-height:1.55;overflow-wrap:anywhere}.msg__copy{position:absolute;top:.3rem;right:.3rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border:none;border-radius:6px;background:transparent;color:var(--fg-muted);cursor:pointer;opacity:.4;transition:opacity .12s ease,background .12s ease,color .12s ease}.msg:hover .msg__copy{opacity:.7}.msg__copy:hover,.msg__copy:focus-visible{opacity:1;background:var(--bg-code);color:var(--fg)}.msg__copy-done{font-size:.68rem;font-weight:600;color:var(--ok)}.msg--user{align-items:flex-end}.msg__bubble--user{background:var(--user-bubble);white-space:pre-wrap}.msg__bubble--error{background:var(--error-bg);color:var(--error)}.msg__nested{margin:.4rem 0 .1rem .9rem;padding-left:.7rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.msg--turn{flex-direction:row;align-items:center;gap:.75rem;font-size:.78rem;color:var(--fg-muted)}.turn__done{color:var(--ok);font-weight:600}.msg--turn[data-render=turn_result] .turn__cost{font-family:var(--mono)}.msg--system{font-size:.78rem;color:var(--fg-muted);font-style:italic}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.5em 0}.md h1,.md h2,.md h3{line-height:1.25;margin:.8em 0 .4em}.md a{color:var(--accent)}.md ul,.md ol{padding-left:1.3em}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:.3em .55em}.md-inline-code{font-family:var(--mono);font-size:.9em;background:var(--bg-code);padding:.1em .35em;border-radius:6px}.code-box{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:.5em 0;background:var(--bg-code)}.code-box__bar{display:flex;align-items:center;justify-content:space-between;padding:.25rem .6rem;border-bottom:1px solid var(--border);font-size:.72rem}.code-box__lang{color:var(--fg-muted);font-family:var(--mono)}.code-box__copy{border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);border-radius:6px;padding:.15rem .55rem;cursor:pointer;font-size:.72rem}.code-box__copy:hover{border-color:var(--accent)}.code-box__pre{margin:0;padding:.7rem .8rem;overflow-x:auto}.code-box__pre code{font-family:var(--mono);font-size:.85rem;white-space:pre}.collapsible{border:1px solid var(--border);border-radius:10px;background:var(--bg-elev)}.collapsible--error{border-color:var(--error)}.collapsible--subagent{border-style:dashed}.collapsible__summary{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:none;border:0;color:var(--fg);cursor:pointer;text-align:left;font-size:.82rem}.collapsible__chevron{color:var(--fg-muted)}.collapsible__badge{font-weight:600;white-space:nowrap}.collapsible__preview{color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible__body{padding:0 .7rem .6rem}.composer{border-top:1px solid var(--border);background:var(--bg-elev);padding:.55rem .7rem;padding-bottom:max(.55rem,env(safe-area-inset-bottom))}.composer__notice{color:var(--error);font-size:.8rem;padding:0 .2rem .4rem;cursor:pointer}.composer__attachments{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem}.attachment{display:flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem;font-size:.78rem;max-width:220px}.attachment__thumb{width:28px;height:28px;object-fit:cover;border-radius:5px}.attachment__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment__remove{border:0;background:none;color:var(--fg-muted);cursor:pointer;font-size:1rem;line-height:1}.composer__row{display:flex;align-items:flex-end;gap:.4rem}.composer__input{flex:1;resize:none;min-height:2.6rem;max-height:50vh;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:1rem;line-height:1.4}.composer__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer__attach,.composer__select-all{flex:0 0 auto;width:2.4rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg-muted);cursor:pointer;font-size:1.1rem}.composer__send,.composer__stop{flex:0 0 auto;height:2.6rem;padding:0 1rem;border:0;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem}.composer__send{background:var(--accent);color:var(--accent-fg)}.composer__send:disabled{opacity:.5;cursor:not-allowed}.composer__stop{background:var(--error);color:#fff}.ollama{margin:.5rem 1rem;padding:.75rem 1rem;background:var(--bg-elev);border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.ollama__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ollama__title{font-weight:600}.ollama__status{font-size:.85rem;color:var(--fg-muted)}.ollama__status--connected{color:var(--accent);font-weight:600}.ollama__status--error{color:var(--error)}.ollama__connect{align-self:flex-start;height:2.2rem;padding:0 .9rem;border:0;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-weight:600;cursor:pointer}.ollama__connect:disabled{opacity:.5;cursor:not-allowed}.ollama__connect-box{display:flex;flex-direction:column;gap:.4rem}.ollama__hint{margin:0;font-size:.85rem;color:var(--fg-muted)}.ollama__link{color:var(--accent);word-break:break-all;font-size:.85rem}.ollama__code-row{display:flex;align-items:center;gap:.5rem}.ollama__code{background:var(--bg-code);padding:.2rem .45rem;border-radius:6px;font-size:.85rem;word-break:break-all}.ollama__copy{height:1.9rem;padding:0 .6rem;border:0;border-radius:6px;background:var(--bg-code);color:var(--fg);cursor:pointer;font-size:.8rem}.ollama__error{margin:0;color:var(--error);font-size:.85rem}.shell{display:grid;grid-template-columns:minmax(240px,320px) 1fr;height:100dvh}.shell--loading{display:block}.login{display:flex;align-items:center;justify-content:center;height:100dvh;padding:1.5rem}.login__card{width:min(360px,100%);text-align:center;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.login__brand{margin:0 0 .25rem;font-size:1.4rem}.login__tagline{margin:0 0 1.5rem;color:var(--fg-muted);font-size:.9rem}.login__button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.7rem 1rem;border:none;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-size:.95rem;font-weight:600;cursor:pointer}.login__ms{flex:0 0 auto;display:block;background:#fff;padding:2px;border-radius:3px}.login__legal{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.25rem 0 0;font-size:.8rem;color:var(--fg-muted)}.login__legal a{color:var(--fg-muted);text-decoration:none}.login__legal a:hover{color:var(--accent);text-decoration:underline}.login__legal-sep{opacity:.6}.nav{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg-elev)}.nav__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;padding-top:max(.7rem,env(safe-area-inset-top));border-bottom:1px solid var(--border)}.nav__brand{font-weight:650;font-size:.95rem}.nav__new{border:1px solid var(--border);background:var(--bg);color:var(--accent);border-radius:8px;padding:.35rem .55rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.nav__new-form{display:flex;gap:.4rem;padding:.6rem .8rem 0}.nav__new-input,.nav__search{flex:1;min-width:0;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.85rem}.nav__new-form button{border:none;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-weight:600;padding:0 .7rem;cursor:pointer}.nav__search{flex:none;margin:.6rem .8rem}.nav__error{margin:0 .8rem .5rem;color:var(--error);font-size:.8rem}.nav__list{list-style:none;margin:0;padding:0 .4rem;overflow-y:auto;flex:1}.nav__empty{padding:1rem .6rem;color:var(--fg-muted);font-size:.85rem}.nav__row{display:flex;align-items:center;gap:.25rem;border-radius:8px}.nav__row--active{background:var(--user-bubble)}.nav__open{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;background:none;border:none;text-align:left;color:var(--fg);padding:.55rem .5rem;font-size:.88rem;cursor:pointer}.nav__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__row--archived .nav__title{color:var(--fg-muted)}.nav__badge,.canvas__badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:var(--fg);background:var(--brand-amber);border:1px solid var(--brand-amber);border-radius:6px;padding:.05rem .3rem}.nav__foot{border-top:1px solid var(--border);padding:.5rem .6rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.nav__group{list-style:none;margin-bottom:.15rem}.nav__group--archived .nav__title{color:var(--fg-muted)}.nav__ws-row{display:flex;align-items:center;gap:.25rem;border-radius:8px}.nav__ws-open{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem;background:none;border:none;text-align:left;color:var(--fg);padding:.5rem .4rem;cursor:pointer}.nav__chev{flex:0 0 auto;color:var(--fg-muted);transition:transform .12s ease}.nav__chev--open{transform:rotate(90deg)}@media (prefers-reduced-motion: reduce){.nav__chev{transition:none}}.nav__ws-labels{display:flex;flex-direction:column;min-width:0;gap:.05rem}.nav__ws-labels .nav__title{font-size:.88rem;font-weight:600}.nav__ws-state{font-size:.72rem;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__ws-state--provisioning{color:var(--brand-amber)}.nav__ws-state--ready{color:var(--ok)}.nav__ws-state--error{color:var(--error);white-space:normal}.nav__chats{list-style:none;margin:.1rem 0 .2rem 1.1rem;padding:0;border-left:1px solid var(--border)}.nav__ws-empty{margin:.1rem 0 .2rem 1.4rem;color:var(--fg-muted);font-size:.78rem}.nav__ws-newchat{margin:.1rem 0 .3rem 1.4rem;background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:.15rem 0}.nav__ws-newchat:disabled{color:var(--fg-muted);cursor:not-allowed}.infotip{position:relative;display:inline-flex}.infotip__button{width:1.05rem;height:1.05rem;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);font-size:.68rem;font-style:italic;font-weight:700;line-height:1;cursor:help;padding:0}.infotip__button:hover{border-color:var(--accent);color:var(--accent)}.infotip__bubble{position:absolute;z-index:40;top:1.4rem;left:0;width:15rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font-size:.78rem;font-weight:400;line-height:1.4;box-shadow:0 8px 28px #00000038}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.modal__card{width:min(460px,100%);max-height:90dvh;overflow-y:auto;padding:1.1rem 1.2rem 1.3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.modal__title{margin:0;font-size:1.05rem}.modal__close{background:none;border:none;color:var(--fg-muted);font-size:1rem;cursor:pointer;padding:.2rem .4rem}.wsform{display:flex;flex-direction:column;gap:.7rem}.wsform__lead{margin:0 0 .2rem;color:var(--fg-muted);font-size:.85rem;line-height:1.4}.wsform__field{display:flex;flex-direction:column;gap:.3rem}.wsform__hint{color:var(--fg-muted);font-size:.78rem}.wsform__input:disabled{opacity:.6;cursor:not-allowed}.wsform__label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.wsform__input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.9rem;font-family:var(--sans)}.wsform__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.wsform__error{margin:0;color:var(--error);font-size:.83rem}.wsform__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.wsform__cancel{padding:.5rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);cursor:pointer;font-weight:600}.wsform__submit{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-weight:600;cursor:pointer}.wsform__submit:disabled{opacity:.5;cursor:not-allowed}.wsprov{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:.5rem 0;font-size:.9rem;line-height:1.5}.wsprov__spinner{width:1.4rem;height:1.4rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:wsprov-spin .9s linear infinite}@keyframes wsprov-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wsprov__spinner{animation:none}}.wsollama{display:flex;flex-direction:column;gap:.6rem}.wsollama .ollama{margin:0}.menu{position:relative}.menu__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.35rem;border-radius:8px;padding:.35rem .5rem;color:var(--fg-muted);font-size:.95rem}.menu__summary::-webkit-details-marker{display:none}.menu__summary:hover{background:var(--bg)}.menu__items{position:absolute;right:0;z-index:20;min-width:190px;display:flex;flex-direction:column;gap:.25rem;padding:.4rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 8px 28px #00000038}.settings .menu__items{right:auto;left:0;bottom:100%;margin-bottom:.4rem}.menu__item{text-align:left;background:none;border:none;border-radius:6px;padding:.45rem .55rem;font-size:.85rem;color:var(--fg);cursor:pointer}.menu__item:hover{background:var(--bg-elev)}.menu__item--danger{color:var(--error)}a.menu__item{text-decoration:none;display:block}.menu__item:disabled{opacity:.5;cursor:not-allowed}.settings__summary{width:100%;justify-content:flex-start;color:var(--fg);font-size:.85rem}.settings__who{margin:0 0 .25rem;padding:.25rem .55rem;color:var(--fg-muted);font-size:.78rem}.canvas{display:flex;flex-direction:column;min-width:0;min-height:0;height:100dvh}.canvas--empty{align-items:center;justify-content:center;color:var(--fg-muted)}.canvas__header{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;padding-top:max(.55rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-elev)}.canvas__back{display:none;background:none;border:none;color:var(--fg-muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .2rem}.canvas__heading{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.canvas__title{font-weight:650;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas__sharing{padding:.5rem .8rem;border-bottom:1px solid var(--border)}.canvas__notice{margin:.6rem .8rem 0;padding:.55rem .75rem;border-radius:10px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-muted);font-size:.83rem}@media (max-width: 720px){.shell{grid-template-columns:1fr}.nav{border-right:none}.shell--canvas .nav{display:none}.shell:not(.shell--canvas) .canvas{display:none}.canvas__back{display:inline-block}}