:root{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-primary-active:#333;--color-primary-light:#00000014;--color-primary-lighter:#0000000a;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-gray-950:#121212;--color-success:#22c55e;--color-success-light:#22c55e1a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-elevated:#fff;--bg-sunken:#f0f0f0;--bg-overlay:#00000080;--bg-surface:#00000008;--bg-surface-hover:#0000000f;--bg-caption:#fffffff2;--bg-button-active:#000;--user-bg:#000;--user-text:#fff;--assistant-bg:#f5f5f5;--assistant-text:#212121;--text-primary:#212121;--text-secondary:#616161;--text-tertiary:#9e9e9e;--text-muted:#bdbdbd;--text-inverse:#fff;--text-on-surface:#212121;--text-on-surface-muted:#212121b3;--text-on-light:#212121;--border-primary:#00000014;--border-secondary:#0000000a;--border-accent:var(--color-primary);--border-subtle-light:#0000001f;--border-color:#00000014;--accent-primary:#000;--accent-secondary:#424242;--color-accent-secondary:#424242;--color-accent-tertiary:#f5f5f5;--bg-gradient:#fff;--accent-gradient:#000;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--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:.125rem;--space-2:.25rem;--space-3:.5rem;--space-4:.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--space-20:4rem;--space-24:5rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #00000008;--shadow-lg:0 10px 15px #0000000d,0 4px 6px #00000008;--shadow-xl:0 20px 25px #0000000f,0 10px 10px #00000008;--shadow-2xl:0 25px 50px #0000001a;--shadow-inner:inset 0 2px 4px #0000000a;--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:.15s;--duration-slow:.2s;--duration-slower:.3s;--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-out),background-color var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out);--transition-opacity:opacity var(--duration-normal)var(--ease-out);--transition-transform:transform var(--duration-normal)var(--ease-out);--transition-all:all var(--duration-normal)var(--ease-out);--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.dark-theme{--color-primary:#fff;--color-primary-hover:#f0f0f0;--color-primary-active:#e0e0e0;--color-primary-light:#ffffff1a;--color-primary-lighter:#ffffff0d;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-elevated:#1e1e1e;--bg-sunken:#050505;--bg-overlay:#000000b3;--bg-surface:#ffffff0a;--bg-surface-hover:#ffffff14;--bg-caption:#0a0a0af2;--bg-button-active:#fff;--user-bg:#fff;--user-text:#000;--assistant-bg:#1e1e1e;--assistant-text:#f5f5f5;--bg-gradient:#0a0a0a;--accent-gradient:#fff;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#6e6e6e;--text-muted:#4a4a4a;--text-inverse:#0a0a0a;--text-on-surface:#f5f5f5;--text-on-surface-muted:#f5f5f5b3;--text-on-light:#0a0a0a;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-subtle-light:#ffffff26;--border-color:#ffffff1a;--accent-primary:#fff;--accent-secondary:#bdbdbd;--color-accent-secondary:#bdbdbd;--color-accent-tertiary:#1a1a1a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0003;--shadow-xl:0 20px 25px #00000059,0 10px 10px #0003;--shadow-2xl:0 25px 50px #00000080}.light-theme{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-primary-active:#333;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#212121;--text-secondary:#616161;--user-bg:#000;--user-text:#fff;--assistant-bg:#f5f5f5;--assistant-text:#212121;--accent-primary:#000;--bg-gradient:#fff}@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:2px}@media (prefers-contrast:high){:root{--border-primary:#0003;--border-secondary:#00000026}.dark-theme{--border-primary:#ffffff4d;--border-secondary:#fff3}}
:root{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-primary-active:#333;--color-primary-light:#00000014;--color-primary-lighter:#0000000a;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-gray-950:#121212;--color-success:#22c55e;--color-success-light:#22c55e1a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-elevated:#fff;--bg-sunken:#f0f0f0;--bg-overlay:#00000080;--bg-surface:#00000008;--bg-surface-hover:#0000000f;--bg-caption:#fffffff2;--bg-button-active:#000;--user-bg:#000;--user-text:#fff;--assistant-bg:#f5f5f5;--assistant-text:#212121;--text-primary:#212121;--text-secondary:#616161;--text-tertiary:#9e9e9e;--text-muted:#bdbdbd;--text-inverse:#fff;--text-on-surface:#212121;--text-on-surface-muted:#212121b3;--text-on-light:#212121;--border-primary:#00000014;--border-secondary:#0000000a;--border-accent:var(--color-primary);--border-subtle-light:#0000001f;--border-color:#00000014;--accent-primary:#000;--accent-secondary:#424242;--color-accent-secondary:#424242;--color-accent-tertiary:#f5f5f5;--bg-gradient:#fff;--accent-gradient:#000;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--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:.125rem;--space-2:.25rem;--space-3:.5rem;--space-4:.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--space-20:4rem;--space-24:5rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #00000008;--shadow-lg:0 10px 15px #0000000d,0 4px 6px #00000008;--shadow-xl:0 20px 25px #0000000f,0 10px 10px #00000008;--shadow-2xl:0 25px 50px #0000001a;--shadow-inner:inset 0 2px 4px #0000000a;--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:.15s;--duration-slow:.2s;--duration-slower:.3s;--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-out),background-color var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out);--transition-opacity:opacity var(--duration-normal)var(--ease-out);--transition-transform:transform var(--duration-normal)var(--ease-out);--transition-all:all var(--duration-normal)var(--ease-out);--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.dark-theme{--color-primary:#fff;--color-primary-hover:#f0f0f0;--color-primary-active:#e0e0e0;--color-primary-light:#ffffff1a;--color-primary-lighter:#ffffff0d;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-elevated:#1e1e1e;--bg-sunken:#050505;--bg-overlay:#000000b3;--bg-surface:#ffffff0a;--bg-surface-hover:#ffffff14;--bg-caption:#0a0a0af2;--bg-button-active:#fff;--user-bg:#fff;--user-text:#000;--assistant-bg:#1e1e1e;--assistant-text:#f5f5f5;--bg-gradient:#0a0a0a;--accent-gradient:#fff;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#6e6e6e;--text-muted:#4a4a4a;--text-inverse:#0a0a0a;--text-on-surface:#f5f5f5;--text-on-surface-muted:#f5f5f5b3;--text-on-light:#0a0a0a;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-subtle-light:#ffffff26;--border-color:#ffffff1a;--accent-primary:#fff;--accent-secondary:#bdbdbd;--color-accent-secondary:#bdbdbd;--color-accent-tertiary:#1a1a1a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0003;--shadow-xl:0 20px 25px #00000059,0 10px 10px #0003;--shadow-2xl:0 25px 50px #00000080}.light-theme{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-primary-active:#333;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#212121;--text-secondary:#616161;--user-bg:#000;--user-text:#fff;--assistant-bg:#f5f5f5;--assistant-text:#212121;--accent-primary:#000;--bg-gradient:#fff}@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:2px}@media (prefers-contrast:high){:root{--border-primary:#0003;--border-secondary:#00000026}.dark-theme{--border-primary:#ffffff4d;--border-secondary:#fff3}}*{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;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;overflow:hidden}.voice-mode-container{background:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.voice-mode-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.voice-mode-canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.voice-mode-widget{height:100%}.voice-captions-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:92%;max-width:720px;max-height:30vh;box-shadow:var(--shadow-lg);z-index:var(--z-modal);-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}.voice-mode-widget .voice-captions-container{width:calc(100% - 24px);max-width:none;max-height:35%;position:absolute;bottom:12px}.dark-theme .voice-captions-container{background:var(--bg-elevated)}.voice-messages{max-height:30vh;padding:var(--space-4);gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border-primary)transparent;flex-direction:column;display:flex;overflow-y:auto}.voice-messages::-webkit-scrollbar{width:4px}.voice-messages::-webkit-scrollbar-track{background:0 0}.voice-messages::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.voice-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.voice-message{animation:fadeInVoice .2s var(--ease-out);display:flex}.voice-message.user{justify-content:flex-end}.voice-message.assistant{justify-content:flex-start}@keyframes fadeInVoice{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-message-content{max-width:85%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-xl);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;line-height:1.5;font-size:var(--text-base)}.voice-message.user .voice-message-content{background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:var(--radius-sm)}.voice-message.assistant .voice-message-content{background:var(--assistant-bg);color:var(--assistant-text);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-semibold);color:inherit;line-height:1.3}.voice-message-content h1{font-size:var(--text-lg);margin-top:var(--space-2);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-primary)}.voice-message-content h1:first-child{margin-top:0}.voice-message-content h2{font-size:var(--text-base);margin-top:var(--space-2);margin-bottom:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--text-muted)}.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-5)}.voice-message-content li{margin:var(--space-1)0;line-height:1.5}.voice-message-content ul>li::marker{color:var(--text-tertiary)}.voice-message-content ol>li::marker{color:var(--text-tertiary)}.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}.stop-button{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-md);z-index:var(--z-modal);border:none;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.voice-mode-widget .stop-button{position:absolute;bottom:16px}.stop-button:hover{background:var(--color-error-dark);transform:translate(-50%)scale(1.02)}.stop-button:active{transform:translate(-50%)scale(.98)}.stop-button svg{width:16px;height:16px}.back-to-chat-button{top:var(--space-5);left:var(--space-5);align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);z-index:var(--z-modal);display:flex;position:fixed}.voice-mode-widget .back-to-chat-button{top:var(--space-3);left:var(--space-3);position:absolute}.back-to-chat-button:hover{border-color:var(--color-primary);background:var(--bg-surface)}.back-to-chat-button svg{width:16px;height:16px}.mode-toggle-switch{top:var(--space-4);right:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);z-index:var(--z-modal);gap:2px;padding:3px;display:flex;position:fixed}.mode-toggle-option{padding:var(--space-2)var(--space-4);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-all);white-space:nowrap;background:0 0;border:none}.mode-toggle-option:hover{color:var(--text-primary);background:var(--bg-surface)}.mode-toggle-option.active{background:var(--color-primary);color:var(--text-inverse)}@media (max-width:768px){.voice-captions-container{border-radius:var(--radius-lg);width:94%;max-height:25vh;bottom:16px}.voice-messages{max-height:25vh;padding:var(--space-3);gap:var(--space-2)}.voice-message-content{max-width:90%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm)}.stop-button{bottom:var(--space-5);padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.back-to-chat-button{top:var(--space-4);left:var(--space-4);padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.mode-toggle-switch{top:var(--space-3);right:var(--space-3)}.mode-toggle-option{padding:var(--space-2)var(--space-3);font-size:10px}}@media (max-width:480px){.voice-captions-container{width:94%;max-height:22vh;bottom:12px}.voice-messages{max-height:22vh;padding:var(--space-3);gap:var(--space-2)}.voice-message-content{max-width:92%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm)}.stop-button{bottom:var(--space-4);padding:var(--space-2)var(--space-3)}.stop-button svg{width:14px;height:14px}.back-to-chat-button{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-2);gap:var(--space-1)}.back-to-chat-button svg{width:14px;height:14px}}@keyframes slideInFadeOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-slideInFadeOut{animation:2s ease-in-out forwards slideInFadeOut}