.audio-controls.svelte-3qaoov{position:relative;display:flex;gap:.5rem;align-items:center}.audio-ready-badge.svelte-3qaoov{position:absolute;top:-2.5rem;right:0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #10b98166;animation:svelte-3qaoov-slideInBounce .5s ease-out;z-index:1001}@keyframes svelte-3qaoov-slideInBounce{0%{opacity:0;transform:translateY(-10px) scale(.8)}50%{transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-status-dot.svelte-3qaoov{position:absolute;top:.25rem;right:.25rem;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid rgba(255,215,0,.3);animation:svelte-3qaoov-pulse 2s infinite}@keyframes svelte-3qaoov-pulse{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}.audio-toggle.svelte-3qaoov,.audio-settings-btn.svelte-3qaoov{width:3rem;height:3rem;border-radius:50%;background:#ffd70033;border:2px solid rgba(255,215,0,.5);color:gold;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.audio-toggle.svelte-3qaoov:hover,.audio-settings-btn.svelte-3qaoov:hover{background:#ffd70066;transform:scale(1.1);box-shadow:0 0 20px #ffd70080}.audio-panel.svelte-3qaoov{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:linear-gradient(135deg,#2a1a4e,#1a0b2e);border:3px solid gold;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 50px #000c,0 0 30px #ffd70066;z-index:1000;animation:svelte-3qaoov-slideDown .3s ease-out}@keyframes svelte-3qaoov-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-panel-header.svelte-3qaoov{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:gold;font-size:1.25rem;font-weight:700}.audio-panel-header.svelte-3qaoov h3:where(.svelte-3qaoov){margin:0;font-size:1.25rem}.audio-controls-grid.svelte-3qaoov{display:flex;flex-direction:column;gap:1.25rem}.control-group.svelte-3qaoov{display:flex;flex-direction:column;gap:.5rem}.control-group.svelte-3qaoov label:where(.svelte-3qaoov){display:flex;align-items:center;gap:.5rem;color:#ffd700e6;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.slider-container.svelte-3qaoov{display:flex;align-items:center;gap:.75rem}input[type=range].svelte-3qaoov{flex:1;height:6px;border-radius:3px;background:#ffd70033;outline:none;-webkit-appearance:none}input[type=range].svelte-3qaoov::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ff8c00);cursor:pointer;border:2px solid gold;box-shadow:0 0 10px #ffd70080;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=range].svelte-3qaoov::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #ffd700cc}input[type=range].svelte-3qaoov::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ff8c00);cursor:pointer;border:2px solid gold;box-shadow:0 0 10px #ffd70080;-moz-transition:all .2s ease;transition:all .2s ease}input[type=range].svelte-3qaoov::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #ffd700cc}.volume-value.svelte-3qaoov{min-width:3rem;text-align:right;color:gold;font-weight:700;font-size:.875rem}.audio-panel-footer.svelte-3qaoov{margin-top:1.5rem;display:flex;gap:.5rem}.test-sound-btn.svelte-3qaoov,.close-btn.svelte-3qaoov{flex:1;padding:.75rem;border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid}.test-sound-btn.svelte-3qaoov{background:#ffd70033;border-color:#ffd70080;color:gold}.test-sound-btn.svelte-3qaoov:hover{background:#ffd7004d;transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}.close-btn.svelte-3qaoov{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.close-btn.svelte-3qaoov:hover{background:#fff3;transform:translateY(-2px)}