@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";.header[data-v-3ef7540f]{padding:16px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:var(--card);position:relative;z-index:50}.header-logo[data-v-3ef7540f]{width:36px;height:36px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}.header-title[data-v-3ef7540f]{font-size:18px;font-weight:700;color:var(--text)}.header-subtitle[data-v-3ef7540f]{font-size:12px;color:var(--text-light);font-weight:600}.header-status[data-v-3ef7540f]{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light);font-weight:600}.status-dot[data-v-3ef7540f]{width:8px;height:8px;border-radius:50%;background:#f87171}.status-dot.connected[data-v-3ef7540f]{background:#4ade80;animation:pulse-dot-3ef7540f 2s ease-in-out infinite}@keyframes pulse-dot-3ef7540f{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.settings-toggle[data-v-3ef7540f]{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-light);margin-left:12px}.settings-toggle[data-v-3ef7540f]:hover{border-color:var(--accent);color:var(--accent)}.character-wrapper[data-v-f357fdfd]{position:absolute;width:420px;height:320px;cursor:pointer;z-index:150;transition:none;transform:scale(.55);transform-origin:center center}.character-canvas[data-v-f357fdfd]{width:100%;height:100%;display:block}.thinking-bubble[data-v-f357fdfd]{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-60px) scale(1.818);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:8px 16px;font-size:13px;color:var(--text-light);font-weight:600;opacity:0;transition:all .3s ease;white-space:normal;max-width:260px;word-break:break-word;box-shadow:var(--shadow);z-index:160;pointer-events:none}.thinking-bubble.visible[data-v-f357fdfd]{opacity:1;transform:translate(-50%) translateY(-50px) scale(1.818)}.thinking-bubble[data-v-f357fdfd]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}@media (max-width: 900px){.character-wrapper[data-v-f357fdfd]{width:280px;height:210px}}@media (max-width: 600px){.character-wrapper[data-v-f357fdfd]{width:210px;height:160px}}.chat-wrapper[data-v-28904d71]{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-area[data-v-28904d71]{flex:1;overflow-y:auto;padding:20px 20px 10px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-area[data-v-28904d71]::-webkit-scrollbar{width:4px}.chat-area[data-v-28904d71]::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.welcome[data-v-28904d71]{text-align:center;padding:30px 20px;color:var(--text-light);font-size:14px;line-height:1.6}.welcome-emoji[data-v-28904d71]{font-size:32px;margin-bottom:12px}.message[data-v-28904d71]{display:flex;gap:10px;max-width:85%;animation:msg-in .3s ease-out}.message.user[data-v-28904d71]{align-self:flex-end;flex-direction:row-reverse}.message.agent[data-v-28904d71]{align-self:flex-start}.msg-avatar[data-v-28904d71]{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.message.user .msg-avatar[data-v-28904d71]{background:var(--accent);color:#fff;font-weight:700}.message.agent .msg-avatar[data-v-28904d71]{background:var(--bubble-agent);border:1px solid var(--border)}.msg-bubble[data-v-28904d71]{padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.6;word-break:break-word}.message.user .msg-bubble[data-v-28904d71]{background:var(--bubble-user);color:#fff;border-bottom-right-radius:6px}.message.agent .msg-bubble[data-v-28904d71]{background:var(--bubble-agent);color:var(--text);border-bottom-left-radius:6px}.typing-indicator[data-v-28904d71]{display:flex;gap:4px}.typing-indicator span[data-v-28904d71]{width:6px;height:6px;border-radius:50%;background:var(--text-light);animation:typing-bounce-28904d71 1.2s ease-in-out infinite}.typing-indicator span[data-v-28904d71]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-28904d71]:nth-child(3){animation-delay:.4s}@keyframes typing-bounce-28904d71{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.input-area[data-v-28904d71]{padding:16px 20px 20px;border-top:1px solid var(--border);background:var(--card)}.input-wrapper[data-v-28904d71]{display:flex;gap:10px;align-items:flex-end}.input-box[data-v-28904d71]{flex:1;border:2px solid var(--border);border-radius:16px;padding:12px 18px;font-size:14px;font-family:Nunito,sans-serif;color:var(--text);background:var(--bg);resize:none;outline:none;transition:border-color .2s;max-height:120px;line-height:1.5}.input-box[data-v-28904d71]:focus{border-color:var(--accent)}.input-box[data-v-28904d71]::placeholder{color:var(--text-light)}.send-btn[data-v-28904d71]{width:44px;height:44px;border-radius:14px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn[data-v-28904d71]:hover:not(:disabled){transform:scale(1.05);background:#d4623b}.send-btn[data-v-28904d71]:active:not(:disabled){transform:scale(.95)}.send-btn[data-v-28904d71]:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 600px){.chat-area[data-v-28904d71]{padding:15px 16px 10px}.input-area[data-v-28904d71]{padding:12px 16px 16px}.message[data-v-28904d71]{max-width:90%}}.main[data-v-54e666de]{flex:1;display:flex;overflow:hidden;position:relative;background:transparent}.top-response-bar[data-v-54e666de]{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:200;max-width:600px;width:auto;pointer-events:none}.top-response-content[data-v-54e666de]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 22px;font-size:15px;color:var(--text);line-height:1.7;word-break:break-word;box-shadow:var(--shadow);animation:top-bar-in-54e666de .4s ease-out}@keyframes top-bar-in-54e666de{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.character-layer[data-v-54e666de]{position:fixed;top:60px;left:0;width:calc(100% - 480px);height:calc(100% - 60px);z-index:150;pointer-events:auto}.left-panel[data-v-54e666de]{flex:1;min-width:0;background:transparent}.right-panel[data-v-54e666de]{width:480px;min-width:0;display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--border);transition:transform .3s ease,width .3s ease;position:relative;z-index:10}.right-panel.collapsed[data-v-54e666de]{transform:translate(calc(100% - 60px));width:60px}.toggle-btn[data-v-54e666de]{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light);z-index:10;transition:all .2s;box-shadow:var(--shadow)}.toggle-btn[data-v-54e666de]:hover{border-color:var(--accent);color:var(--accent)}.chat-content[data-v-54e666de]{display:flex;flex-direction:column;height:100%;overflow:hidden}@media (max-width: 900px){.main[data-v-54e666de]{flex-direction:column}.character-layer[data-v-54e666de]{width:100%;height:calc(50% - 60px)}.left-panel[data-v-54e666de]{height:50%}.right-panel[data-v-54e666de]{width:100%;height:50%;border-left:none;border-top:1px solid var(--border)}.right-panel.collapsed[data-v-54e666de]{transform:translateY(calc(100% - 60px));height:60px;width:100%}.toggle-btn[data-v-54e666de]{top:10px;right:50%;transform:translate(50%)}}.settings-overlay[data-v-e6e5fe2e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s}.settings-overlay.open[data-v-e6e5fe2e]{opacity:1;pointer-events:all}.settings-panel[data-v-e6e5fe2e]{position:fixed;top:0;right:-360px;width:340px;height:100%;background:var(--card);border-left:1px solid var(--border);z-index:200;padding:24px;transition:right .3s ease;overflow-y:auto}.settings-panel.open[data-v-e6e5fe2e]{right:0}.settings-title[data-v-e6e5fe2e]{font-size:18px;font-weight:800;margin-bottom:20px;color:var(--text)}.setting-group[data-v-e6e5fe2e]{margin-bottom:20px}.setting-label[data-v-e6e5fe2e]{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.setting-input[data-v-e6e5fe2e]{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:12px;font-size:14px;font-family:Nunito,monospace;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s}.setting-input[data-v-e6e5fe2e]:focus{border-color:var(--accent)}.setting-hint[data-v-e6e5fe2e]{font-size:11px;color:var(--text-light);margin-top:4px}.settings-close[data-v-e6e5fe2e]{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:var(--bg);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:18px;transition:all .2s}.settings-close[data-v-e6e5fe2e]:hover{background:var(--border)}@media (max-width: 900px){.settings-panel[data-v-e6e5fe2e]{width:100%;right:-100%}}.app[data-v-2b92b8cd]{height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f8f6f3;--card: #ffffff;--text: #2d2a26;--text-light: #8a8580;--accent: #e8734a;--accent-soft: #fef0eb;--bubble-user: #e8734a;--bubble-agent: #f0ede8;--border: #e8e4df;--shadow: 0 2px 20px rgba(45, 42, 38, .06);--radius: 20px}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}#app{height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}