.voice-selection-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:1000;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(8px);justify-content:center;align-items:center}
.voice-selection-popup.active{display:flex;opacity:1}
.voice-selection-content{background:#fff;padding:2rem;border-radius:24px;max-width:600px;width:90%;position:relative;box-shadow:0 10px 25px rgba(0,0,0,0.1);border:3px solid var(--accent-color);animation:modalSlideUp 0.3s ease-out}
.voice-selection-popup.active .voice-selection-content{transform:translateY(0) scale(1)}
.voice-selection-header{text-align:center;margin-bottom:2rem}
.voice-selection-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-dark);font-weight:700}
.voice-selection-subtitle{color:var(--text-secondary);font-size:1rem}
.voice-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.voice-option{background:var(--background-light);border:2px solid var(--accent-color);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.voice-option:hover{background:rgba(255,255,255,0.08);transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,0.1);border-color:var(--primary-color)}
.voice-option.selected{border-color:var(--primary-color);background:var(--dark-bg)}
.voice-option-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.voice-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}
.voice-info{flex:1}
.voice-name{font-weight:700;color:var(--text-dark);margin-bottom:.2rem;font-size:1.1rem}
.voice-type{font-size:.85rem;color:var(--text-secondary)}
.voice-description{color:var(--text-dark);font-size:.9rem;line-height:1.4;margin-bottom:1rem}
.voice-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.voice-feature{font-size:.8rem;padding:.4rem .8rem;border-radius:20px;background:var(--dark-bg);color:var(--text-dark);width:fit-content;font-weight:600}
.voice-action{margin-top:1rem;text-align:right;display:flex;justify-content:flex-end}
.voice-preview-btn{font-size:1rem;color:#fff;background:#1a1a1a;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0.75rem 1.5rem;border-radius:50px;transition:all .3s ease;font-weight:600}
.voice-preview-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.voice-selection-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}
.voice-selection-btn{padding:0.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;border:none;font-size:1rem}
.voice-selection-btn.primary{background:#1a1a1a;color:#fff}
.voice-selection-btn.primary:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.voice-selection-btn.secondary{background:#fff;color:#1a1a1a;border:2px solid #1a1a1a}
.voice-selection-btn.secondary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.subscription-required {
    font-size: 0.8em;
    color: #e67e22;
    margin-top: 2px;
}

.voice-limitations {
    margin: 8px 0;
    padding: 8px;
    background-color: rgba(230, 126, 34, 0.1);
    border-radius: 6px;
}

.limitation-list {
    margin: 0;
    padding-left: 20px;
    font-size: 0.8em;
    color: #666;
}

.limitation-list li {
    margin: 4px 0;
}
@media (max-width: 768px) {
.voice-selection-content{padding:1.5rem;width:95%}
.voice-options{grid-template-columns:1fr}
.voice-selection-actions{flex-direction:column}
.voice-selection-btn{width:100%}
.voice-preview-btn{width:100%;justify-content:center}
}