:root{color:#17201c;font-synthesis:none;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#1f5a45;border:0;border-radius:.65rem;padding:.65rem .9rem}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;color:inherit;background:#fff;border:1px solid #c9cec9;border-radius:.65rem;padding:.7rem}label{gap:.4rem;font-size:.85rem;font-weight:700;display:grid}h1,h2,p{margin-top:0}.app-frame{min-height:100vh}.topbar{background:#ffffff8c;border-bottom:1px solid #d8d7cf;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex}.topbar h1{margin:0;font-size:1.45rem}.topbar-meta{color:#617069;align-items:center;gap:.7rem;font-size:.78rem;display:flex}.eyebrow{color:#557267;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:800}.configuration-state,.signed-out,.bootstrap-state,.centered-state{background:#fff;border:1px solid #d8d7cf;border-radius:1rem;width:min(34rem,100% - 2rem);margin:12vh auto;padding:2rem;box-shadow:0 1rem 3rem #192d2514}.chat-shell{padding:1rem}.connection-banner{color:#704f00;text-align:center;background:#fff1c9;padding:.55rem 1rem}.workspace-picker{width:min(22rem,100%);margin:0 0 1rem}.conversation-layout{background:#fff;border:1px solid #d8d7cf;border-radius:1rem;grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);min-height:calc(100vh - 7rem);display:grid;overflow:hidden}.conversation-sidebar{background:#faf9f5;border-right:1px solid #e4e4dd;padding:1rem}.section-heading,.conversation-header,.composer-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h2,.conversation-header h2{margin:0}.conversation-sidebar nav{gap:.35rem;margin:1rem 0;display:grid}.conversation-link{width:100%;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.conversation-link.selected{color:#143d2e;background:#dfece5}.conversation-link small{color:#6d7772;white-space:nowrap}.new-conversation{border-top:1px solid #e4e4dd;gap:.5rem;margin-top:1.2rem;padding-top:1rem;display:grid}.new-conversation>div{grid-template-columns:1fr auto;gap:.4rem;display:grid}.conversation-panel{grid-template-rows:auto minmax(12rem,1fr) auto;min-width:0;display:grid}.conversation-header{border-bottom:1px solid #e4e4dd;padding:1.1rem 1.25rem}.conversation-header small{color:#65726c}.turn-list{flex-direction:column;gap:.7rem;margin:0;padding:1.25rem;list-style:none;display:flex;overflow-y:auto}.turn-row{flex-direction:column;gap:.45rem;width:100%;display:flex}.turn-bubble,.foreground-reply{max-width:min(42rem,90%);padding:.8rem 1rem}.turn-bubble.user{background:#dfece5;border-radius:1rem 1rem .25rem;align-self:flex-end}.turn-bubble.assistant{background:#fff;border:1px solid #d8d7cf;border-radius:1rem 1rem 1rem .25rem;align-self:flex-start}.turn-bubble>strong,.foreground-reply>strong{color:#315b4b;margin-bottom:.3rem;font-size:.75rem;display:block}.turn-list p{white-space:pre-wrap;margin-bottom:.35rem}.turn-list small,.muted{color:#65726c;font-size:.78rem}.foreground-reply{background:#f7f8f5;border-left:3px solid #8ba89b;border-radius:.2rem .8rem .8rem .2rem;align-self:flex-start}.foreground-reply p{margin:0}.foreground-reply.streaming{border-left-color:#2f7459}.foreground-reply.failed{color:#7b2c27;background:#fff5f3;border-left-color:#b4544d}.foreground-reply .retry-response{background:#8f3d37;margin-top:.65rem}.foreground-reply .retry-response:focus-visible{outline-offset:2px;outline:3px solid #f0b34a}.foreground-reply .status{margin-top:.55rem}.empty-turns{color:#65726c;text-align:center;margin:auto}.composer{background:#faf9f5;border-top:1px solid #e4e4dd;gap:.5rem;padding:1rem 1.25rem;display:grid}.composer textarea{resize:vertical}.status{margin:0;font-size:.85rem}.warning{color:#795600}.error-text,.error{color:#a12d27}@media (width<=720px){.topbar-meta>span{display:none}.conversation-layout{grid-template-columns:1fr}.conversation-sidebar{border-bottom:1px solid #e4e4dd;border-right:0}.conversation-sidebar nav{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
