body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left;vertical-align:top;background-color:#fff;margin:0;padding:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#0c1e58;max-height:24vh;display:flex;flex-direction:column;align-items:left;justify-content:left;font-size:calc(10px + 2vmin);color:#fff;position:fixed;margin:0;padding:0;left:0;top:0;width:100%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:100px}.box1{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:3}.box2{grid-column-start:1;grid-row-start:3;grid-row-end:5}.panelTextDark{color:#000;font-weight:700}.panelTextLight{color:#fff;font-weight:700}.spinningAnimation{animation:spinningFrames 5s ease-out;animation-delay:calc(var(--delay) * -1s);animation-fill-mode:forwards}@keyframes spinningFrames{0%{transform:rotate(60deg)}to{transform:rotate(300deg)}}:root{--brand: #2f6cf6;--brand-600: #2b5fe0;--brand-700: #244fbd;--bg: #ffffff;--bg-alt: #f6f7fb;--text: #1f2937;--muted: #6b7280;--bubble-user: #2f6cf6;--bubble-assistant: #f0f2f7;--border: #e5e7eb;--shadow: 0 10px 30px rgba(16, 24, 40, .12)}.chat-widget{width:98vw;max-width:1400px;height:98vh;background:var(--bg);border:1px solid var(--brand);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text)}.chat-header{background:var(--brand);color:#fff;display:flex;align-items:center;gap:10px;padding:10px 12px}.chat-header .title{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:6px;cursor:pointer}.icon-button:hover{background:#ffffff26}.messages{position:relative;flex:1;overflow:auto;background:var(--bg);padding:12px 12px 8px}.bot-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;color:var(--muted)}.bot-header .bot-name{font-weight:600;color:#111827}.day-sep{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 16px}.msg-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}.msg-row.left{justify-content:flex-start}.msg-row.right{justify-content:flex-end}.avatar{width:26px;height:26px;border-radius:13px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border)}.bubble{max-width:70%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.35;word-wrap:break-word;white-space:pre-wrap;border:1px solid transparent}.bubble.assistant{background:var(--bubble-assistant);color:#0b1020;border-color:#e6e9f2}.bubble.bot{background:#f5f5f5;color:#0b1020;border-color:#e0e0e0}.bubble.user{background:var(--bubble-user);color:#fff;border-color:var(--brand-600)}.footer{border-top:1px solid var(--border);padding:10px;background:#fff}.prompt-wrap{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.prompt{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 10px}.prompt textarea{width:100%;min-height:18px;max-height:160px;border:none;outline:none;resize:none;font-size:14px;line-height:1.35;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text)}.prompt textarea::placeholder{color:var(--muted)}.right-controls{display:flex;align-items:center;gap:6px}.right-controls .cbtn{width:36px;height:36px;border-radius:18px;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cbtn.send{color:#fff;background:var(--brand)}.cbtn.send:hover{background:var(--brand-700)}.cbtn.mic{color:#fff;background:var(--brand)}.cbtn.mic.listening{background:#0ea5e9}.cbtn.stop{color:#fff;background:#ef4444}.cbtn.stop:hover{background:#dc2626}.typing{display:inline-flex;gap:3px;align-items:center}.typing .dot{width:6px;height:6px;border-radius:3px;background:#9aa3b2;opacity:.4;animation:blink 1.2s infinite}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble h1,.bubble h2,.bubble h3,.bubble h4,.bubble h5,.bubble h6{margin:0 0 8px;line-height:1.25;font-weight:700}.bubble ul,.bubble ol{margin:0 0 8px 18px;padding:0}.bubble blockquote{margin:0 0 8px;padding:6px 10px;border-left:3px solid #d1d5db;background:#6b728014;border-radius:6px}.bubble code{background:#1018280f;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.bubble pre{background:#0b1020;color:#e5e7eb;border-radius:8px;padding:10px 12px;overflow:auto;margin:0 0 8px}.bubble pre code{background:transparent;padding:0;color:inherit}.md-table-wrap{overflow:auto}.bubble table{border-collapse:collapse;width:100%;margin-bottom:8px}.bubble th,.bubble td{border:1px solid #e5e7eb;padding:6px 8px;text-align:left}.bubble thead th{background:#f3f4f6}.bubble a{color:#1d4ed8;text-decoration:underline}.bubble a:hover{color:#1e40af}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}