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