:root{--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#6d28d9;--color-primary-light:#8b5cf61a;--color-primary-lighter:#8b5cf60d;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-dark:#c00;--color-error-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--color-accent-secondary:#6366f1;--color-accent-tertiary:#1a1f35;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#ffffff0d;--bg-sunken:#0003;--bg-overlay:#00000080;--bg-surface:#000000b3;--bg-surface-hover:#ffffff1a;--bg-caption:#000000bf;--bg-button-active:#ffffffe6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#1a202c;--text-on-surface:#ffffffe6;--text-on-surface-muted:#ffffffb3;--text-on-light:#1a1a1a;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-accent:var(--color-primary);--border-subtle-light:#ffffff4d;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--duration-instant:0s;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--transition-colors:color var(--duration-normal)var(--ease-in-out),background-color var(--duration-normal)var(--ease-in-out),border-color var(--duration-normal)var(--ease-in-out);--transition-opacity:opacity var(--duration-normal)var(--ease-in-out);--transition-transform:transform var(--duration-normal)var(--ease-in-out);--transition-all:all var(--duration-normal)var(--ease-in-out);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.light-theme{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-active:#5b21b6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#00000005;--bg-sunken:#0000000d;--bg-overlay:#0000004d;--color-gradient-start:#f0f4ff;--color-gradient-end:#fef3f8;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--text-inverse:#f8fafc;--text-on-surface:var(--text-primary);--text-on-surface-muted:#1a202cb3;--text-on-light:#1a1a1a;--border-primary:#0000001a;--border-secondary:#0000000d;--border-subtle-light:#0000004d;--bg-surface:#0000001a;--bg-surface-hover:#0000000d;--bg-caption:#ffffffe6;--bg-button-active:var(--color-primary)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:var(--border-2)solid var(--color-primary);outline-offset:var(--space-1)}
:root{--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#6d28d9;--color-primary-light:#8b5cf61a;--color-primary-lighter:#8b5cf60d;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-dark:#c00;--color-error-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--color-accent-secondary:#6366f1;--color-accent-tertiary:#1a1f35;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#ffffff0d;--bg-sunken:#0003;--bg-overlay:#00000080;--bg-surface:#000000b3;--bg-surface-hover:#ffffff1a;--bg-caption:#000000bf;--bg-button-active:#ffffffe6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#1a202c;--text-on-surface:#ffffffe6;--text-on-surface-muted:#ffffffb3;--text-on-light:#1a1a1a;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-accent:var(--color-primary);--border-subtle-light:#ffffff4d;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--duration-instant:0s;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--transition-colors:color var(--duration-normal)var(--ease-in-out),background-color var(--duration-normal)var(--ease-in-out),border-color var(--duration-normal)var(--ease-in-out);--transition-opacity:opacity var(--duration-normal)var(--ease-in-out);--transition-transform:transform var(--duration-normal)var(--ease-in-out);--transition-all:all var(--duration-normal)var(--ease-in-out);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.light-theme{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-active:#5b21b6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#00000005;--bg-sunken:#0000000d;--bg-overlay:#0000004d;--color-gradient-start:#f0f4ff;--color-gradient-end:#fef3f8;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--text-inverse:#f8fafc;--text-on-surface:var(--text-primary);--text-on-surface-muted:#1a202cb3;--text-on-light:#1a1a1a;--border-primary:#0000001a;--border-secondary:#0000000d;--border-subtle-light:#0000004d;--bg-surface:#0000001a;--bg-surface-hover:#0000000d;--bg-caption:#ffffffe6;--bg-button-active:var(--color-primary)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:var(--border-2)solid var(--color-primary);outline-offset:var(--space-1)}*{box-sizing:border-box;margin:0;padding:0}:root{background-color:var(--bg-primary)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}.voice-captions-container{background:var(--bg-caption);border:1px solid var(--border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:92%;max-width:900px;max-height:30vh;box-shadow:var(--shadow-2xl);z-index:var(--z-modal);-webkit-user-select:none;user-select:none;position:fixed;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}.voice-captions-container .voice-message-content{text-shadow:0 1px 3px #00000080;font-weight:var(--font-medium);color:#fff!important;background:0 0!important}.light-theme .voice-captions-container .voice-message-content{text-shadow:0 1px 2px #fffc;color:var(--text-primary)!important}.voice-captions-container .voice-message-content h1,.voice-captions-container .voice-message-content h2,.voice-captions-container .voice-message-content h3,.voice-captions-container .voice-message-content h4,.voice-captions-container .voice-message-content h5,.voice-captions-container .voice-message-content h6,.voice-captions-container .voice-message-content strong,.voice-captions-container .voice-message-content b,.voice-captions-container .voice-message-content a,.voice-captions-container .voice-message-content code,.light-theme .voice-captions-container .voice-message-content h1,.light-theme .voice-captions-container .voice-message-content h2,.light-theme .voice-captions-container .voice-message-content h3,.light-theme .voice-captions-container .voice-message-content h4,.light-theme .voice-captions-container .voice-message-content h5,.light-theme .voice-captions-container .voice-message-content h6,.light-theme .voice-captions-container .voice-message-content strong,.light-theme .voice-captions-container .voice-message-content b,.light-theme .voice-captions-container .voice-message-content a,.light-theme .voice-captions-container .voice-message-content code{color:inherit!important}.voice-captions-container .voice-message-content h1{border-bottom-color:var(--border-subtle-light)!important}.voice-captions-container .voice-message-content h2{border-left-color:var(--border-subtle-light)!important}.voice-captions-container .voice-message-content ul>li::marker{color:var(--text-on-surface-muted)!important}.voice-captions-container .voice-message-content ol>li::marker{color:var(--text-on-surface-muted)!important}.voice-messages{max-height:30vh;padding:var(--space-5);gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-primary-light)var(--border-primary);flex-direction:column;display:flex;overflow-y:auto}.voice-messages::-webkit-scrollbar{width:6px}.voice-messages::-webkit-scrollbar-track{background:var(--border-primary);border-radius:var(--radius-sm)}.voice-messages::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-sm)}.voice-messages::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.voice-message{animation:fadeInVoice var(--duration-slow)var(--ease-out);display:flex}.voice-message.user{justify-content:flex-end}.voice-message.assistant{justify-content:flex-start}.voice-message-content{max-width:90%;padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;letter-spacing:.01em;font-size:16px;line-height:1.6}.voice-message.user .voice-message-content{background:var(--accent-primary);color:var(--text-inverse);border-bottom-right-radius:var(--radius-sm)}.voice-message.assistant .voice-message-content{background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.voice-message-content h1,.voice-message-content h2,.voice-message-content h3,.voice-message-content h4,.voice-message-content h5,.voice-message-content h6{font-weight:var(--font-bold);line-height:var(--leading-tight)}.voice-message-content h1{font-size:var(--text-xl);margin-top:var(--space-2);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:var(--border-2)solid var(--accent-primary);color:var(--accent-primary);font-weight:var(--font-bold)}.voice-message-content h1:first-child{margin-top:0}.voice-message-content h2{font-size:var(--text-lg);margin-top:var(--space-2);margin-bottom:var(--space-1);color:var(--accent-primary);font-weight:var(--font-bold);border-left:var(--border-4)solid var(--accent-primary);padding-left:var(--space-3)}.voice-message-content h2:first-child{margin-top:0}.voice-message-content h3{font-size:var(--text-base);margin-top:var(--space-2);margin-bottom:var(--space-1)}.voice-message-content ul,.voice-message-content ol{margin:var(--space-1)0;padding-left:var(--space-6)}.voice-message-content li{margin:var(--space-1)0;line-height:var(--leading-snug);padding-left:var(--space-1)}.voice-message-content ul>li{position:relative}.voice-message-content ul>li::marker{color:var(--accent-primary);font-size:1.1em}.voice-message-content ol>li::marker{color:var(--accent-primary);font-weight:var(--font-semibold)}.voice-message-content li>p{margin:var(--space-1)0}.voice-message-content ul ul,.voice-message-content ol ul,.voice-message-content ul ol,.voice-message-content ol ol{margin:var(--space-2)0;padding-left:var(--space-5)}.voice-message-content strong,.voice-message-content b{font-weight:var(--font-semibold);color:inherit}.voice-message-content p{margin:var(--space-1)0}.voice-message-content p:first-child{margin-top:0}.voice-message-content p:last-child{margin-bottom:0}@keyframes fadeInVoice{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stop-button{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:linear-gradient(135deg,var(--color-error)0%,var(--color-error-dark)100%);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-md);z-index:var(--z-modal);border:none;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.stop-button:hover{box-shadow:var(--shadow-lg);transform:translate(-50%)scale(1.05)}.stop-button svg{width:20px;height:20px}.back-to-chat-button{top:var(--space-6);left:var(--space-6);align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:var(--text-on-surface);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);z-index:var(--z-modal);background:0 0;border:none;display:flex;position:fixed}.back-to-chat-button:hover{color:var(--text-inverse);transform:translate(-2px)}@media (max-width:768px){.voice-captions-container{width:95%;max-height:25vh;bottom:15px}.voice-messages{max-height:25vh;padding:var(--space-3);gap:var(--space-2)}.voice-message-content{max-width:92%;padding:var(--space-3)var(--space-4);font-size:15px;line-height:1.55}.stop-button{bottom:var(--space-6);padding:var(--space-3)var(--space-5);font-size:var(--text-sm)}.back-to-chat-button{top:var(--space-4);left:var(--space-4);padding:var(--space-3)var(--space-4);font-size:var(--text-sm)}}@media (max-width:480px){.voice-captions-container{width:94%;max-height:22vh;bottom:10px}.voice-messages{max-height:22vh;padding:var(--space-3);gap:var(--space-2)}.voice-message-content{max-width:94%;padding:var(--space-2)var(--space-3);font-size:14px;line-height:1.5}.stop-button{bottom:var(--space-4);padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.stop-button svg{width:16px;height:16px}.back-to-chat-button{top:var(--space-3);left:var(--space-3);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);gap:var(--space-2)}.back-to-chat-button svg{width:16px;height:16px}}.mode-toggle-switch{top:var(--space-4);right:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);gap:4px;padding:4px;display:flex;position:fixed}.mode-toggle-option{color:var(--text-on-surface-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;background:0 0;border:none;padding:8px 20px}.mode-toggle-option:hover{color:var(--text-on-surface);background:var(--bg-surface-hover)}.mode-toggle-option.active{background:var(--bg-button-active);color:var(--text-on-light)}.light-theme .voice-captions-container{border:1px solid var(--border-primary);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.light-theme .voice-message.user .voice-message-content{color:var(--text-inverse)}.light-theme .voice-message.assistant .voice-message-content{color:var(--text-primary);background:#0000000a}.light-theme .mode-toggle-switch{border:var(--border-1)solid var(--border-primary)}@media (max-width:768px){.mode-toggle-switch{top:var(--space-3);right:var(--space-3)}.mode-toggle-option{font-size:var(--text-xs);padding:6px 16px}}