:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-base:#f9fbfd;--bg-panel:#fff;--border-color:#e5e9f0;--brand-green:#2e7d32;--brand-green-light:#cdeae5;--brand-orange:#ea580c;--brand-orange-light:#fcdbc5;--brand-charcoal:#181818;--brand-gray-light:#e5e7eb;--text-primary:#1c2833;--text-secondary:#4a5568;--text-muted:#718096;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 15px #0000000a;--shadow-lg:0 10px 30px #0000000f}.dark-theme{--bg-base:#0c111d;--bg-panel:#161b26;--border-color:#272f3d;--brand-green:#4ade80;--brand-green-light:#4ade8026;--brand-orange:#fb923c;--brand-orange-light:#fb923c26;--brand-charcoal:#090d16;--brand-gray-light:#202938;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:Kanit,Inter,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.app-container-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-container{box-sizing:border-box;grid-template-columns:260px 1fr;min-height:100vh;display:grid}@media (width<=950px){.app-container{grid-template-columns:1fr}.left-sidebar{height:auto!important;position:relative!important;top:0!important}}.left-sidebar{background:var(--brand-charcoal);color:#fff;box-sizing:border-box;flex-direction:column;height:100vh;padding:20px;display:flex;position:sticky;top:0}.sidebar-top{align-items:center;gap:12px;margin-bottom:30px;display:flex}.btn-menu{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.btn-menu:hover{opacity:1}.btn-new-chat{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;flex-grow:1;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.btn-new-chat:hover{background:#ffffff0d;border-color:#ffffff4d}.sidebar-history-container{flex-grow:1;margin-bottom:20px;overflow-y:auto}.history-header-label{color:#fff6;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{text-align:left;color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:all .2s;display:flex}.history-item:hover{color:#fff;background:#ffffff0a}.history-item.active{color:#fff;background:#ffffff14;font-weight:500}.history-item .item-icon{opacity:.6;flex-shrink:0}.history-item.active .item-icon{opacity:1}.item-title{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.item-action-dots{opacity:.5;flex-shrink:0}.item-action-dots:hover{opacity:1}.sidebar-bottom{border-top:1px solid #ffffff1a;flex-direction:column;gap:16px;padding-top:16px;display:flex}.btn-home{text-align:left;color:#fffc;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 4px;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s;display:flex}.btn-home:hover{color:#fff}.sidebar-footer-settings{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.sidebar-footer-settings .theme-toggle-row{justify-content:space-between;align-items:center;display:flex}.sidebar-footer-settings .theme-label{color:#fff9;font-size:12px}.switch-wrapper{width:34px;height:18px;display:inline-block;position:relative}.switch-wrapper input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#fff3;border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:var(--brand-green)}input:checked+.switch-slider:before{transform:translate(16px)}.sidebar-trial-info{color:#ffffff80;font-family:monospace;font-size:11px}.btn-outline-login.btn-sm{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:6px;font-size:11px;transition:background .2s}.btn-outline-login.btn-sm:hover{background:#ffffff26}.main-content-area{background:var(--bg-panel);box-shadow:var(--shadow-lg);box-sizing:border-box;flex-grow:1;grid-template-columns:320px 1fr;display:grid;overflow:hidden}@media (width<=1150px){.main-content-area{grid-template-columns:1fr}}.avatar-panel{border-right:1px solid var(--border-color);box-sizing:border-box;background:linear-gradient(#f3f6f9 0%,#edf1f5 100%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:24px;display:flex;position:relative}.dark-theme .avatar-panel{background:linear-gradient(#131924 0%,#0c1017 100%)}.version-pill-badge{border:1.5px solid var(--border-color);color:var(--text-muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:500;position:absolute;top:24px;left:24px}.dark-theme .version-pill-badge{background:#1b2330}.avatar-stage-container{z-index:2;flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.circular-avatar-wrapper{background:#fff;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014}.dark-theme .circular-avatar-wrapper{background:#1b2330;border-color:#1b2330;box-shadow:0 8px 30px #0000004d}.circular-avatar-wrapper .talking-avatar-wrapper{width:100%!important;max-width:none!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important}.avatar-status-title{color:var(--text-primary);margin-top:4px;font-size:16px;font-weight:600}.avatar-actions-row{gap:16px;margin-top:8px;display:flex}.btn-avatar-control{cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-avatar-control:active{transform:scale(.95)}.mic-control{color:#fff;background:#1c2833}.mic-control:hover{background:#2b3a4a}.mic-control.muted{color:#ffffff80;background:#1c2833}.speaker-control{color:#1c2833;background:#e7ebf4}.speaker-control:hover{background:#dae1ee}.speaker-control.muted{color:#1c283359;background:#e7ebf4}.dark-theme .speaker-control{color:#f8fafc;background:#202b3c}.dark-theme .speaker-control:hover{background:#2c3a50}.character-select-pill{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;gap:4px;margin-top:12px;padding:4px;display:flex}.dark-theme .character-select-pill{background:#161b26}.char-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.char-toggle-btn.active{background:var(--brand-green);color:#fff}.brand-leaf-decoration{pointer-events:none;z-index:1;width:160px;height:160px;position:absolute;bottom:-30px;left:-30px}.leaf-shape{transform-origin:50%;border-radius:50% 0 50% 50%;position:absolute}.green-leaf{background:var(--brand-green);opacity:.85;width:100px;height:100px;bottom:30px;left:30px;transform:rotate(35deg)}.orange-leaf{background:var(--brand-orange);opacity:.85;width:100px;height:100px;bottom:40px;left:40px;transform:rotate(-15deg)}.circle-white{opacity:.95;background:#fff;border-radius:50%;width:80px;height:80px;bottom:-10px;left:-10px;box-shadow:0 4px 12px #00000008}.dark-theme .circle-white{background:#0c111d}.chat-panel{box-sizing:border-box;background:linear-gradient(135deg,#fffef2 0%,#fff 100%);flex-direction:column;height:100vh;display:flex;position:relative}.dark-theme .chat-panel{background:linear-gradient(135deg,#0e131b 0%,#090c12 100%)}.welcome-hero-content{margin-bottom:36px}.welcome-title{color:var(--text-primary);letter-spacing:-1.5px;margin:0 0 12px;font-size:56px;font-weight:800}.welcome-subtitle{color:var(--text-secondary);margin:0;font-size:20px;font-weight:500;line-height:1.4}.welcome-suggestions-grid{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.suggestion-pill-card{text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);box-sizing:border-box;border:none;border-radius:99px;width:100%;max-width:520px;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.suggestion-pill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggestion-pill-card:active{transform:scale(.985)}.pill-green{background:var(--brand-green-light);color:#1b5e20}.pill-green:hover{background:#b5e1d9}.pill-orange{background:var(--brand-orange-light);color:#b25015}.pill-orange:hover{background:#fbcbb0}.pill-gray{background:var(--brand-gray-light);color:#374151}.pill-gray:hover{background:#d1d5db}.handover-demo-section{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:24px;display:flex}.demo-label{color:var(--text-secondary);font-size:13px;font-weight:600}.demo-pills-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:520px;display:flex}.demo-pill-btn{border:1.5px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.demo-pill-btn.api-theme{color:#1d4ed8;border-color:#3b82f6}.demo-pill-btn.api-theme:hover{background:#eff6ff;transform:translateY(-1px)}.demo-pill-btn.embed-theme{color:#c2410c;border-color:#f97316}.demo-pill-btn.embed-theme:hover{background:#fff7ed;transform:translateY(-1px)}.demo-pill-btn.link-theme{color:#047857;border-color:#10b981}.demo-pill-btn.link-theme:hover{background:#ecfdf5;transform:translateY(-1px)}.demo-pill-btn:active{transform:scale(.96)}.chat-active-feed-container{flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}.chat-messages-scroll-area{scroll-behavior:smooth;flex-direction:column;flex-grow:1;gap:20px;padding:30px 40px;display:flex;overflow-y:auto}.chat-bubble-row{gap:12px;max-width:80%;display:flex}.chat-bubble-row.bot{align-self:flex-start}.chat-bubble-row.user{flex-direction:row-reverse;align-self:flex-end}.bot-logo-badge{border:1px solid var(--border-color);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.badge-logo-text{color:#2e7d32;font-family:Kanit,sans-serif;font-size:10px;font-weight:800}.badge-logo-svg{width:80%;height:80%}.bubble-wrapper{flex-direction:column;gap:4px;display:flex}.bubble-body{box-shadow:var(--shadow-sm);border-radius:16px;padding:12px 18px;font-size:14px;line-height:1.55}.chat-bubble-row.bot .bubble-body{color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-top-left-radius:2px}.dark-theme .chat-bubble-row.bot .bubble-body{background:#1b2330;border-color:#273041}.chat-bubble-row.user .bubble-body{color:#fff;background:#669c96;border-top-right-radius:2px;box-shadow:0 4px 12px #669c9633}.bubble-body p{word-break:break-word;margin:0}.mockup-rich-media{border-left:4px solid var(--brand-green);background:#f0fdf4;border-radius:4px;margin-top:10px;padding:8px 12px}.mockup-rich-media.orange-theme{border-left-color:var(--brand-orange);background:#fff7ed}.dark-theme .mockup-rich-media{background:#4ade800d}.dark-theme .mockup-rich-media.orange-theme{background:#fb923c0d}.media-title{color:var(--text-primary);margin-bottom:2px;font-size:12.5px;font-weight:600}.media-desc{color:var(--text-secondary);font-size:11.5px}.bubble-time{color:var(--text-muted);margin:0 4px;font-size:10px}.chat-bubble-row.user .bubble-time{text-align:right}.btn-floating-scroll-down{color:#fff;cursor:pointer;z-index:10;background:#00897b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 10px #00000026}.btn-floating-scroll-down:hover{background:#00796b;transform:translateY(-2px)}.bottom-suggestion-pills-row{box-sizing:border-box;align-items:center;gap:8px;padding:10px 40px 0;display:flex}.pills-scroll-container{flex-grow:1;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.pills-scroll-container::-webkit-scrollbar{display:none}.suggest-pill{white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:transform .2s}.suggest-pill:hover{transform:translateY(-1px)}.green-pill{background:var(--brand-green-light);color:#1b5e20}.orange-pill{background:var(--brand-orange-light);color:#b25015}.gray-pill{background:var(--brand-gray-light);color:#374151}.pill-scroll-right-btn{border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-sm);color:var(--text-secondary);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.dark-theme .pill-scroll-right-btn{background:#1b2330}.chat-input-wrapper{box-sizing:border-box;padding:16px 40px 30px}.input-pill-container{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;align-items:center;padding:6px 6px 6px 20px;transition:border-color .2s;display:flex}.dark-theme .input-pill-container{background:#161b26}.input-pill-container:focus-within{border-color:var(--brand-green)}.chat-text-input{color:var(--text-primary);background:0 0;border:none;flex-grow:1;padding:8px 0;font-family:inherit;font-size:14px}.chat-text-input:focus{outline:none}.btn-embedded-send{color:#fff;cursor:pointer;background:#669c96;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-embedded-send:hover:not(:disabled){background:#5c8c87;transform:scale(1.02)}.btn-embedded-send:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed}.dev-controls-drawer{background:var(--bg-panel);border-top:1px solid var(--border-color);margin-top:auto}.dev-drawer-summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000005;padding:12px 24px;font-size:12.5px;font-weight:600;transition:background .2s}.dark-theme .dev-drawer-summary{background:#ffffff05}.dev-drawer-summary:hover{background:#0000000a}.dev-drawer-content{flex-direction:column;gap:16px;max-height:400px;padding:20px 24px;display:flex;overflow-y:auto}.monitor-stats-compact{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;padding:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:12px;display:grid}.amplitude-bar-wrapper{background:var(--border-color);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.amplitude-bar-fill{background:var(--brand-green);height:100%}.visualizer-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:4px;height:40px}.dark-theme .visualizer-wrapper{background:#090d16}.visualizer-canvas{width:100%;height:100%}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.preset-btn{background:var(--bg-base);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:11.5px}.preset-btn:hover{background:var(--border-color)}.preset-label{color:var(--brand-green);font-size:9px;font-weight:700;display:block}.preset-text{color:var(--text-primary)}.voice-mode-selector{flex-wrap:wrap;gap:8px;display:flex}.radio-card{background:var(--bg-base);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px}.radio-card.active{border-color:var(--brand-green);background:var(--brand-green-light);color:#1b5e20}.radio-card input{display:none}.upload-container{background:var(--bg-base);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.upload-box{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:6px;padding:14px}.transcript-input-group textarea{box-sizing:border-box;border:1px solid var(--border-color);border-radius:6px;width:100%;padding:8px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border-color);width:90%;max-width:400px;box-shadow:var(--shadow-lg);box-sizing:border-box;border-radius:16px;padding:32px}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{width:36px;height:36px;color:var(--brand-green);margin-bottom:8px}.modal-header h2{margin:0;font-size:19px;font-weight:700}.modal-header p{color:var(--text-secondary);font-size:12.5px}.modal-alert-banner{color:var(--brand-orange);background:#ea580c14;border:1px solid #ea580c33;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:10px 12px;font-size:11.5px;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.form-group input{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:13.5px}.modal-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-full{width:100%}.btn-secondary{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--text-muted)}.transition-card-row{justify-content:flex-start;width:100%;margin:16px 0;animation:.3s ease-out fadeIn;display:flex}.transition-card{background:var(--bg-panel);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-md);box-sizing:border-box;border-left:4px solid #06c755;border-radius:12px;padding:20px;transition:box-shadow .3s,transform .2s}.transition-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.transition-card .card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.transition-card .line-icon-wrapper{color:#fff;letter-spacing:.5px;background:#06c755;border-radius:99px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.transition-card .card-title{color:var(--text-primary);font-size:15px;font-weight:500}.transition-card .card-title strong{color:#06c755;font-weight:700}.transition-card .card-body{flex-direction:column;gap:16px;display:flex}.transition-card .card-intro{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.5}.transition-card .card-intro strong{color:var(--text-primary)}.transition-card .context-transfer-box{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;padding:14px}.transition-card .box-title{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:11.5px;font-weight:600;display:block}.transition-card .context-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.transition-card .context-item:last-child{border-bottom:none;padding-bottom:0}.transition-card .context-item:first-of-type{padding-top:0}.transition-card .item-label{color:var(--text-secondary)}.transition-card .item-value{color:var(--text-primary);font-weight:600}.transition-card .pdpa-checkbox-label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;display:flex}.transition-card .pdpa-checkbox-label input[type=checkbox]{accent-color:#06c755;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}.transition-card .checkbox-span{transition:color .2s}.transition-card .pdpa-checkbox-label:hover .checkbox-span{color:var(--text-primary)}.transition-card .btn-open-line-oa{color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);background:#06c755;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.transition-card .btn-open-line-oa:hover:not(:disabled){background:#05b04b;transform:translateY(-1px);box-shadow:0 4px 12px #06c75559}.transition-card .btn-open-line-oa:active:not(:disabled){transform:translateY(0)scale(.98)}.transition-card .btn-open-line-oa:disabled{background:var(--brand-gray-light);color:var(--text-muted);opacity:.6;cursor:not-allowed;box-shadow:none}.dark-theme .transition-card .btn-open-line-oa:disabled{color:#64748b;background:#1e293b}.transition-card .card-footer-tip{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.4}.chat-partner-context-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;animation:.25s ease-out fadeIn;display:flex}.context-info{color:var(--text-secondary);align-items:center;gap:10px;font-size:13.5px;display:flex}.context-info strong{color:var(--text-primary)}.context-pulse{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite livePulse;display:inline-block}@keyframes livePulse{0%{transform:scale(.9);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.9);box-shadow:0 0 #ef444400}}.btn-exit-partner{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-exit-partner:hover{background:var(--bg-base);color:var(--brand-orange);border-color:var(--brand-orange);transform:translate(-2px)}.chat-bubble-row.bot.partner-api-bubble .bubble-body{background:var(--bg-panel);border-left:3px solid var(--brand-orange)!important}.partner-logo-badge{border:1px solid var(--border-color);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.dark-theme .partner-logo-badge{background:#1b2330;border-color:#273041}.partner-logo-badge .badge-logo-text{color:var(--brand-orange);font-family:Kanit,sans-serif;font-size:10px;font-weight:800}.partner-bubble-header{border-bottom:1px dashed var(--border-color);margin-bottom:8px;padding-bottom:6px}.partner-name-tag{color:var(--brand-orange);font-size:12px;font-weight:700}.partner-inline-actions{border-top:1px dashed var(--border-color);justify-content:flex-start;margin-top:10px;padding-top:8px;display:flex}.btn-exit-partner-inline{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.btn-exit-partner-inline:hover{background:var(--bg-base);color:var(--brand-orange);border-color:var(--brand-orange)}.btn-exit-partner-inline:active{transform:scale(.97)}.glass-footer{border-top:1px solid var(--border-color);text-align:center;background:var(--bg-base);padding:14px}.glass-footer p{color:var(--text-muted);margin:0;font-size:11px}.glass-footer code{background:var(--bg-panel)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message-citations-container{flex-wrap:wrap;gap:6px;margin-top:8px;padding:0 4px;display:flex}.citation-link-pill{background:var(--brand-green-light);color:#1b5e20;box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.citation-link-pill:hover{opacity:.85}.dark-theme .citation-link-pill{color:var(--brand-green);background:#4ade8026}.message-meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:0 4px;display:flex}.message-actions-toolbar{opacity:0;align-items:center;gap:8px;transition:opacity .2s;display:flex}.chat-bubble-row:hover .message-actions-toolbar{opacity:1}.msg-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.msg-action-btn:hover{color:var(--text-primary);background:#0000000a}.dark-theme .msg-action-btn:hover{background:#ffffff0a}.msg-action-btn.active-like{color:var(--brand-green)!important}.msg-action-btn.active-like svg{fill:var(--brand-green)}.msg-action-btn.active-dislike{color:var(--brand-orange)!important}.msg-action-btn.active-dislike svg{fill:var(--brand-orange)}.floating-toast{color:#fff;box-shadow:var(--shadow-lg);z-index:1000;pointer-events:none;background:#1c2833;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.dark-theme .floating-toast{color:#0c111d;background:#fff}.history-item-wrapper{box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;padding:2px;transition:all .2s;display:flex;position:relative}.history-item-wrapper:hover{background:#ffffff08}.history-item-wrapper.active{background:#ffffff12}.item-main-btn{text-align:left;color:#ffffffa6;cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-grow:1;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:13.5px;display:flex;overflow:hidden}.item-main-btn:disabled{cursor:default}.history-item-wrapper.active .item-main-btn{color:#fff;font-weight:500}.thread-rename-input{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;width:100%;padding:2px 6px;font-family:inherit;font-size:13px}.thread-rename-input:focus{border-color:var(--brand-green);outline:none}.dropdown-menu-container{z-index:10;align-items:center;margin-right:4px;display:flex;position:relative}.btn-dots-trigger{color:#ffffff80;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 4px;transition:opacity .2s,color .2s,background .2s;display:flex}.btn-dots-trigger:hover{color:#fff;background:#ffffff0d}.history-item-wrapper.active .btn-dots-trigger,.history-item-wrapper:hover .btn-dots-trigger,.dropdown-menu-container.menu-open .btn-dots-trigger{opacity:1;pointer-events:auto}.thread-context-dropdown{border:1.5px solid var(--border-color);z-index:100;background:#fff;border-radius:8px;flex-direction:column;width:120px;margin-top:4px;padding:4px 0;animation:.15s cubic-bezier(.16,1,.3,1) forwards scaleUp;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 15px #00000026}.dark-theme .thread-context-dropdown{background:#1b2330;border-color:#2c3a50;box-shadow:0 4px 15px #0006}.dropdown-action-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:13px;transition:background .2s}.dropdown-action-item:hover{background:#0000000a}.dark-theme .dropdown-action-item:hover{background:#ffffff0a}.dropdown-action-item.delete-action{color:#ef4444;border-top:1px solid var(--border-color)}.dark-theme .dropdown-action-item.delete-action{border-top-color:#2c3a50}.dropdown-action-item.delete-action:hover{background:#ef444414}.dropdown-menu-backdrop{z-index:90;cursor:default;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}.login-options-container{flex-direction:column;gap:12px;margin:20px 0;display:flex}.btn-login-option{cursor:pointer;color:#fff;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,filter .2s,box-shadow .2s;display:flex}.btn-login-option:active{transform:scale(.98)}.btn-sso-thaihealth{background:linear-gradient(135deg, var(--brand-green) 0%, #1b5e20 100%)}.btn-sso-thaihealth:hover{filter:brightness(1.1);box-shadow:0 4px 12px #2e7d324d}.btn-line-login{background:#06c755}.btn-line-login:hover{filter:brightness(1.05);box-shadow:0 4px 12px #06c7554d}.btn-login-option .btn-icon{flex-shrink:0}.chat-welcome-state-container{box-sizing:border-box;text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;max-width:720px;margin:0 auto;padding:60px 24px;display:flex}.welcome-suggestions-grid{box-sizing:border-box;flex-flow:wrap;justify-content:center;gap:12px;width:100%;margin-top:24px;display:flex}.suggestion-pill-card{border:1.5px solid var(--border-color);background:var(--bg-card);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);color:var(--text-main);box-sizing:border-box;border-radius:99px;justify-content:center;align-items:center;width:auto;max-width:none;min-height:auto;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.pill-green{background:var(--bg-card);border:1.5px solid var(--brand-green);color:var(--brand-green)}.pill-green:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1.5px)}.pill-orange{background:var(--bg-card);border:1.5px solid var(--brand-orange);color:var(--brand-orange)}.pill-orange:hover{box-shadow:var(--shadow-md);background:#fdf5ea;transform:translateY(-1.5px)}.pill-gray{background:var(--bg-card);color:#3b82f6;border:1.5px solid #3b82f6}.pill-gray:hover{box-shadow:var(--shadow-md);background:#eff6ff;transform:translateY(-1.5px)}.main-content-area.has-embed{grid-template-columns:320px 1fr!important}.partner-embed-panel{background:var(--bg-card);box-sizing:border-box;flex-direction:column;width:100%;height:100%;animation:.25s ease-out fadeIn;display:flex;overflow:hidden!important}.btn-close-embed-large{background:var(--brand-orange);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s}.btn-close-embed-large:hover{box-shadow:var(--shadow-md);background:#c2410c;transform:translate(-2px)}.btn-close-embed-large:active{transform:scale(.96)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.embed-panel-header{background:var(--bg-panel);border-bottom:1px solid var(--border-color);color:var(--text-main);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.embed-panel-header .panel-title{font-size:14px;font-weight:600}.btn-close-embed{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;transition:all .2s}.btn-close-embed:hover{color:var(--text-main);background:#0000000d}.embed-iframe-wrapper{background:#f8fafc;flex-grow:1;height:0;min-height:0;overflow:hidden}.partner-iframe{border:none;width:100%;height:100%}@media (width>=951px){html,body,#root,.app-container-wrapper,.app-container,.main-content-area{height:100vh!important;overflow:hidden!important}.left-sidebar,.avatar-panel{height:100vh!important}.partner-embed-panel{height:100vh!important;overflow:hidden!important}}.trial-blocker-container{box-sizing:border-box;width:100%;padding:16px 40px 24px}.trial-blocker-card{background:var(--bg-panel);border:1.5px solid var(--brand-orange-light);box-shadow:var(--shadow-md);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;animation:.3s ease-out fadeIn;display:flex}.trial-lock-badge{background:var(--brand-orange-light);width:42px;height:42px;color:var(--brand-orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trial-lock-icon{display:block}.trial-blocker-info{text-align:left;flex-grow:1}.trial-blocker-title{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 4px;font-size:14.5px;font-weight:700}.trial-blocker-subtitle{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.45}.btn-trial-login{background:var(--brand-orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ea580c33}.btn-trial-login:hover{background:#c2410c;transform:translateY(-1px);box-shadow:0 4px 16px #ea580c59}.btn-trial-login:active{transform:translateY(0)scale(.97)}.dark-theme .trial-blocker-card{background:#fb923c0d;border-color:#fb923c40;box-shadow:0 4px 20px #00000040}.dark-theme .trial-lock-badge{color:#fb923c;background:#fb923c26}@media (width<=768px){.trial-blocker-container{padding:16px 20px}.trial-blocker-card{text-align:center;flex-direction:column;align-items:center;padding:20px}.trial-blocker-info{text-align:center}.btn-trial-login{width:100%}}
