:root{color-scheme:light;--bg:#f6f5f2;--surface:#ffffff;--surface-muted:#f0efeb;--ink:#1f2528;--ink-muted:#5f696e;--line:#d8d5ce;--accent:#b55f2a;--accent-ink:#ffffff;--ok:#25745b;--warn:#8d6417;--info:#2c667a;--danger:#b33b32;--focus:#284b9b;--shadow:0 10px 26px rgb(31 37 40/0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,textarea{font:inherit}[role=tab]:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 80%,white);outline-offset:2px}button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}label{color:var(--ink-muted);font-size:.86rem;font-weight:650}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:.75rem .85rem}textarea{min-height:112px;resize:vertical}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100vh}.topbar{justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:var(--surface);padding:.85rem clamp(1rem,3vw,2rem)}.brand-lockup,.topbar{display:flex;align-items:center}.brand-lockup{min-width:0;gap:.75rem}.kara-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--accent);font-weight:800}.topbar h1,.topbar p{margin:0}.topbar h1{font-size:1.1rem;line-height:1.2}.topbar p{color:var(--ink-muted);font-size:.86rem}.status-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:var(--surface-muted);padding:.32rem .65rem}.badge,.logout-button{min-height:30px;border-radius:999px;color:var(--ink-muted);font-size:.78rem;font-weight:700;white-space:nowrap}.logout-button{background:var(--surface);padding:.32rem .8rem}.badge.ok{border-color:color-mix(in srgb,var(--ok) 30%,var(--line));color:var(--ok)}.badge.warn{border-color:color-mix(in srgb,var(--warn) 35%,var(--line));color:var(--warn)}.badge.info{border-color:color-mix(in srgb,var(--info) 35%,var(--line));color:var(--info)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:1rem;gap:1rem;min-height:0;padding:1rem clamp(1rem,3vw,2rem) 1.25rem}.main-panel,.onboarding-panel,.side-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.main-panel{display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto;min-height:calc(100vh - 118px);overflow:hidden}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1rem}.onboarding-panel h2,.panel-header h2,.side-panel h2{margin:0;font-size:1rem;line-height:1.3}.onboarding-panel p,.panel-header p,.side-panel p{margin:.25rem 0 0;color:var(--ink-muted);font-size:.88rem;line-height:1.45}.thread{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;padding:1rem}.message{display:grid;grid-gap:.3rem;gap:.3rem;max-width:min(760px,92%);border:1px solid var(--line);border-radius:8px;padding:.75rem .85rem}.message.user{align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:#fff7f0}.message.assistant{align-self:flex-start;background:var(--surface-muted)}.message.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.message-role{color:var(--ink-muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.message-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.retry-button{justify-self:start;margin-top:.35rem;padding:.2rem .7rem;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:6px;background:transparent;color:var(--danger);font-size:.8rem;font-weight:700;cursor:pointer}.retry-button:disabled{opacity:.55;cursor:not-allowed}.typing-indicator{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;color:var(--ink-muted);font-size:.84rem;padding:.2rem .1rem}.typing-indicator.reconnecting .typing-label{color:var(--danger);font-weight:650}.typing-dots{display:inline-flex;gap:.22rem}.typing-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--ink-muted);animation:typing-bounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.18rem)}}@media (prefers-reduced-motion:reduce){.typing-dot{animation:none}}.error-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.empty-thread{display:grid;min-height:100%;place-items:center;color:var(--ink-muted);text-align:center}.empty-thread p{max-width:420px;margin:0;line-height:1.55}.composer{display:grid;grid-gap:.75rem;gap:.75rem;border-top:1px solid var(--line);padding:1rem}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.composer-hint,.error-text{margin:0;color:var(--ink-muted);font-size:.84rem;line-height:1.4}.safety-list{display:grid;grid-gap:.45rem;gap:.45rem;margin:.85rem 0 0;font-size:.88rem;padding-left:1.15rem}.safety-list,.safety-strip{color:var(--ink-muted);line-height:1.45}.safety-strip{display:flex;flex-wrap:wrap;gap:.35rem .65rem;border-bottom:1px solid var(--line);background:var(--surface-muted);font-size:.83rem;padding:.7rem 1rem}.safety-strip strong{color:var(--ink)}.error-text{color:var(--danger);font-weight:650}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:750;padding:0 1rem}.danger-button,.secondary-button{padding:0 .9rem}.danger-button{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));color:var(--danger);font-weight:700}.side-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.tab{min-height:46px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink-muted);font-size:.86rem;font-weight:750}.tab:last-child{border-right:0}.tab[aria-selected=true]{background:var(--surface-muted);color:var(--ink)}.side-content{min-height:0;overflow:auto;padding:1rem}.side-content[hidden]{display:none}.field-stack,.memory-edit-form,.memory-editor,.onboarding-form,.search-form{display:grid;grid-gap:.75rem;gap:.75rem}.search-form{margin-top:1rem}.checkbox-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;grid-gap:.65rem;gap:.65rem;color:var(--ink-muted);font-size:.88rem;line-height:1.4}.checkbox-row input{width:18px;height:18px;margin-top:.1rem}.diagnostic-list,.memory-list{display:grid;grid-gap:.7rem;gap:.7rem;margin-top:1rem}.memory-list h3{margin:0;font-size:.9rem;line-height:1.2}.memory-tag-filter{display:grid;grid-gap:.5rem;gap:.5rem}.memory-tag-filter-label{margin:0;color:var(--ink-muted);font-size:.78rem}.memory-tag-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.memory-tag-chip{border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--ink-muted);padding:.2rem .65rem;font-size:.78rem;cursor:pointer}.memory-tag-chip.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent);color:var(--accent-ink)}.memory-tag-chip:disabled{cursor:default;opacity:.6}.memory-tag-filter-clear{justify-self:start}.diagnostic-item,.memory-item,.summary-block{border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:.75rem}.memory-item{display:grid;grid-gap:.7rem;gap:.7rem}.memory-item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.diagnostic-item p,.memory-item p,.summary-block p{margin:0}.summary-block .safety-list{margin-top:.55rem}.item-meta,.mono{color:var(--ink-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;overflow-wrap:anywhere}.diagnostic-item pre{margin:.45rem 0 0;overflow:auto;color:var(--ink-muted);font-size:.74rem;line-height:1.4;white-space:pre-wrap}.onboarding-wrap{display:grid;min-height:calc(100vh - 72px);place-items:center;padding:1rem}.onboarding-panel{width:min(760px,100%);padding:clamp(1rem,4vw,1.5rem)}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem;margin-top:1rem}.onboarding-grid .wide{grid-column:1/-1}.stack{display:grid;grid-gap:.5rem;gap:.5rem}.readonly-box{min-height:96px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:.75rem;line-height:1.45}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column}.status-row{justify-content:flex-start}.workspace{grid-template-columns:1fr}.main-panel{min-height:65vh}.side-panel{min-height:360px}.onboarding-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}.companion-switcher{gap:.75rem}.companion-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.companion-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.companion-list-item:disabled{cursor:default}.companion-list-item.active{border-color:var(--accent);background:var(--surface-muted)}.companion-list-name{font-weight:600}.companion-create-form,.companion-create-wrap{display:flex;flex-direction:column;gap:.6rem}.companion-create-wrap{padding-top:.4rem;border-top:1px solid var(--line)}.companion-preset-preview{margin:0;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);line-height:1.45;color:var(--ink-muted)}