:root{--mcw-primary: #2563eb;--mcw-primary-hover: #1d4ed8;--mcw-primary-light: #eff6ff;--mcw-danger: #ef4444;--mcw-danger-hover: #dc2626;--mcw-surface: #ffffff;--mcw-surface-2: #f8fafc;--mcw-border: #e2e8f0;--mcw-text: #1e293b;--mcw-text-muted: #64748b;--mcw-radius: 12px;--mcw-shadow: 0 4px 24px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .08);--mcw-font: system-ui, sans-serif;--mcw-launcher-size: 56px;--mcw-panel-width: 320px;--mcw-panel-height: 480px;--mcw-z: 9999}.mcw-root{font-family:var(--mcw-font);font-size:14px;line-height:1.5;color:var(--mcw-text);box-sizing:border-box}.mcw-root *,.mcw-root *:before,.mcw-root *:after{box-sizing:inherit}.mcw-launcher{position:fixed;bottom:24px;right:24px;z-index:var(--mcw-z);width:var(--mcw-launcher-size);height:var(--mcw-launcher-size);border-radius:50%;background:var(--mcw-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2563eb66;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;outline:none}.mcw-launcher:hover{background:var(--mcw-primary-hover);transform:scale(1.06);box-shadow:0 6px 20px #2563eb80}.mcw-launcher:active{transform:scale(.97)}.mcw-launcher:focus-visible{outline:3px solid var(--mcw-primary);outline-offset:3px}.mcw-launcher--left{right:auto;left:24px}.mcw-launcher--pulse{animation:mcw-pulse 1.5s ease-in-out infinite}@keyframes mcw-pulse{0%,to{box-shadow:0 4px 16px #2563eb66}50%{box-shadow:0 4px 32px #2563ebb3,0 0 0 8px #2563eb26}}.mcw-panel{position:fixed;bottom:calc(24px + var(--mcw-launcher-size) + 12px);right:24px;z-index:var(--mcw-z);width:var(--mcw-panel-width);height:var(--mcw-panel-height);background:var(--mcw-surface);border-radius:var(--mcw-radius);box-shadow:var(--mcw-shadow);border:1px solid var(--mcw-border);display:flex;flex-direction:column;overflow:hidden;animation:mcw-slide-up .25s ease;transform-origin:bottom right}@keyframes mcw-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mcw-root:has(.mcw-launcher--left) .mcw-panel{right:auto;left:24px;transform-origin:bottom left}.mcw-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--mcw-primary);color:#fff;flex-shrink:0}.mcw-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.mcw-brand-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 2px #4ade804d;animation:mcw-dot-blink 2s ease-in-out infinite}@keyframes mcw-dot-blink{0%,to{opacity:1}50%{opacity:.5}}.mcw-brand-name{letter-spacing:.01em}.mcw-header-actions{display:flex;gap:6px}.mcw-icon-btn{width:28px;height:28px;border-radius:6px;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.mcw-icon-btn:hover:not(:disabled){background:#ffffff52}.mcw-icon-btn:disabled{opacity:.4;cursor:not-allowed}.mcw-icon-btn--danger:hover:not(:disabled){background:var(--mcw-danger)}.mcw-panel-body{flex-shrink:0;padding:16px;display:flex;align-items:center;justify-content:center;background:var(--mcw-surface-2);border-bottom:1px solid var(--mcw-border);min-height:100px}.mcw-visualizer{display:block;max-width:100%;height:80px}.mcw-connecting{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mcw-text-muted);font-size:13px}.mcw-spinner{width:28px;height:28px;border:3px solid var(--mcw-border);border-top-color:var(--mcw-primary);border-radius:50%;animation:mcw-spin .8s linear infinite}@keyframes mcw-spin{to{transform:rotate(360deg)}}.mcw-transcript{flex:1;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.mcw-transcript::-webkit-scrollbar{width:4px}.mcw-transcript::-webkit-scrollbar-track{background:transparent}.mcw-transcript::-webkit-scrollbar-thumb{background:var(--mcw-border);border-radius:2px}.mcw-transcript--empty{align-items:center;justify-content:center;color:var(--mcw-text-muted);font-size:13px;text-align:center;padding:16px}.mcw-message{display:flex;flex-direction:column;max-width:85%}.mcw-message--user{align-self:flex-end;align-items:flex-end}.mcw-message--agent{align-self:flex-start;align-items:flex-start}.mcw-bubble{padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word}.mcw-bubble-user{background:var(--mcw-primary);color:#fff;border-bottom-right-radius:4px}.mcw-bubble-agent{background:var(--mcw-surface-2);color:var(--mcw-text);border:1px solid var(--mcw-border);border-bottom-left-radius:4px}.mcw-timestamp{font-size:10px;color:var(--mcw-text-muted);margin-top:2px;padding:0 4px}.mcw-panel-footer{flex-shrink:0;padding:10px 16px;border-top:1px solid var(--mcw-border);display:flex;align-items:center;gap:12px;background:var(--mcw-surface)}.mcw-mic-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease;flex-shrink:0}.mcw-mic-btn:focus-visible{outline:2px solid var(--mcw-primary);outline-offset:2px}.mcw-mic-btn:active{transform:scale(.93)}.mcw-mic-btn--active{background:#dcfce7;color:#16a34a}.mcw-mic-btn--active:hover:not(:disabled){background:#bbf7d0}.mcw-mic-btn--muted{background:#fee2e2;color:var(--mcw-danger)}.mcw-mic-btn--muted:hover:not(:disabled){background:#fecaca}.mcw-mic-btn:disabled{opacity:.4;cursor:not-allowed}.mcw-status-text{font-size:12px;color:var(--mcw-text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.mcw-panel{width:calc(100vw - 24px);right:12px;bottom:calc(12px + var(--mcw-launcher-size) + 12px)}.mcw-launcher{right:12px;bottom:12px}.mcw-launcher--left{left:12px;right:auto}}