.audio-player-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin:1rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease}.audio-player-container:hover{box-shadow:0 4px 16px #00000026}:global(.dark) .audio-player-container{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568;color:#e2e8f0}.loading-message,.error-message{text-align:center;padding:1rem}.error-message{color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:8px}:global(.dark) .error-message{color:#f8d7da;background:linear-gradient(135deg,#721c24,#5a1a1a);border-color:#a94442}.audio-controls{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.control-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #007bff4d}.control-btn-inactive{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.6;box-shadow:0 2px 4px #4a55684d}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 8px #007bff66}.control-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 1px 2px #6c757d33}.play-pause{width:56px;height:56px;background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 3px 6px #28a74566}.play-pause:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 5px 10px #28a74580}.start-over-btn{background:linear-gradient(135deg,#6f42c1,#5a2d91);box-shadow:0 2px 4px #6f42c14d}.start-over-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4c1d95);box-shadow:0 4px 8px #6f42c166}.progress-container{width:100%}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;color:#6c757d;font-weight:500}.time-display{display:flex;align-items:center;gap:.125rem}.time-separator{margin:0 .125rem}:global(.dark) .progress-info{color:#a0aec0}.progress-bar{position:relative;height:8px;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}:global(.dark) .progress-bar{background:linear-gradient(135deg,#4a5568,#2d3748)}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .2s ease;border-radius:4px;box-shadow:0 1px 3px #007bff4d}.progress-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border-radius:4px}.progress-slider::-webkit-slider-thumb{appearance:none;height:18px;width:18px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);cursor:pointer;box-shadow:0 2px 4px #007bff66;transition:all .2s ease}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #007bff80}.progress-slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);cursor:pointer;border:none;box-shadow:0 2px 4px #007bff66;transition:all .2s ease}.progress-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #007bff80}@media (max-width: 768px){.audio-player-container{padding:.75rem}.control-btn{width:44px;height:44px}.play-pause{width:52px;height:52px}.progress-info{font-size:.8rem;flex-direction:column;gap:.25rem;align-items:center}.time-display{font-size:.8rem}.segment-info{font-size:.75rem;text-align:center}}.segment-status-failed{margin-left:.5rem;color:#dc3545;font-size:.75rem;font-weight:600;background:#dc35451a;padding:.125rem .375rem;border-radius:4px;border:1px solid rgba(220,53,69,.2)}.segment-status-missing{margin-left:.5rem;color:#ffc107;font-size:.75rem;font-weight:600;background:#ffc1071a;padding:.125rem .375rem;border-radius:4px;border:1px solid rgba(255,193,7,.2)}:global(.dark) .segment-status-failed{color:#f87171;background:#f871711a;border-color:#f8717133}:global(.dark) .segment-status-missing{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.continuous-btn.active{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 2px 4px #28a7454d}.continuous-btn.active:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 8px #28a74566}