*{box-sizing:border-box;margin:0;padding:0}body{background:#f9f9fb;flex-direction:column;height:100vh;font-family:-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.header{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:#6b94b8;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.header.dragging{cursor:grabbing}.header-title{letter-spacing:.3px;pointer-events:none;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.header-icon{filter:brightness(0)invert();border-radius:4px;width:20px;height:20px}.header-actions{align-items:center;gap:4px;display:flex}.header-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.header-btn:hover{background:#ffffff4d}.settings{background:#fff;border-bottom:1px solid #e8e8ec;flex-shrink:0;padding:10px 14px;display:none}.settings.open{display:block}.settings-section{margin-bottom:10px}.settings-section:last-child{margin-bottom:0}.settings-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:600}.settings-badge{color:#6a9ec4;letter-spacing:.3px;background:#6a9ec42e;border-radius:6px;margin-left:4px;padding:1px 5px;font-size:9px;display:inline-block}.settings-row{gap:6px;display:flex}.tts-sublabel{margin-top:8px}.tts-key{margin-bottom:5px}.settings-hint.tts-warn{color:#b5722a}body.dark .settings-hint.tts-warn{color:#d89552}.settings-option{cursor:pointer;color:#555;text-align:center;background:#f0f0f3;border:1px solid #dde0e8;border-radius:6px;flex:1;padding:4px 12px;font-size:12px}.settings-option:hover{background:#e4e4ea}.settings-option.active{color:#fff;background:#6b94b8;border-color:#6b94b8}.settings-option[data-size=small]{font-size:11px}.settings-option[data-size=large]{font-size:15px}.settings-row-voice .settings-option{padding:4px 6px;font-size:11px}.settings-hint{color:#999;margin-top:5px;font-size:10px;line-height:1.35}body.dark .settings-hint{color:#888}.settings-token{color:#888;background:#f8f8fa;border:1px solid #dde0e8;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-family:monospace;font-size:10px}.settings-about{border-top:1px solid #f0f0f3;margin-top:8px;padding-top:8px}.settings-info{color:#999;font-size:11px;line-height:1.6}.settings-info a{color:#6b94b8;text-decoration:none}.settings-info a:hover{text-decoration:underline}.messages{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.msg{word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:12px;max-width:85%;padding:8px 11px;font-size:13px;line-height:1.45}.msg.bot{color:#222;white-space:pre-wrap;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e8e8ec;align-self:flex-start}.msg.bot.system{color:#2e7d46;background:#eaf7ee;border-color:#a3d4b3;font-size:12px;font-style:italic}.msg.user{color:#fff;background:#6b94b8;align-self:flex-end}.msg.error{color:#c00;background:#fff0f0;border:1px solid #fcc;align-self:flex-start;font-size:12px}.recap-card{background:#fff;border:1px solid #d5dee6;border-radius:12px;flex-direction:column;flex-shrink:0;align-self:stretch;max-height:70vh;font-size:13px;display:flex;overflow:hidden}.recap-title{color:#3d6a8a;border-bottom:1px solid #eef1f4;padding:11px 13px;font-weight:700}.recap-body{padding:6px 13px 11px;overflow-y:auto}.recap-section{margin-top:9px}.recap-section:first-child{margin-top:3px}.recap-section-title{text-transform:uppercase;letter-spacing:.04em;color:#8a97a5;margin-bottom:4px;font-size:11px;font-weight:700}.recap-grid{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:4px 12px;display:grid}.recap-key{color:#6b7280}.recap-val{color:#222;overflow-wrap:anywhere;font-weight:600}.recap-val.recap-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.recap-badge{letter-spacing:.02em;vertical-align:1px;color:#5f8bab;background:#eef3f8;border-radius:4px;margin-left:6px;padding:.5px 5px;font-size:10px;font-weight:700;display:inline-block}.recap-badge-ares{color:#4a7a4a;background:#e6f0e6}.recap-actions{background:#fafbfc;border-top:1px solid #eef1f4;gap:8px;padding:10px 13px;display:flex}.recap-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:7px 15px;font-size:13px}.recap-yes{color:#fff;background:#6b94b8;font-weight:600}.recap-no{color:#475569;background:0 0;border-color:#cbd5e1}.recap-btn:disabled{cursor:default;opacity:.85}@media (width<=400px){.recap-grid{grid-template-columns:1fr;row-gap:1px}.recap-key{margin-top:5px}}body.dark .recap-card{background:#23262b;border-color:#3a3d45}body.dark .recap-title{color:#8fb8d6;border-color:#31343a}body.dark .recap-section-title{color:#8a939f}body.dark .recap-key{color:#9aa3b2}body.dark .recap-val{color:#e6e8ec}body.dark .recap-badge{color:#8fb8d6;background:#2c3742}body.dark .recap-badge-ares{color:#86b586;background:#26362a}body.dark .recap-actions{background:#1f2226;border-color:#31343a}body.dark .recap-yes{background:#4a7a9a}body.dark .recap-no{color:#cbd5e1;border-color:#3a3d45}.picker-card{background:#fff;border:1px solid #d5dee6;border-radius:12px;flex-direction:column;flex-shrink:0;align-self:stretch;font-size:13px;display:flex;overflow:hidden}.picker-title{color:#3d6a8a;padding:10px 13px 2px;font-weight:700}.picker-hint{color:#6b7280;padding:0 13px 6px;font-size:11.5px}.picker-list{flex-direction:column;gap:4px;max-height:46vh;padding:4px 10px 8px;display:flex;overflow-y:auto}.picker-opt{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8ee;border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 11px;font-size:13px;display:flex}.picker-opt:hover{background:#f5f8fb;border-color:#6b94b8}.picker-opt-label{color:#222;overflow-wrap:anywhere;font-weight:600}.picker-rec{background:#f4f9f4;border-color:#cfe0d0}.picker-rec:hover{background:#eef6ee;border-color:#7fae7f}.picker-opt-meta{color:#4a7a4a;white-space:nowrap;flex:none;font-size:11px;font-weight:700}.picker-sep{text-transform:uppercase;letter-spacing:.04em;color:#8a97a5;padding:6px 4px 1px;font-size:10.5px;font-weight:700}.picker-more{color:#5f8bab;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:2px 4px;font-size:12px;text-decoration:underline}.picker-manual{border-top:1px solid #eef1f4;gap:6px;padding:8px 13px 11px;display:flex}.picker-input{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:0;padding:6px 9px;font-size:13px}.picker-skip{color:#8a97a5;cursor:pointer;background:0 0;border:none;font-size:12px}body.dark .picker-card{background:#23262b;border-color:#3a3d45}body.dark .picker-title{color:#8fb8d6}body.dark .picker-opt{color:#e6e8ec;background:#262a30;border-color:#3a3d45}body.dark .picker-opt-label{color:#e6e8ec}body.dark .picker-opt:hover{background:#2a2f36;border-color:#4a7a9a}body.dark .picker-rec{background:#26362a;border-color:#35503a}body.dark .picker-manual{border-color:#31343a}body.dark .picker-input{color:#e6e8ec;background:#1f2226;border-color:#3a3d45}.msg .value{color:#3d6a8a;font-weight:700}.msg .value-plain{font-weight:700}.msg .hint{color:#6b7280;font-style:italic}body.dark .msg .hint{color:#9aa3b2}.msg .ident{background:#0000000d;border-radius:3px;padding:.05em .35em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.92em}body.dark .msg .ident{background:#ffffff14}.msg pre{white-space:pre-wrap;color:#333;background:#f4f4f8;border:1px solid #e0e0e8;border-left:3px solid #6b94b8;border-radius:4px;margin-top:7px;padding:7px 9px;font-size:11.5px;line-height:1.5;overflow-x:auto}.msg .md-table{border-collapse:collapse;font-variant-numeric:tabular-nums;max-width:100%;margin:6px 0;font-size:12px;display:block;overflow-x:auto}.msg .md-table th,.msg .md-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8e8ec;padding:4px 10px 4px 0}.msg .md-table th{color:#555;border-bottom:1px solid #c8d4dc;font-weight:600}.msg .md-table td:not(:first-child),.msg .md-table th:not(:first-child){text-align:right}.msg .ext-link{color:#6a9ec4;text-underline-offset:2px;cursor:pointer;word-break:break-word;text-decoration:underline}.msg .ext-link:hover{color:#5688b0}.msg-actions{white-space:normal;border-top:1px solid #f0f0f3;justify-content:flex-end;gap:2px;margin-top:6px;padding-top:5px;display:flex}.act-btn{color:#aab;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s;display:inline-flex}.act-btn:hover{color:#6b94b8;background:#6b94b81f}.act-btn.active{color:#6b94b8;background:#6b94b82e}.act-btn.done{color:#4a9160}.act-btn.speaking{color:#6a9ec4;animation:1.1s ease-in-out infinite act-speak-pulse}@keyframes act-speak-pulse{0%,to{opacity:1}50%{opacity:.45}}.act-btn.err{color:#c04040}.act-btn:disabled{opacity:.45;cursor:default}.act-btn:disabled:hover{color:#aab;background:0 0}.feedback-form{background:#6b94b80f;border:1px solid #6b94b82e;border-radius:6px;flex-direction:column;gap:6px;margin-top:8px;padding:8px;display:flex}.feedback-form[hidden]{display:none}.feedback-form textarea{resize:vertical;width:100%;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #d8dae0;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:.875rem}.feedback-form textarea:focus{border-color:#6b94b8;outline:none}.feedback-actions{justify-content:flex-end;gap:8px;display:flex}.feedback-actions button{cursor:pointer;color:#555;background:#fff;border:1px solid #d8dae0;border-radius:4px;padding:4px 10px;font-size:.8125rem;transition:background .15s,border-color .15s,color .15s}.feedback-actions button:hover{color:#6b94b8;border-color:#6b94b8}.feedback-actions button:disabled{opacity:.5;cursor:not-allowed}.feedback-actions .feedback-send{color:#fff;background:#6b94b8;border-color:#6b94b8}.feedback-actions .feedback-send:hover{color:#fff;background:#5b84a8;border-color:#5b84a8}.sql-view{white-space:pre-wrap;color:#333;background:#f4f4f8;border:1px solid #e0e0e8;border-left:3px solid #6b94b8;border-radius:4px;margin-top:6px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.thinking{color:#999;font-size:12px;font-style:italic}.suggestions{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 12px 0;display:flex}.suggestion{color:#3d6a8a;cursor:pointer;background:#f0f4f8;border:1px solid #d0dae4;border-radius:16px;padding:5px 12px;font-size:11px;line-height:1.3;transition:background .15s}.suggestion:hover{background:#dfe8f0}.suggestion-inline{align-self:flex-start;padding:2px 0}.suggestion-chip{color:#3d6a8a;cursor:pointer;background:#f0f4f8;border:1px dashed #6b94b8;border-radius:16px;padding:5px 12px;font-size:11px;line-height:1.3;transition:background .15s}.suggestion-chip:hover{background:#dfe8f0}.input-area{background:#fff;border-top:1px solid #e8e8ec;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px;display:flex}.input-area textarea{resize:none;border:1px solid #dde0e8;border-radius:8px;outline:none;flex:1;min-height:34px;max-height:120px;padding:7px 10px;font-family:inherit;font-size:13px;line-height:1.4;overflow-y:hidden}.input-area textarea:focus{border-color:#6b94b8}.input-area button{color:#fff;cursor:pointer;background:#6b94b8;border:none;border-radius:8px;flex-shrink:0;height:34px;padding:7px 13px;font-size:13px;font-weight:500}.input-area button:hover{background:#5a8099}.input-area button:disabled{cursor:default;background:#b0c8d8}.input-area .mic-btn{color:#6a9ec4;background:0 0;border:1px solid #dde0e8;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;min-width:34px;height:34px;padding:0 8px;display:inline-flex}.input-area .mic-btn:hover{background:#eef4f8}.input-area .mic-btn:disabled{color:#b0c8d8;cursor:default;background:0 0;border-color:#e8e8ec}.input-area .mic-btn .mic-timer{font-variant-numeric:tabular-nums;color:#6a9ec4;font-size:12px}.input-area .mic-btn.recording{color:#fff;background:#6a9ec4;border-color:#6a9ec4;animation:1.4s ease-in-out infinite mic-pulse}.input-area .mic-btn.recording .mic-timer{color:#fff}.input-area .mic-btn.recording:hover{background:#5a8099}.input-area .mic-btn.handsfree{border-color:#6a9ec4;box-shadow:inset 0 0 0 1px #6a9ec4}body.dark .input-area .mic-btn.handsfree{border-color:#7ab0d6;box-shadow:inset 0 0 0 1px #7ab0d6}.input-area .mic-btn.transcribing{color:#6a9ec4;cursor:default}.input-area .mic-btn.transcribing svg{display:none}.input-area .mic-btn.transcribing:before{content:"";border:2px solid #cddbe7;border-top-color:#6a9ec4;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite mic-spin}@keyframes mic-pulse{0%,to{box-shadow:0 0 #6a9ec473}50%{box-shadow:0 0 0 5px #6a9ec400}}@keyframes mic-spin{to{transform:rotate(360deg)}}body.dark .input-area .mic-btn{color:#7ab0d6;background:0 0;border-color:#3a4a55}body.dark .input-area .mic-btn:hover{background:#2a3540}body.dark .input-area .mic-btn:disabled{color:#4a5a65;border-color:#2a3540}body.dark .input-area .mic-btn.recording{color:#fff;background:#4a7a9a;border-color:#4a7a9a}body.dark .input-area .mic-btn.transcribing:before{border-color:#7ab0d6 #3a4a55 #3a4a55}body.font-small .msg,body.font-small .input-area textarea{font-size:12px}body.font-large .msg,body.font-large .input-area textarea{font-size:15px}body.dark{background:#1a1d23}body.dark .msg.bot{color:#ddd;background:#2a2d35;border-color:#3a3d45}body.dark .msg.bot.system{color:#8ee0a2;background:#1f3326;border-color:#2f5a3a}body.dark .msg.user{background:#4a7a9a}body.dark .msg.error{color:#f88;background:#3a2020;border-color:#5a3030}body.dark .msg pre{color:#ccc;background:#22252d;border-color:#3a3d45 #3a3d45 #3a3d45 #6b94b8}body.dark .msg .md-table th{color:#aab;border-bottom-color:#3a5060}body.dark .msg .md-table th,body.dark .msg .md-table td{border-bottom-color:#3a3d45}body.dark .msg .value{color:#8ab4d4}body.dark .input-area{background:#22252d;border-top-color:#3a3d45}body.dark .input-area textarea{color:#ddd;background:#2a2d35;border-color:#3a3d45}body.dark .input-area textarea:focus{border-color:#6b94b8}body.dark .input-area button{background:#4a7a9a}body.dark .input-area button:hover{background:#5a8aaa}body.dark .input-area button:disabled{background:#3a4a55}body.dark .settings{background:#22252d;border-bottom-color:#3a3d45}body.dark .settings-option{color:#aaa;background:#2a2d35;border-color:#3a3d45}body.dark .settings-option:hover{background:#3a3d45}body.dark .settings-option.active{color:#fff;background:#6b94b8}body.dark .settings-about{border-top-color:#3a3d45}body.dark .suggestion{color:#8ab4d4;background:#2a2d35;border-color:#3a3d45}body.dark .suggestion:hover{background:#3a3d45}body.dark .suggestion-chip{color:#8ab4d4;background:#2a2d35;border-color:#4a6a8a}body.dark .suggestion-chip:hover{background:#3a3d45}body.dark .thinking{color:#777}body.dark .settings-token{color:#888;background:#2a2d35;border-color:#3a3d45}body.dark .msg-actions{border-top-color:#3a3d45}body.dark .act-btn{color:#778}body.dark .act-btn:hover{color:#8ab4d4;background:#8ab4d426}body.dark .act-btn.active{color:#8ab4d4;background:#8ab4d438}body.dark .act-btn.done{color:#7cbf8a}body.dark .act-btn.err{color:#e08080}body.dark .act-btn:disabled:hover{color:#778;background:0 0}body.dark .feedback-form{background:#8ab4d41a;border-color:#8ab4d440}body.dark .feedback-form textarea{color:#ddd;background:#22252d;border-color:#3a3d45}body.dark .feedback-form textarea:focus{border-color:#8ab4d4}body.dark .feedback-actions button{color:#ccc;background:#2a2d35;border-color:#3a3d45}body.dark .feedback-actions button:hover{color:#8ab4d4;border-color:#8ab4d4}body.dark .feedback-actions .feedback-send{color:#1a1d23;background:#8ab4d4;border-color:#8ab4d4}body.dark .feedback-actions .feedback-send:hover{color:#1a1d23;background:#a0c4dc;border-color:#a0c4dc}body.dark .sql-view{color:#ccc;background:#22252d;border-color:#3a3d45 #3a3d45 #3a3d45 #6b94b8}.toast-host{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#f0f0f5;opacity:0;background:#2a2d35;border-radius:8px;max-width:320px;padding:10px 14px;font-size:.875rem;transition:opacity .25s,transform .25s;transform:translateY(8px);box-shadow:0 4px 12px #0000002e}.toast.show{opacity:1;transform:translateY(0)}body.dark .toast{color:#e8e8ed;background:#1a1d23;box-shadow:0 4px 12px #0006}