:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}:root{--bg: #0f172a;--text: #e2e8f0;--bot-bg: #1e293b;--bot-border: #334155;--user-bg: #3b82f6;--highlight-bg: #0f293f;--highlight-border: #60a5fa;--accent: #60a5fa;--input-bg: #1e293b}html,body,#app,.chat-app{margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;overflow:hidden!important;background:var(--bg)!important;box-sizing:border-box!important}.chat-app{display:flex;flex-direction:column}.header{background:linear-gradient(90deg,#1e40af,#3b82f6);color:#fff;padding:14px 16px;text-align:center;font-size:1.35rem;font-weight:600;border-bottom:1px solid #334155;flex-shrink:0}.messages-container{flex:1 1 auto;width:100vw!important;overflow:hidden;display:flex;flex-direction:column}.messages{flex:1 1 auto;overflow-y:auto;padding:16px 8px;width:100vw!important;display:flex;flex-direction:column;gap:16px}.message{width:100vw!important;display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.bubble{max-width:calc(100vw - 20px)!important;width:fit-content;padding:13px 20px;border-radius:18px;line-height:1.5;font-size:1.05rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.message.user .bubble{background:var(--user-bg);color:#fff;border-bottom-right-radius:6px;margin-right:10px}.message.bot .bubble{background:var(--bot-bg);border:1px solid var(--bot-border);border-bottom-left-radius:6px;margin-left:10px}.product-summary .bubble{background:var(--highlight-bg);border-left:5px solid var(--highlight-border);padding-left:24px;border-radius:12px;margin-left:10px;max-width:calc(100vw - 20px)!important}.message-content a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.message-content a:hover{color:#60a5fa}.message-content strong{font-weight:600;color:#e2e8f0}.message-content em{font-style:italic}.message-content ul,.message-content ol{margin:10px 0 10px 28px;padding-left:0}.message-content li{margin:5px 0}.typing{background:var(--bot-bg);color:#94a3b8;width:fit-content;padding:10px 17px;border-radius:18px;font-style:italic;border:1px solid var(--bot-border)}.input-wrapper{padding:16px 10px;background:var(--bg);border-top:1px solid #334155;flex-shrink:0;width:100vw!important}.input-container{display:flex;gap:10px;background:var(--input-bg);border:1px solid #334155;border-radius:9999px;padding:6px 10px;width:100%!important}.input-container input{flex:1;background:transparent;border:none;color:var(--text);font-size:1.05rem;padding:12px 16px;outline:none}.input-container input::placeholder{color:#64748b}.input-container button{background:var(--accent);color:#fff;border:none;border-radius:9999px;padding:0 28px;font-weight:500;cursor:pointer;transition:all .15s}.input-container button:hover:not(:disabled){background:#3b82f6}.input-container button:disabled{background:#475569;cursor:not-allowed}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#64748b}