:root{--bg:#0f1115;--bg-raised:#171a21;--bg-input:#1e222b;--border:#2a2f3a;--text:#e7e9ee;--text-muted:#9aa3b2;--accent:#6c8cff;--accent-text:#0b0d12;--error:#ff7a7a;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit;color:inherit}.shell{flex-direction:column;height:100%;display:flex}.main{flex-direction:column;flex:1;min-height:0;display:flex}.nav{background:var(--bg-raised);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);order:2;align-items:center;gap:2px;display:flex}.nav-brand{display:none}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:11px;text-decoration:none;display:flex}.nav-item-active{color:var(--accent)}.nav-glyph{font-size:18px;line-height:1}.banner{color:#ffd79a;text-align:center;background:#3a2f16;padding:8px 14px;font-size:13px}.chat{flex:1;min-height:0;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex}.chat-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.segmented{border:1px solid var(--border);background:var(--bg-input);border-radius:999px;flex:none;display:flex;overflow:hidden}.segment{appearance:none;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 10px;font-size:12px}.segment-on{background:var(--accent);color:var(--accent-text);font-weight:600}.segment:disabled{cursor:default;opacity:.6}.thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.thread-empty{justify-content:center;align-items:center}.bubble{border-radius:var(--radius);background:var(--bg-raised);white-space:pre-wrap;overflow-wrap:anywhere;max-width:min(680px,85%);padding:9px 13px}.bubble-user{background:var(--accent);color:var(--accent-text);align-self:flex-end}.bubble-failed{border:1px solid var(--error)}.bubble-meta{gap:6px;min-height:0;margin-top:4px;display:flex}.caret{background:var(--text-muted);vertical-align:text-bottom;width:7px;height:1em;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.composer{border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.composer-input{resize:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:40px;max-height:140px;padding:9px 12px}.sidebar{border-right:1px solid var(--border);background:var(--bg-raised);flex-direction:column;flex-shrink:0;gap:10px;width:280px;padding:12px;display:flex;overflow-y:auto}.sidebar-filters{flex-direction:column;gap:8px;display:flex}.conversation-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.conversation{border-radius:8px;align-items:center;gap:4px;padding:2px 4px;display:flex}.conversation-active{background:var(--bg-input)}.conversation-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:7px 4px;display:flex}.conversation-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-actions{opacity:.45;gap:0;display:flex}.conversation:hover .conversation-actions,.conversation-active .conversation-actions{opacity:1}.conversation-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;padding:4px 5px;font-size:13px}.conversation-actions button:hover{color:var(--text)}.pin{color:var(--accent);font-size:11px}.login{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:24px 20px;display:flex;overflow-y:auto}.login-intro{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.login-intro p{margin:0;font-size:.95rem;line-height:1.55}.login-heading{margin:0 0 2px;font-size:1.5rem}.login-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:min(360px,100%);padding:24px;display:flex}.login-title{text-align:center;margin:0;font-size:20px}.field{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.settings,.placeholder{flex-direction:column;gap:14px;max-width:680px;padding:16px;display:flex;overflow-y:auto}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:16px}.panel h2{margin:0 0 8px;font-size:15px}.button-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.device-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.device-list li{justify-content:space-between;gap:10px;display:flex}.about{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px;display:grid}.about dt{color:var(--text-muted)}.about dd{overflow-wrap:anywhere;margin:0}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}.input-inline{padding:5px 8px}.checkbox{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.button{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.button:disabled{opacity:.5;cursor:default}.tool-calls{flex-wrap:wrap;gap:5px;margin:0 0 6px;padding:0;list-style:none;display:flex}.tool-chip{border:1px solid var(--border);color:var(--text-muted);background:var(--bg-input);border-radius:999px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tool-chip-running{border-style:dashed}.tool-chip-failed{color:var(--error);border-color:var(--error)}.badge{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:11px;display:inline-block}.badge-error{color:var(--error);border-color:var(--error)}.badge-muted{opacity:.6}.muted{color:var(--text-muted);margin:0}.empty{color:var(--text-muted);padding:8px 4px;font-size:13px;list-style:none}.error{color:var(--error);margin:0;padding:0 14px 8px;font-size:13px}.splash{place-items:center;height:100%;display:grid}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.sidebar{z-index:10;width:min(300px,86%);transition:transform .18s ease-out;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.chat-list-open .sidebar{transform:none;box-shadow:0 0 0 100vmax #00000080}.chat{position:relative;overflow:hidden}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (width>=761px){.shell{flex-direction:row}.nav{border-top:0;border-right:1px solid var(--border);flex-direction:column;order:0;align-items:stretch;gap:2px;width:160px;padding:14px 10px}.nav-brand{padding:4px 10px 12px;font-weight:600;display:block}.nav-item{border-radius:8px;flex-direction:row;flex:none;justify-content:flex-start;gap:10px;padding:9px 10px;font-size:14px}.nav-item-active{background:var(--bg-input)}.chat-list-toggle{display:none}}.board{flex-direction:column;gap:14px;max-width:680px;padding:16px;display:flex;overflow-y:auto}.board-header h1{margin:0}.board-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.capture{flex-direction:column;gap:8px;display:flex}.capture-input{resize:vertical;min-height:56px;font:inherit}.capture-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.capture-actions>button[type=submit]{margin-left:auto}.recording-dot:before{content:"●";color:var(--error);margin-right:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.recording-dot:before{animation:none}}.capture-outcome{border-color:var(--accent)}.item-list,.review-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.item-main{min-width:0}.item>.button{white-space:nowrap;flex-shrink:0;align-self:flex-start}.item-title{margin:0}.item-body{margin:4px 0 0;font-size:.9em}.review-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:10px 12px;display:flex}.review-text{color:var(--text-muted);margin:0;font-style:italic}.review-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.retry-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.review-meta{flex-wrap:wrap;gap:6px;display:flex}.field-inline{margin:0}.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}.approval{background:var(--bg-raised);border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:10px;margin:0 12px 12px;padding:12px;display:flex}.approval-head{flex-direction:column;gap:6px;display:flex}.approval-badge{background:var(--accent);color:var(--accent-text);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:.75rem;font-weight:600}.approval-summary{margin:0;font-size:1rem}.approval-fields{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:.9rem;display:grid}.approval-fields dt{color:var(--text-muted)}.approval-fields dd{overflow-wrap:anywhere;margin:0}.approval-body{background:var(--bg-input);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px}.approval-warning{color:var(--error);margin:0;font-size:.9rem}.approval-actions{gap:8px;display:flex}.approval-actions .button{flex:1}.approval-done{border-color:var(--border)}.approval-failed{border-color:var(--error)}.approval-outcome{color:var(--text-muted);margin:0;font-size:.9rem}.button-quiet{color:var(--accent);background:0 0;border-color:#0000;align-self:flex-start;padding:2px 0}.item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.item-actions .input{width:auto}@media (width<=480px){.item{flex-wrap:wrap}.item-main{flex:100%}.item-actions{flex:100%;justify-content:flex-start}.item-actions .input{flex:1;min-width:0}}