.voice-selector{display:inline-block;position:relative}.voice-selector-toggle{color:#0070f3;cursor:pointer;background:#fff;border:2px solid #0070f3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.voice-selector-toggle{color:#0070f3;background:#1a1a1a}}.voice-selector-toggle:hover{background:#daebff;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.voice-selector-toggle:hover{background:#00295a}}.voice-selector-toggle .voice-icon{font-size:18px}.voice-selector-toggle .voice-label{white-space:nowrap}.voice-selector-toggle .arrow{font-size:10px;transition:transform .2s}.voice-selector-toggle .arrow.open{transform:rotate(180deg)}.voice-selector-overlay{z-index:999;background:0 0;position:fixed;inset:0}.voice-selector-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:12px;width:max-content;min-width:400px;max-width:500px;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 15px #0000001a}@media (prefers-color-scheme:dark){.voice-selector-dropdown{background:#1a1a1a;border-color:#333}}@media (max-width:480px){.voice-selector-dropdown{min-width:90vw;max-width:90vw;left:50%;right:auto;transform:translate(-50%)}}.voice-selector-header{border-bottom:1px solid #eee;padding:1rem}@media (prefers-color-scheme:dark){.voice-selector-header{border-bottom-color:#333}}.voice-selector-header h3{color:#333;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}@media (prefers-color-scheme:dark){.voice-selector-header h3{color:#f0f0f0}}.voice-selector-header p{color:#666;font-size:.875rem}@media (prefers-color-scheme:dark){.voice-selector-header p{color:#999}}.voice-list{max-height:300px;padding:.25rem;overflow-y:auto}.voice-item{border-radius:8px;align-items:center;gap:.5rem;padding:.25rem;transition:background .2s;display:flex}.voice-item.selected{background:#daebff}@media (prefers-color-scheme:dark){.voice-item.selected{background:#00295a}}.voice-item:hover{background:#f5f5f5}@media (prefers-color-scheme:dark){.voice-item:hover{background:#252525}}.voice-item .voice-info{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;flex:1;align-items:center;gap:.5rem;padding:.5rem;transition:background .2s;display:flex}.voice-item .voice-info:hover{background:#0070f31a}.voice-item .voice-flag{flex-shrink:0;font-size:24px}.voice-item .voice-details{flex-direction:column;flex:1;gap:2px;display:flex}.voice-item .voice-name{color:#333;font-size:.875rem;font-weight:500}@media (prefers-color-scheme:dark){.voice-item .voice-name{color:#f0f0f0}}.voice-item .voice-lang{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.voice-item .voice-lang{color:#999}}.voice-item .voice-test{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.voice-item .voice-test:hover{background:#0058c0;transform:scale(1.05)}.voice-item .voice-test:active{transform:scale(.95)}.voice-selector-footer{background:#e9f3ff;border-top:1px solid #eee;padding:1rem}@media (prefers-color-scheme:dark){.voice-selector-footer{background:#001e41;border-top-color:#333}}.voice-selector-footer p{color:#333;margin:0 0 .5rem;font-size:.875rem}.voice-selector-footer p:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.voice-selector-footer p{color:#ccc}}.voice-selector-footer .voice-help{border-top:1px solid #0000001a;padding-top:.5rem;font-size:12px;line-height:1.5}@media (prefers-color-scheme:dark){.voice-selector-footer .voice-help{border-top-color:#ffffff1a}}.voice-selector-footer strong{font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}