body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}*,:after,:before,body{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tts-button-container{gap:4px;position:relative}.tts-button,.tts-button-container{align-items:center;display:inline-flex}.tts-button{background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border:1px solid #ccc;border:1px solid var(--theme-button-border,#ccc);border-radius:6px;color:#333;color:var(--theme-button-text,#333);cursor:pointer;font-family:inherit;font-weight:500;gap:6px;transition:all .3s ease}.tts-button:hover:not(:disabled){background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0)}.tts-button:disabled{cursor:not-allowed;opacity:.6}.tts-button-small{font-size:12px;padding:4px 8px}.tts-button-medium{font-size:14px;padding:6px 12px}.tts-button-large{font-size:16px;padding:8px 16px}.tts-button-loading{animation:tts-pulse 1s ease-in-out infinite}.tts-button-loading,.tts-button-playing{background:#4a9eff;background:var(--theme-accent,#4a9eff);color:#fff;transition:background-color .3s ease,color .3s ease}@keyframes tts-pulse{0%,to{opacity:1}50%{opacity:.7}}.tts-button-loading-icon{animation:tts-spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes tts-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tts-button-icon,.tts-button-playing-icon{font-size:1.1em}.tts-button-text{font-size:.9em}.tts-voice-selector{position:relative}.tts-voice-toggle{align-items:center;background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border:none;border-radius:4px;color:#333;color:var(--theme-button-text,#333);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.tts-voice-toggle:hover{background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0)}.tts-voice-dropdown{background:#fff;background:var(--theme-background,#fff);border:1px solid #ccc;border:1px solid var(--theme-border-color,#ccc);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.tts-voice-option{align-items:center;background:#0000;border:none;color:#333;color:var(--theme-text-primary,#333);cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.tts-voice-option:hover{background:#f5f5f5;background:var(--theme-background-hover,#f5f5f5)}.tts-voice-option-selected{background:#4a9eff;background:var(--theme-accent,#4a9eff);color:#fff}.tts-voice-option-selected:hover{background:#3d8bff;background:var(--theme-accent-hover,#3d8bff)}.tts-voice-gender{flex-shrink:0;font-size:16px}.tts-voice-info{flex:1 1;min-width:0}.tts-voice-group{border-bottom:1px solid #eee;border-bottom:1px solid var(--theme-border-color,#eee)}.tts-voice-group:last-child{border-bottom:none}.tts-voice-group-header{background:#f8f8f8;background:var(--theme-background-subtle,#f8f8f8);border-bottom:1px solid #eee;border-bottom:1px solid var(--theme-border-color,#eee);color:#666;color:var(--theme-text-secondary,#666);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.tts-voice-display-name{color:#333;color:var(--theme-text-primary,#333);font-size:13px;font-weight:500;line-height:1.2}.tts-voice-variant{color:#666;color:var(--theme-text-secondary,#666);font-size:11px;line-height:1.2;opacity:.8}.tts-error{background:#f44;border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:4px;left:0;margin-top:4px;min-width:200px;padding:8px;position:absolute;top:100%;white-space:nowrap;z-index:1000}.tts-error-message{font-weight:500}.tts-retry-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.tts-retry-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.tts-retry-button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .tts-button{background:#444;background:var(--theme-button-bg,#444);border-color:#555;border-color:var(--theme-button-border,#555);color:#fff;color:var(--theme-button-text,#fff)}[data-theme=dark] .tts-button:hover:not(:disabled){background:#555;background:var(--theme-button-hover,#555)}[data-theme=dark] .tts-voice-toggle{background:#444;background:var(--theme-button-bg,#444);color:#fff;color:var(--theme-button-text,#fff)}[data-theme=dark] .tts-voice-toggle:hover{background:#555;background:var(--theme-button-hover,#555)}[data-theme=dark] .tts-voice-dropdown{background:#333;background:var(--theme-background,#333);border-color:#555;border-color:var(--theme-border-color,#555)}[data-theme=dark] .tts-voice-option{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .tts-voice-option:hover{background:#444;background:var(--theme-background-hover,#444)}[data-theme=dark] .tts-voice-group-header{background:#2a2a2a;background:var(--theme-background-subtle,#2a2a2a);border-bottom-color:#444;border-bottom-color:var(--theme-border-color,#444);color:#999;color:var(--theme-text-secondary,#999)}[data-theme=dark] .tts-voice-display-name{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .tts-voice-variant{color:#999;color:var(--theme-text-secondary,#999)}.speech-dropdown{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:80vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.speech-header{background:#333;background:var(--theme-background-tertiary,#333);border-bottom:1px solid #555;border-radius:8px 8px 0 0;padding:.75rem 1rem}.speech-header h3{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;line-height:1.2;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box!important;color:#888;cursor:pointer;display:flex!important;flex-shrink:0!important;font-size:1.2rem;justify-content:center;line-height:1;margin-left:.5rem;margin-right:-10px;margin-top:-10px;max-height:24px!important;min-height:24px!important;padding:0!important;transition:all .2s ease;vertical-align:middle}.close-button,.close-button:hover{height:24px!important;width:24px!important}.close-button:hover{background:#555!important;color:#fff}.speech-content{padding:1rem}.speech-status{margin-bottom:1rem;text-align:center}.status-text{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;margin-bottom:.5rem}.current-language{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem}.browser-info{background:#333;background:var(--theme-background-tertiary,#333);border-left:4px solid #2196f3;border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:left}.browser-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.setup-instructions{margin-top:.5rem}.setup-instructions h4{font-size:.8rem;font-weight:600;margin:0 0 .5rem}.setup-instructions h4,.setup-instructions ul{color:#ccc;color:var(--theme-text-secondary,#ccc)}.setup-instructions ul{font-size:.75rem;line-height:1.4;margin:0;padding-left:1.2rem}.setup-instructions li{margin-bottom:.25rem}.whisper-info{background:#333;background:var(--theme-background-tertiary,#333);border-left:4px solid #4caf50;border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:left}.api-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.api-description{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.75rem;line-height:1.4}.permission-warning{background:#ff6b6b1a;border-left:3px solid #ff6b6b;color:#ff6b6b}.macos-permission-info,.permission-warning{border-radius:4px;font-size:.8rem;margin-top:.5rem;padding:.5rem}.macos-permission-info{background:#4ecdc41a;border-left:3px solid #4ecdc4;color:#4ecdc4}.speech-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.clear-button,.listen-button,.search-button{align-items:center;background:#444;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.clear-button:hover:not(:disabled),.listen-button:hover:not(:disabled),.search-button:hover:not(:disabled){background:#555;border-color:#666}.clear-button:disabled,.listen-button:disabled,.search-button:disabled{background:#333;border-color:#444;cursor:not-allowed;opacity:.6}.permission-button{background:#4ecdc4;border:none;color:#fff;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.permission-button:hover{background:#45b7b8;transform:translateY(-1px)}.permission-button:active{transform:translateY(0)}.transcript-display{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;margin-bottom:1rem;min-height:80px;padding:.75rem}.transcript-label{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem;font-weight:500;margin-bottom:.5rem}.transcript-text{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-style:italic;line-height:1.4;min-height:40px}.voice-commands{margin-bottom:1rem}.voice-commands h4{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.commands-list{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;padding:.75rem}.command-item{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem;line-height:1.3;margin-bottom:.25rem}.command-item:last-child{margin-bottom:0}@media (max-width:768px){.speech-dropdown{left:-10px;right:-10px}.speech-controls{flex-direction:column}.clear-button,.listen-button,.search-button{justify-content:center;width:100%}}.live-transcript-indicator{align-items:center;color:#4a9eff;color:var(--theme-accent,#4a9eff);display:flex;font-size:.875rem;font-style:italic;gap:.5rem;margin-top:.5rem}.live-dot{animation:pulse 1.5s ease-in-out infinite;color:#f44}.voice-search-panel{animation:slideDown .3s ease-out;background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:4px;left:0!important;margin-bottom:4px;min-height:65px;padding:6px 12px;position:fixed!important;right:0!important;top:0!important;z-index:10001!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){@keyframes slideDownDesktop{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-search-panel{animation:slideDownDesktop .3s ease-out!important}}.voice-search-header{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:0}.voice-search-header h3{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-size:12px;font-weight:600;gap:8px;margin:0}.voice-search-header .current-language{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:3px;color:#888;color:var(--theme-text-secondary,#888);font-size:11px;font-weight:500;padding:2px 6px}.voice-close-button{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box!important;color:#888;cursor:pointer;display:flex!important;flex-shrink:0!important;font-size:1.2rem;height:24px!important;justify-content:center;line-height:1;margin-left:.5rem;margin-right:-10px;max-height:24px!important;min-height:24px!important;padding:0!important;transition:all .2s ease;vertical-align:middle;width:24px!important}.voice-close-button:hover{background:#555!important;color:#fff;height:24px!important;width:24px!important}.voice-search-transcript-full{align-items:center;background:#1a1a1a;background:var(--theme-background,#1a1a1a);border:1px solid #555;border-radius:4px;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-family:inherit;font-size:12px;height:auto;line-height:1.3;margin-bottom:6px;min-height:28px;overflow-x:auto;padding:4px 8px;white-space:nowrap;width:100%}.voice-search-status-button{align-items:stretch;display:flex;flex:0 0 auto;margin-right:auto;max-width:none;min-width:120px;width:-webkit-fit-content;width:fit-content}.voice-search-action-buttons{align-items:stretch;display:flex;gap:.5rem}.status-text{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;color:#888;color:var(--theme-text-secondary,#888);display:flex;font-size:.8rem;font-weight:500;height:36px;justify-content:flex-start;line-height:1.2;min-height:36px;overflow-x:auto;padding:.5rem .75rem;text-align:left;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status-text.status-hidden{opacity:0;visibility:hidden}.voice-search-controls{align-items:stretch;display:flex;flex:0 0 auto;gap:.5rem;justify-content:space-between;margin-top:auto}.voice-search-panel .clear-button,.voice-search-panel .listen-button,.voice-search-panel .search-button{align-items:center;background:#444;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;height:36px!important;justify-content:center;min-height:36px!important;padding:.5rem .75rem!important;transition:all .2s ease}.voice-search-panel .clear-button:hover:not(:disabled),.voice-search-panel .listen-button:hover:not(:disabled),.voice-search-panel .search-button:hover:not(:disabled){background:#555;border-color:#666}.voice-search-panel .clear-button:disabled,.voice-search-panel .listen-button:disabled,.voice-search-panel .search-button:disabled{background:#333;border-color:#444;cursor:not-allowed;opacity:.6}.listen-button.listening{animation:pulse 1.5s infinite;background:#d32f2f;border-color:#f44336}.permission-button{align-items:center;background:linear-gradient(135deg,#4a9eff,#0f8)!important;border:none!important;border-radius:6px;box-shadow:0 2px 8px #4a9eff4d!important;color:#fff!important;cursor:pointer;display:flex;font-size:.8rem;font-weight:700!important;height:36px;justify-content:center;min-height:36px;padding:.5rem .75rem;text-shadow:0 1px 2px #0000004d!important;transition:all .3s ease!important}.permission-button:hover:not(:disabled){background:linear-gradient(135deg,#3a8eef,#00e078)!important;box-shadow:0 4px 12px #4a9eff66!important;transform:translateY(-2px)!important}.permission-button:active{transform:translateY(0)!important}.permission-button:disabled{background:#666!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}@keyframes pulse{0%{box-shadow:0 0 0 0 #d32f2fb3}70%{box-shadow:0 0 0 10px #d32f2f00}to{box-shadow:0 0 0 0 #d32f2f00}}@media (max-width:768px){.voice-search-panel{bottom:auto!important;left:0!important;margin-bottom:0!important;min-height:auto;padding:6px 8px;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100%!important;z-index:10001!important}.voice-search-header{display:none}.voice-search-transcript-container{align-items:flex-end;display:flex;gap:6px;margin-bottom:0;padding-bottom:2px}.voice-search-transcript-container .voice-search-label.mobile-only{color:#fff;color:var(--theme-text-primary,#fff);display:inline-block!important;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.voice-search-transcript-full{flex:1 1;font-size:11px;height:25px;margin:0;min-height:25px;padding:2px 6px}.voice-close-button.mobile-only{display:block!important;flex-shrink:0;font-size:1rem;height:20px;margin:0;max-height:20px;min-height:20px;padding:0;width:20px}.voice-search-controls{align-items:center;display:flex;gap:6px;margin-top:0;padding:0}.voice-search-status-button{flex:0 0 auto;margin-right:auto;max-width:none;min-width:auto;width:-webkit-fit-content;width:fit-content}.status-text{font-size:.7rem;height:auto;justify-content:flex-start;min-height:25px;overflow-x:auto;padding:.1rem .5rem;text-align:left;white-space:nowrap}.language-dropdown-container{flex-shrink:0;position:relative}.language-dropdown-header{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;cursor:pointer;display:flex;height:25px;justify-content:center;min-height:25px;padding:.1rem .5rem;transition:background-color .2s ease}.language-dropdown-header:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-dropdown-title{align-items:center;display:flex;font-size:.7rem;font-weight:600;gap:4px;white-space:nowrap}.language-dropdown-content{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:140px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:flex-start;border-bottom:1px solid #444;cursor:pointer;display:flex;gap:6px;min-height:36px;padding:.3rem .5rem;transition:background-color .2s ease}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-option.selected{background-color:#4a9eff;background-color:var(--theme-accent,#4a9eff);color:#fff}.language-flag{flex-shrink:0;font-size:.9rem;margin-top:1px;text-align:center;width:20px}.language-text-container{display:flex;flex:1 1;flex-direction:column;gap:1px}.language-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.7rem;font-weight:500;line-height:1.2}.language-english{color:#ccc;font-size:.65rem;font-weight:400;line-height:1.2}.current-language.desktop-only{display:none}.voice-close-button.desktop-only,.voice-search-label.desktop-only{display:none!important}.voice-search-action-buttons{align-items:center;display:flex;gap:4px}.voice-search-panel .clear-button,.voice-search-panel .search-button{font-size:.7rem;height:25px;min-height:25px;padding:.1rem .5rem}.voice-search-panel .clear-button,.voice-search-panel .listen-button,.voice-search-panel .search-button{-webkit-tap-highlight-color:transparent;background:#444;border:1px solid #555;border-radius:6px;cursor:pointer;position:relative;touch-action:manipulation;z-index:10}.voice-search-panel .listen-button{font-size:.7rem!important;height:25px!important;max-height:25px!important;min-height:25px!important;padding:.1rem .5rem!important}.permission-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4a9eff,#0f8)!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.7rem;height:25px;min-height:25px;padding:.1rem .5rem;position:relative;touch-action:manipulation;z-index:10}.voice-search-panel .listen-button.listening{background:linear-gradient(135deg,#ff4a4a,#f80)!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:.7rem!important;height:25px!important;max-height:25px!important;min-height:25px!important;padding:.1rem .5rem!important}.voice-search-panel .clear-button,.voice-search-panel .search-button{display:none}@media (max-width:768px){.voice-search-panel .clear-button{display:none!important}}}@media (min-width:769px){.voice-search-panel{left:50%!important;max-width:800px!important;min-width:320px!important;position:fixed!important;right:auto!important;top:60px!important;transform:translateX(-50%)!important;width:100%!important}.voice-search-transcript-container .voice-close-button.mobile-only,.voice-search-transcript-container .voice-search-label.mobile-only{display:none!important}}.current-language.desktop-only{display:inline-block}@media (min-width:769px){.voice-search-header{display:none}.voice-search-transcript-container{align-items:center;display:flex;gap:8px;margin-bottom:4px}.voice-search-label.desktop-only{color:#fff;color:var(--theme-text-primary,#fff);flex-shrink:0;font-size:14px;font-weight:600;white-space:nowrap}.voice-search-transcript-full{flex:1 1;font-size:14px;height:32px;margin:0;min-height:32px;padding:6px 12px}.voice-close-button.desktop-only{flex-shrink:0;font-size:1.2rem;height:32px;margin:0;max-height:32px;min-height:32px;padding:0;width:32px}.language-dropdown-container{flex-shrink:0;position:relative}.language-dropdown-header{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;padding:.5rem .75rem;transition:background-color .2s ease}.language-dropdown-header:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-dropdown-title{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:6px;white-space:nowrap}.language-dropdown-content{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:180px;min-width:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:flex-start;border-bottom:1px solid #444;cursor:pointer;display:flex;gap:8px;min-height:48px;padding:.5rem .75rem;transition:background-color .2s ease}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-option.selected{background-color:#4a9eff;background-color:var(--theme-accent,#4a9eff);color:#fff}.language-flag{flex-shrink:0;font-size:1rem;margin-top:2px;text-align:center;width:24px}.language-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px}.language-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.8rem;font-weight:500;line-height:1.2}.language-english{color:#ccc;font-size:.75rem;font-weight:400;line-height:1.2}.voice-search-controls{padding:0}.voice-search-transcript-full{margin-bottom:2px}}