.strength.svelte-x7p9uk{border:1px solid var(--chip-color);border-radius:var(--radius-pill);color:var(--chip-color);font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;padding:.18rem .38rem}.player.svelte-1c22zl7{width:100%;min-width:0}.unavailable.svelte-1c22zl7{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--sub-color);margin:0}.wave.svelte-1c22zl7{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:56px;position:relative}.compact.svelte-1c22zl7 .wave:where(.svelte-1c22zl7){height:40px}.wave.idle.svelte-1c22zl7{cursor:default}.wave.svelte-1c22zl7:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.bars.svelte-1c22zl7{align-items:flex-end;gap:2px;height:100%;display:flex;position:relative}.bar.svelte-1c22zl7{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--sub-color) 55%, transparent);flex:1 1 0}.wave.idle.svelte-1c22zl7 .bar:where(.svelte-1c22zl7){background:color-mix(in srgb, var(--sub-color) 40%, transparent)}.bar.played.svelte-1c22zl7{background:var(--main-color)}.bar.in-range.svelte-1c22zl7{background:color-mix(in srgb, var(--tier-learning) 55%, transparent)}.bar.in-range.played.svelte-1c22zl7{background:var(--tier-learning)}.range-box.svelte-1c22zl7{pointer-events:none;background:color-mix(in srgb, var(--tier-learning) 12%, transparent);border-left:1px solid var(--tier-learning);border-right:1px solid var(--tier-learning);position:absolute;top:0;bottom:0}.playhead.svelte-1c22zl7{background:var(--text-color);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:0}.playhead.svelte-1c22zl7 i:where(.svelte-1c22zl7){border-radius:var(--radius-pill);background:var(--text-color);width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%}.hover.svelte-1c22zl7{background:color-mix(in srgb, var(--main-color) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.hover.svelte-1c22zl7 b:where(.svelte-1c22zl7){white-space:nowrap;border-radius:var(--radius-xs);background:var(--main-color);color:var(--bg-color);font-family:var(--font-mono);font-size:var(--text-label-sm);margin-bottom:2px;padding:2px 6px;font-weight:400;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.markers.svelte-1c22zl7{height:4px;margin-top:2px;margin-bottom:-4px;position:relative}.marker.svelte-1c22zl7{border-radius:var(--radius-xs);cursor:pointer;border:0;height:4px;padding:0;position:absolute;top:0}.controls.svelte-1c22zl7{align-items:center;gap:4px;min-width:0;margin-top:12px;display:flex}.controls.full.svelte-1c22zl7{gap:8px;margin-top:8px}.spacer.svelte-1c22zl7{flex:1}.time.svelte-1c22zl7{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--sub-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:4px;overflow:hidden}.full.svelte-1c22zl7 .time:where(.svelte-1c22zl7){font-size:var(--text-label-md)}.play.svelte-1c22zl7{width:var(--size);height:var(--size);border-radius:var(--radius-pill);background:var(--main-color);color:var(--bg-color);font-size:var(--text-body-sm);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;display:flex}.play.svelte-1c22zl7:disabled{opacity:.6;cursor:wait}.skip-pill.svelte-1c22zl7{border-radius:var(--radius-pill);cursor:pointer;border:1px solid color-mix(in srgb, var(--sub-color) 50%, transparent);height:32px;color:var(--main-color);font-family:var(--font-mono);font-size:var(--text-label-md);white-space:nowrap;background:0 0;padding:0 10px;font-weight:400}.skip-pill.svelte-1c22zl7:hover:not(:disabled){border-color:var(--main-color)}.skip-circle.svelte-1c22zl7{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--main-color);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.skip-circle.svelte-1c22zl7 .n:where(.svelte-1c22zl7){font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:400;position:absolute}.skip-pill.svelte-1c22zl7:disabled,.skip-circle.svelte-1c22zl7:disabled{opacity:.45;cursor:default}.loop.svelte-1c22zl7{width:var(--size);height:var(--size);border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid var(--text-color);color:var(--text-color);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.full.svelte-1c22zl7 .loop:where(.svelte-1c22zl7){margin-left:4px}.loop.on.svelte-1c22zl7{background:var(--text-color);color:var(--bg-color)}.dot.svelte-1c22zl7{width:var(--dot);height:var(--dot);border-radius:var(--radius-pill);background:var(--tier-learning);box-shadow:0 0 0 2px var(--bg-color);position:absolute;top:-2px;right:-2px}.speeds.svelte-1c22zl7{border:1px solid color-mix(in srgb, var(--sub-color) 50%, transparent);border-radius:var(--radius-sm);display:flex;overflow:hidden}.speeds.svelte-1c22zl7 button:where(.svelte-1c22zl7){color:var(--sub-color);font-family:var(--font-mono);font-size:var(--text-label-sm);cursor:pointer;background:0 0;border:0;padding:7px 8px;font-weight:400}.speeds.svelte-1c22zl7 button:where(.svelte-1c22zl7)+button:where(.svelte-1c22zl7){border-left:1px solid color-mix(in srgb, var(--sub-color) 35%, transparent)}.speeds.svelte-1c22zl7 button.on:where(.svelte-1c22zl7){background:var(--main-color);color:var(--bg-color)}.speed-wrap.svelte-1c22zl7{position:relative}.speed-btn.svelte-1c22zl7{border-radius:var(--radius-sm);height:32px;color:var(--main-color);font-family:var(--font-mono);font-size:var(--text-label-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 8px;font-weight:400}.speed-btn.changed.svelte-1c22zl7{background:var(--sub-alt-color)}.speed-menu.svelte-1c22zl7{z-index:5;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:var(--radius-sm);min-width:76px;box-shadow:var(--elev-popover);margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 4px);right:0}.speed-menu.svelte-1c22zl7 button:where(.svelte-1c22zl7){border-radius:var(--radius-xs);width:100%;color:var(--text-color);font-family:var(--font-mono);font-size:var(--text-label-md);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-weight:400;display:block}.speed-menu.svelte-1c22zl7 button.on:where(.svelte-1c22zl7){background:var(--main-color);color:var(--bg-color)}button.svelte-1c22zl7:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}