.waveform.svelte-15t98rx{width:100%;height:var(--audio-region-height,80px);flex:auto;min-height:0;display:block}.feedback-badge.svelte-d6gk7y{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1018f2;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0000004d}.correct.svelte-d6gk7y{color:#4ade80;border-color:#4ade804d}.wrong.svelte-d6gk7y{color:var(--color-feedback-wrong);border-color:rgba(var(--color-feedback-wrong-rgb), .3)}.region.svelte-1lkvhuu{min-width:0;height:var(--audio-region-height,80px);border-radius:6px;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.overlay.svelte-1lkvhuu{pointer-events:none;background:linear-gradient(90deg,#00000014,#0000 20% 80%,#00000014);position:absolute;inset:0}.badge-container.svelte-1lkvhuu{z-index:20;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.region-content.svelte-1lkvhuu{transition:filter .2s,opacity .2s;position:absolute;inset:0}.region-content.silent.svelte-1lkvhuu{filter:grayscale();opacity:.35}.loading-bar.svelte-lszs12{flex-direction:column;gap:10px;width:min(100%,600px);max-width:80%;margin:0 auto;padding:0;display:flex}.loading-bar__label.svelte-lszs12{color:var(--color-text-subtle,#9ca3af);justify-content:space-between;align-items:baseline;font-size:.875rem;font-weight:500;display:flex}.loading-bar__percent.svelte-lszs12{font-variant-numeric:tabular-nums;font-weight:600}.loading-bar__track.svelte-lszs12{background:linear-gradient(#ffffff14,#ffffff05),#111827d1;border:1px solid #ffffff14;border-radius:999px;width:100%;height:20px;padding:2px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 10px 16px #0000003d,0 6px 18px #0000001f}.loading-bar__fill.svelte-lszs12{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 52%,#ec4899 100%);transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:2px;overflow:hidden;transform:scaleX(0);box-shadow:inset 0 1px #ffffff38,0 0 18px #8b5cf652}.loading-bar__shine.svelte-lszs12{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite svelte-lszs12-shine;position:absolute;top:0;left:-100%}@keyframes svelte-lszs12-shine{0%{left:-100%}to{left:100%}}.play-btn.svelte-1pknmh2{cursor:pointer;background:var(--play-btn-color,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.play-btn--large.svelte-1pknmh2{width:56px;height:56px}.play-btn.svelte-1pknmh2:hover{background:var(--play-btn-hover,#7c3aed)}.play-btn.svelte-1pknmh2:active{transform:scale(.95)}.play-btn--stop.svelte-1pknmh2{background:#fff;animation:2s ease-in-out infinite svelte-1pknmh2-pulse-glow}.play-btn--stop.svelte-1pknmh2:hover{background:#f0f0f0}@keyframes svelte-1pknmh2-pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #0000}50%{box-shadow:0 0 12px 4px color-mix(in srgb, var(--play-btn-color,#8b5cf6) 40%, transparent);transform:scale(1.06)}}.play-btn.svelte-1pknmh2 svg:where(.svelte-1pknmh2){flex-shrink:0}