:root{color-scheme:dark;--bg: #05060a;--ink: #f8fafc;--muted: rgba(248, 250, 252, .58);--line: rgba(248, 250, 252, .1);--panel: rgba(8, 10, 18, .88);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100dvh;overflow:hidden}#app{position:relative;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-top)) 16px 12px}.status-block{min-width:0;text-align:center}.status{margin:0;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.model-label{margin:2px 0 0;font-size:.72rem;color:#f8fafc6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{flex:1;min-height:0;padding:4px 16px 8px;overflow:auto}.transcript{list-style:none;width:min(40rem,100%);margin:0 auto;padding:8px 0 12px;display:flex;flex-direction:column;gap:10px}.transcript:empty:after{content:"Messages from this chat will show up here.";display:block;text-align:center;color:var(--muted);padding:24vh 12px 0}.bubble{max-width:92%;padding:10px 14px;border-radius:16px;line-height:1.45;font-size:1.02rem;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#7dd3fc29}.bubble.assistant{align-self:flex-start;background:#ffffff0f}.bubble.draft{opacity:.72}.bubble-row{display:flex;flex-direction:column;gap:4px;max-width:92%}.bubble-row.user{align-self:flex-end;align-items:flex-end}.bubble-row.assistant{align-self:flex-start;align-items:flex-start}.bubble-row .bubble{max-width:100%}.bubble-actions{display:flex;gap:8px}.chip{border:0;background:transparent;color:var(--muted);font-size:.72rem;padding:0}.bottom{position:relative;z-index:3;display:flex;flex-direction:column;gap:12px;padding:8px 18px calc(18px + var(--safe-bottom))}.error-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fb71851f;border:1px solid rgba(251,113,133,.28)}.error-banner[hidden]{display:none}.error-banner p{flex:1;margin:0;font-size:.88rem;color:#fda4af}.talk-btn{--level: 0;width:100%;border:0;border-radius:16px;padding:16px 18px;background:#f8fafc;color:#05060a;font-size:1.05rem;font-weight:650;box-shadow:0 0 0 calc(var(--level) * 18px) #67e8f900}body[data-state=listening] .talk-btn,body[data-state=thinking] .talk-btn,body[data-state=speaking] .talk-btn{background:transparent;color:var(--ink);outline:1px solid var(--line)}body[data-state=listening] .talk-btn{box-shadow:0 0 0 calc(4px + var(--level) * 16px) #67e8f933}.composer{display:flex;gap:8px;align-items:center}input,select,textarea,button{font:inherit;color:inherit}input[type=text],select,textarea{width:100%;border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:12px 14px;outline:none}textarea{resize:vertical}.icon-btn,.text-btn,.link-btn,.row-btn{border:0;background:transparent;color:var(--ink)}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}.icon-btn.solid{background:#f8fafc;color:#05060a}.icon-btn.tiny{width:32px;height:32px;font-size:1.2rem}.icon-btn svg{width:20px;height:20px}.text-btn,.link-btn{color:#7dd3fc}.backdrop{position:fixed;inset:0;background:#00000073;z-index:8}.panel{position:fixed;top:0;bottom:0;width:min(92vw,380px);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:9;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));overflow:auto}#history-panel{left:0;border-right:1px solid var(--line)}#history-search{margin-bottom:12px}#settings-panel{right:0;border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2,.card h3{margin:0;font-size:1.05rem}.panel-body{display:grid;gap:14px}.panel-body label,.toggle{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.toggle{grid-template-columns:18px 1fr;align-items:center}.row{display:flex;gap:8px}.recs{display:grid;gap:8px}.rec{display:grid;gap:4px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:inherit}.rec strong{font-size:.92rem}.rec span{color:var(--muted);font-size:.78rem;line-height:1.4}.rec.active{border-color:#7dd3fc73;background:#7dd3fc14}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list li{display:flex;align-items:center;gap:8px}.row-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 8px;border-radius:10px}.row-btn .muted{font-size:.72rem}.list li.active .row-btn,.row-btn:hover{background:#ffffff0f}.list.compact li{display:block}.card{padding:14px;border:1px solid var(--line);border-radius:16px}#btn-install{margin-top:10px}.muted{color:var(--muted);font-size:.88rem;line-height:1.45}body[data-state=listening] .status{color:#67e8f9}body[data-state=thinking] .status{color:#c4b5fd}body[data-state=speaking] .status{color:#fda4af}