.k7-player{--record:var(--destructive);--record-ink:var(--destructive-foreground);--play-ink:var(--paper);--active-ring:var(--accent);--k7-accent:var(--tape3);--k7-tint:color-mix(in oklab, var(--tape3) 18%, var(--panel));width:100%;color:var(--line);font-family:var(--font-sans)}.k7-player[data-variant="0"]{--k7-accent:var(--tape1);--k7-tint:color-mix(in oklab, var(--tape1) 18%, var(--panel))}.k7-player[data-variant="1"]{--k7-accent:var(--tape2);--k7-tint:color-mix(in oklab, var(--tape2) 18%, var(--panel))}.k7-player[data-variant="2"]{--k7-accent:var(--tape3);--k7-tint:color-mix(in oklab, var(--tape3) 18%, var(--panel))}.k7-player__svg{width:100%;height:auto;display:block;overflow:visible}.sbtn{cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none;transition:transform 80ms}.sbtn:active{transform:scale(.96)}.sbtn.is-disabled{opacity:.4;pointer-events:none}.sbtn:focus-visible .sbtn__frame{stroke:var(--active-ring);stroke-width:3px}.sbtn__frame{fill:var(--panel);stroke:var(--line);stroke-width:2.2px;stroke-linejoin:round;transition:fill .12s,stroke .12s}.sbtn.is-active .sbtn__frame{fill:var(--line)}.sbtn.is-active .sbtn__icon{color:var(--background)}.sbtn__icon{color:var(--line);pointer-events:none}.sbtn--outline .sbtn__frame{fill:none}.sbtn--record .sbtn__frame{fill:var(--record);stroke:var(--record)}.sbtn--record .sbtn__icon{color:var(--record-ink)}.sbtn--record.is-active .sbtn__frame{fill:color-mix(in oklab, var(--record) 70%, black);stroke:color-mix(in oklab, var(--record) 70%, black)}.sbtn--play .sbtn__frame{fill:var(--play);stroke:var(--play)}.sbtn--play .sbtn__icon{color:var(--play-ink)}.sbtn--play.is-active .sbtn__frame{fill:color-mix(in oklab, var(--play) 70%, black);stroke:color-mix(in oklab, var(--play) 70%, black)}.sbtn--loop.is-active .sbtn__frame{fill:var(--orange);stroke:var(--orange)}.sbtn--loop.is-active .sbtn__icon{color:var(--ink)}.k7__shell{fill:var(--k7-tint);stroke:var(--line);stroke-width:2.2px}.k7__label{fill:var(--panel);stroke:var(--muted-foreground);stroke-width:1.6px}.k7__label-text{fill:var(--muted-foreground);letter-spacing:.16em;text-transform:uppercase;font-size:17px}.k7__band{fill:var(--k7-accent);opacity:.85}.k7__screw{fill:none;stroke:var(--muted-foreground);stroke-width:1.8px}.k7__reel-rim{fill:none;stroke:var(--line);stroke-width:2.2px}.k7__reel-hub{fill:var(--panel);stroke:var(--line);stroke-width:1.8px}.k7__spoke{stroke:var(--line);stroke-width:1.8px;stroke-linecap:round}.k7__tape{fill:none;stroke:var(--line);stroke-width:2px}.k7__reel-group{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.k7__reel-group.is-spinning{animation:linear infinite k7-spin}}@keyframes k7-spin{to{transform:rotate(360deg)}}.scrub__track{fill:color-mix(in oklab, var(--line) 16%, transparent);stroke:none}.scrub__fill{fill:var(--k7-accent);opacity:.9}.scrub__ball{fill:var(--line)}