*{box-sizing:border-box}body{background:#f4f5f7;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{justify-content:center;width:100%;display:flex}:root{--om-accent:#f05423;--om-accent-light:#ff8f5e;--om-accent-dark:#c7431a;--om-accent-tint:#fff0e9}.chat-app{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;height:90vh;max-height:780px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000024}.chat-header{background:linear-gradient(135deg, var(--om-accent), var(--om-accent-light));color:#fff;align-items:center;gap:10px;padding:18px 20px;display:flex}.chat-header h1{letter-spacing:.2px;margin:0;font-size:16px;font-weight:600}.chat-header .subtitle{opacity:.85;margin:0;font-size:12px;font-weight:400}.header-text{flex-direction:column;gap:2px;display:flex}.dot{background:#7cfc00;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #7cfc0040}.messages{background:#f7f8fa;flex-direction:column;flex:1;gap:6px;padding:18px 16px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:8px;animation:.2s ease-out message-in;display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.avatar{color:#fff;background:var(--om-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}.message.error .avatar{background:#c33}.bubble-col{flex-direction:column;min-width:0;max-width:88%;display:flex}.bubble{word-wrap:break-word;border-radius:16px;padding:12px 16px;font-size:14.5px;line-height:1.6}.bubble-text.plain{white-space:pre-wrap}.bubble-text h4,.bubble-text h5,.bubble-text h6{color:#17181a;margin:14px 0 6px;font-weight:650;line-height:1.35}.bubble-text h4:first-child,.bubble-text h5:first-child,.bubble-text h6:first-child{margin-top:0}.bubble-text h4{font-size:16.5px}.bubble-text h5{font-size:15.5px}.bubble-text h6{text-transform:uppercase;letter-spacing:.3px;color:#6b6f76;font-size:14.5px}.bubble-text p{margin:0 0 10px}.bubble-text p:last-child{margin-bottom:0}.bubble-text .category-label{text-transform:uppercase;letter-spacing:.5px;color:var(--om-accent-dark);margin:16px 0 6px;font-size:11.5px;font-weight:700}.bubble-text .category-label:first-child{margin-top:0}.bubble-text .category-label+ul,.bubble-text .category-label+ol{margin-top:-2px}.bubble-text ul,.bubble-text ol{margin:0 0 10px;padding-left:22px}.bubble-text ul:last-child,.bubble-text ol:last-child{margin-bottom:0}.bubble-text ul{list-style:outside}.bubble-text ul li::marker{color:var(--om-accent)}.bubble-text ol li::marker{color:var(--om-accent-dark);font-weight:600}.bubble-text li{margin-bottom:4px;padding-left:2px}.bubble-text li:last-child{margin-bottom:0}.bubble-text strong{font-weight:inherit;color:inherit}.bubble-text li>strong:first-child{color:var(--om-accent-dark)}.message.user .bubble-text strong{color:#fff;font-weight:650}.bubble-text a{color:var(--om-accent-dark);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.bubble-text a:hover{color:var(--om-accent)}.bubble-text code{color:#b3411a;background:#f1f2f4;border:1px solid #e5e7eb;border-radius:4px;padding:1px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.bubble-text blockquote{border-left:3px solid var(--om-accent-light);color:#55585e;margin:0 0 10px;padding:2px 12px}.bubble-text blockquote:last-child{margin-bottom:0}.bubble-text hr{border:none;border-top:1px solid #e8e9ec;margin:12px 0}.bubble-text table{border-collapse:collapse;width:100%;max-width:100%;margin:0 0 10px;font-size:.92em}.bubble-text table:last-child{margin-bottom:0}.bubble-text th,.bubble-text td{text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;border:1px solid #e5e7eb;padding:6px 10px}.bubble-text th{background:#f7f7f9;font-weight:600}.bubble-text th:first-child,.bubble-text td:first-child{width:auto;min-width:11em}.bubble-text td:first-child strong{color:var(--om-accent-dark)}.message.bot .bubble{color:#222;background:#fff;border:1px solid #eceef1;border-bottom-left-radius:4px}.message.user .bubble{background:var(--om-accent);color:#fff;border-bottom-right-radius:4px}.message.error .bubble{color:#a33;background:#fdeaea;border:1px solid #f6cccc;border-bottom-left-radius:4px}.typing{gap:4px;padding:4px 0;display:inline-flex}.typing span{background:#b7bcc4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.meta{border-top:1px solid #eceef1;margin-top:8px;padding-top:8px;font-size:11.5px}.meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.meta-toggle{color:var(--om-accent);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #eceef1;border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:background .15s}.meta-toggle:hover{background:var(--om-accent-tint)}.intents-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.intents-item{color:#3a3d42;align-items:baseline;gap:8px;display:flex}.intents-num{color:var(--om-accent-dark);background:var(--om-accent-tint);border-radius:6px;flex-shrink:0;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600}.intents-detail{color:#3a3d42}.sources-list{flex-direction:column;gap:6px;width:100%;margin-top:8px;display:flex}.source-chip{box-sizing:border-box;color:#3a3d42;background:#fff;border:1px solid #eceef1;border-radius:12px;align-items:center;gap:6px;width:100%;padding:6px 10px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.source-chip:hover{background:var(--om-accent-tint);border-color:var(--om-accent)}.source-index{background:var(--om-accent-tint);width:16px;height:16px;color:var(--om-accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.source-url{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.quote-cta-wrap{display:inline-flex;position:relative}.quote-cta{white-space:nowrap;color:var(--om-accent-dark);border:1.5px solid var(--om-accent);background:#fff;border-radius:22px;justify-content:center;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.quote-cta:hover{background:var(--om-accent-tint)}.quote-cta-tooltip{color:#fff;text-align:center;opacity:0;visibility:hidden;pointer-events:none;z-index:5;background:#26282c;border-radius:8px;width:168px;padding:8px 10px;font-size:11.5px;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.quote-cta-tooltip:after{content:"";border:5px solid #0000;border-top-color:#26282c;position:absolute;top:100%;right:14px}.quote-cta-wrap:hover .quote-cta-tooltip,.quote-cta-wrap:focus-within .quote-cta-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.chat-form{background:#fff;border-top:1px solid #eee;gap:8px;padding:12px;display:flex}.chat-input{border:1px solid #ddd;border-radius:22px;outline:none;flex:1;padding:11px 14px;font-size:14px;transition:border-color .15s}.chat-input:focus{border-color:var(--om-accent)}.send-btn{background:var(--om-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex}.send-btn:hover:not(:disabled){background:var(--om-accent-dark)}.send-btn:disabled{opacity:.6;cursor:default}.stop-btn{background:var(--om-accent-dark)}.stop-btn:hover{background:var(--om-accent)}.message.user .bubble-col{align-items:flex-end}.edit-trigger{color:#8a8f98;cursor:pointer;opacity:0;background:0 0;border:none;margin-top:4px;padding:2px 4px;font-size:11px;transition:opacity .15s,color .15s}.message.user:hover .edit-trigger,.edit-trigger:focus-visible{opacity:1}.edit-trigger:hover{color:var(--om-accent-dark)}.edit-message{flex-direction:column;gap:8px;width:100%;min-width:220px;display:flex}.edit-textarea{border:1.5px solid var(--om-accent);resize:vertical;box-sizing:border-box;border-radius:14px;outline:none;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:14.5px;line-height:1.5}.edit-actions{justify-content:flex-end;gap:8px;display:flex}.edit-btn{cursor:pointer;border:none;border-radius:14px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .15s,opacity .15s}.edit-btn.cancel{color:#444;background:#eceef1}.edit-btn.cancel:hover{background:#dfe1e4}.edit-btn.save{background:var(--om-accent);color:#fff}.edit-btn.save:hover{background:var(--om-accent-dark)}.trace-summary{color:#8a8f98;margin-top:8px;font-size:10.5px;font-weight:600}.trace-steps{border-left:2px solid var(--om-accent-tint);flex-direction:column;gap:8px;margin:6px 0 0;padding:0 0 0 10px;list-style:none;display:flex}.trace-head{align-items:center;gap:8px;display:flex}.trace-tool{color:var(--om-accent-dark);background:var(--om-accent-tint);border-radius:6px;padding:1px 7px;font-family:ui-monospace,monospace;font-weight:600}.trace-time{color:#8a8f98;font-size:10.5px}.trace-why{color:#3a3d42;margin-top:3px}.trace-result{color:#8a8f98;overflow-wrap:anywhere;margin-top:2px;font-family:ui-monospace,monospace;font-size:10.5px}.progress{color:#8a8f98;flex-direction:column;gap:3px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.progress .done{color:#8a8f98}.progress .current{color:var(--om-accent-dark);font-weight:600}