*{box-sizing:border-box}:root{color-scheme:light;--bg-page: #f5f6f8;--bg-surface: #fff;--bg-elevated: #fafbfc;--bg-hover: #f0f1f3;--bg-row-hover: #f7f9fb;--bg-code: #eef0f3;--bg-pre: #fff;--border: #e0e2e7;--border-input: #c7cad1;--border-pre: #d8dadf;--border-tool: #c7cad1;--border-divider: #eef0f3;--text: #1a1a1a;--text-muted: #555;--text-dim: #777;--text-faint: #888;--text-heading: #333;--primary: #2d6cdf;--primary-text: #fff;--highlight-bg: #eaf2ff;--highlight-border: #b8d0f3;--error: #b03333;--error-strong: #d04848;--user-bubble-bg: #2d6cdf;--user-bubble-text: #fff;--assistant-bubble-bg: #eef0f3;--assistant-bubble-text: #1a1a1a}:root[data-theme=dark]{color-scheme:dark;--bg-page: #0f1115;--bg-surface: #161922;--bg-elevated: #1c2029;--bg-hover: #262a33;--bg-row-hover: #1f232c;--bg-code: #262a33;--bg-pre: #11141a;--border: #2a2f3a;--border-input: #3a4150;--border-pre: #2a2f3a;--border-tool: #3a4150;--border-divider: #22262e;--text: #e6e8eb;--text-muted: #b3b7bf;--text-dim: #8a8f99;--text-faint: #70757f;--text-heading: #d6d9de;--primary: #5b8def;--primary-text: #fff;--highlight-bg: #1a2540;--highlight-border: #2d4380;--error: #f47272;--error-strong: #ef5350;--user-bubble-bg: #3b6fd1;--user-bubble-text: #fff;--assistant-bubble-bg: #232833;--assistant-bubble-text: #e6e8eb}html,body,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text)}.app{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;background:var(--bg-surface);border-left:1px solid var(--border);border-right:1px solid var(--border)}.screen{padding:32px}.header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.header strong{font-size:1.1em}.header .user{flex:1;color:var(--text-muted);font-size:.9em}.header button{font-size:.85em;padding:4px 10px;border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text);border-radius:4px;cursor:pointer}.header button:hover{background:var(--bg-hover)}.header .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--text-muted)}.header .icon-btn:hover{color:var(--text)}.header .icon-btn svg{display:block}.header .toggle{font-size:.85em;display:flex;align-items:center;gap:4px;cursor:pointer}.header .org-select,.header select{font-size:.85em;padding:4px 6px;border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text);border-radius:4px;max-width:200px}.header .org-select:disabled{opacity:.6;cursor:not-allowed}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.hint{color:var(--text-faint);text-align:center;margin-top:40px;font-size:.95em}.hint code{background:var(--bg-code);padding:1px 5px;border-radius:3px;font-size:.9em}.bubble{max-width:80%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;line-height:1.45}.bubble.user{align-self:flex-end;background:var(--user-bubble-bg);color:var(--user-bubble-text)}.bubble.assistant{align-self:flex-start;background:var(--assistant-bubble-bg);color:var(--assistant-bubble-text)}.bubble.assistant.pending{font-style:italic;opacity:.7}.bubble.assistant .markdown{white-space:normal}.bubble.assistant .markdown>:first-child{margin-top:0}.bubble.assistant .markdown>:last-child{margin-bottom:0}.bubble.assistant .markdown p{margin:.4em 0}.bubble.assistant .markdown ul,.bubble.assistant .markdown ol{margin:.4em 0;padding-left:1.4em}.bubble.assistant .markdown li{margin:.15em 0}.bubble.assistant .markdown li>p{margin:.15em 0}.bubble.assistant .markdown h1,.bubble.assistant .markdown h2,.bubble.assistant .markdown h3,.bubble.assistant .markdown h4{margin:.6em 0 .3em;line-height:1.25}.bubble.assistant .markdown h1{font-size:1.15em}.bubble.assistant .markdown h2{font-size:1.05em}.bubble.assistant .markdown h3,.bubble.assistant .markdown h4{font-size:1em}.bubble.assistant .markdown code{background:var(--bg-code);padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.bubble.assistant .markdown pre{background:var(--bg-pre);border:1px solid var(--border-pre);border-radius:4px;padding:8px 10px;margin:.5em 0;overflow-x:auto;font-size:.85em}.bubble.assistant .markdown pre code{background:transparent;padding:0;border-radius:0;font-size:inherit}.bubble.assistant .markdown a{color:var(--primary);text-decoration:none}.bubble.assistant .markdown a:hover{text-decoration:underline}.bubble.assistant .markdown blockquote{margin:.4em 0;padding-left:10px;border-left:3px solid var(--border-tool);color:var(--text-muted)}.bubble.assistant .markdown table{border-collapse:collapse;margin:.5em 0;font-size:.95em}.bubble.assistant .markdown th,.bubble.assistant .markdown td{border:1px solid var(--border-divider);padding:4px 8px;text-align:left}.bubble.assistant .markdown th{background:var(--bg-elevated);font-weight:600}.bubble.assistant .markdown hr{border:0;border-top:1px solid var(--border-divider);margin:.6em 0}.tool-calls{margin-top:8px;font-size:.85em}.tool-calls summary{cursor:pointer;color:var(--text-muted)}.tool-call{border-left:3px solid var(--border-tool);padding-left:10px;margin-top:6px}.tool-call.err{border-left-color:var(--error-strong)}.tool-call .meta{color:var(--text-dim);font-size:.85em}.tool-call pre{margin:4px 0;background:var(--bg-pre);color:var(--text);padding:6px 8px;border-radius:4px;border:1px solid var(--border-pre);font-size:.85em;white-space:pre-wrap}.tool-call .err-msg{color:var(--error);font-size:.85em}.reasoning-trace{margin-top:6px;border-left:3px solid var(--primary);padding-left:10px}.reasoning-trace>summary{cursor:pointer;color:var(--text-muted);font-size:.85em}.reasoning-trace pre{margin:4px 0;background:var(--bg-pre);color:var(--text);padding:6px 8px;border-radius:4px;border:1px solid var(--border-pre);font-size:.85em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;max-height:360px;overflow-y:auto}.composer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-elevated)}.composer textarea{flex:1;resize:none;padding:8px 10px;border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text);border-radius:6px;font-family:inherit;font-size:.95em}.composer button{padding:0 16px;background:var(--primary);color:var(--primary-text);border:none;border-radius:6px;cursor:pointer;font-weight:500}.composer button:disabled{opacity:.5;cursor:default}.error{color:var(--error)}.stats-page{display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto;background:var(--bg-surface);border-left:1px solid var(--border);border-right:1px solid var(--border)}.stats-body{flex:1;overflow-y:auto;padding:20px 24px}.stats-body h2{margin-top:28px;margin-bottom:10px;font-size:1.1em;color:var(--text-heading)}.stats-summary .meta{font-size:.85em;color:var(--text-dim);margin-bottom:12px}.stats-summary .meta code{background:var(--bg-code);padding:1px 5px;border-radius:3px;font-size:.95em}.stats-summary .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:12px 14px}.stat-card.highlight{background:var(--highlight-bg);border-color:var(--highlight-border)}.stat-card .stat-value{font-size:1.4em;font-weight:600;color:var(--text)}.stat-card .stat-label{font-size:.8em;color:var(--text-dim);margin-top:4px}.stats-table{width:100%;border-collapse:collapse;font-size:.88em}.stats-table th,.stats-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-divider)}.stats-table th{background:var(--bg-elevated);font-weight:600;color:var(--text-heading);position:sticky;top:0}.stats-table th.num,.stats-table td.num{text-align:right;font-variant-numeric:tabular-nums}.stats-table tbody tr:hover{background:var(--bg-row-hover)}.stats-table tbody tr.clickable{cursor:pointer}.user-search{width:100%;max-width:480px;padding:8px 10px;border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text);border-radius:6px;font-size:.95em;margin-bottom:10px}.conversation-thread{display:flex;flex-direction:column;gap:18px;margin-top:12px}.thread-row{display:flex;flex-direction:column;gap:4px}.thread-meta{font-size:.78em;color:var(--text-dim)}.thread-meta .role{text-transform:uppercase;letter-spacing:.04em}.thread-meta .error{color:var(--error)}.thread-row .bubble{max-width:100%}.stats-table .dim{color:var(--text-faint);font-size:.85em}.feedback{display:flex;flex-direction:column;gap:6px;margin-top:8px}.feedback-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.feedback-btn{background:transparent;border:1px solid var(--border-input);border-radius:6px;padding:2px 8px;font-size:1em;cursor:pointer;opacity:.7;transition:opacity .1s,background .1s}.feedback-btn:hover:not(:disabled){opacity:1}.feedback-btn.active{opacity:1;background:var(--bg-surface);border-color:var(--text-dim)}.feedback-btn:disabled{cursor:not-allowed;opacity:.4}.feedback-summary{font-size:.85em;color:var(--text-dim)}.feedback-error{font-size:.85em;color:var(--error)}.feedback-form fieldset{border:1px solid var(--border-input);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.feedback-form legend{font-size:.85em;color:var(--text-dim);padding:0 6px}.feedback-radio{display:flex;align-items:center;gap:6px;font-size:.9em;cursor:pointer}.feedback-comment{width:100%;padding:6px 8px;border:1px solid var(--border-input);border-radius:6px;background:var(--bg-surface);color:var(--text);font-family:inherit;font-size:.9em;resize:vertical}.feedback-form-actions{display:flex;gap:6px}.feedback-badge{margin-left:8px;padding:1px 6px;border-radius:8px;font-size:.8em}.feedback-badge.down{background:color-mix(in srgb,var(--error) 18%,transparent)}.feedback-badge.up{background:color-mix(in srgb,var(--text-dim) 14%,transparent)}.feedback-list{list-style:none;margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--border-input);font-size:.85em;display:flex;flex-direction:column;gap:4px}.feedback-item.down{border-left-color:var(--error)}.feedback-item .feedback-kind{margin-right:4px}.feedback-list .dim{color:var(--text-faint)}.promote-actions{margin-top:8px}.feedback-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.pagination{display:flex;gap:12px;align-items:center;margin-top:12px;justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--bg-surface);color:var(--text);border:1px solid var(--border-input);border-radius:8px;width:min(720px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-input)}.modal-header h3{margin:0;font-size:1em}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-body label{display:flex;flex-direction:column;gap:4px;font-size:.85em}.modal-body label span{color:var(--text-dim)}.modal-body textarea{font-family:inherit;font-size:.9em;padding:8px;border:1px solid var(--border-input);border-radius:6px;background:var(--bg-page);color:var(--text);resize:vertical}.modal-actions{display:flex;gap:8px;justify-content:flex-end}
