.stems[data-astro-cid-yi5mmjou]{gap:var(--s4);border-top:1px solid var(--line);padding-top:var(--s5);flex-direction:column;display:flex}.stems__transport[data-astro-cid-yi5mmjou]{align-items:center;gap:var(--s3);display:flex}.stems__play[data-astro-cid-yi5mmjou]{border-radius:var(--r-full);background:var(--ink);width:40px;height:40px;color:var(--bg);cursor:pointer;transition:transform var(--dur-micro) var(--ease);border:none;flex:none;place-items:center;display:grid}.stems__play[data-astro-cid-yi5mmjou]:hover{transform:scale(1.05)}.stems__play[data-astro-cid-yi5mmjou]:focus-visible{outline:2px solid var(--cat-vivid,var(--brand));outline-offset:3px}.stems__icon[data-astro-cid-yi5mmjou]{line-height:0;display:none}.stems__play[data-astro-cid-yi5mmjou][data-playing=false] .stems__icon--play[data-astro-cid-yi5mmjou],.stems__play[data-astro-cid-yi5mmjou][data-playing=true] .stems__icon--pause[data-astro-cid-yi5mmjou]{display:block}.stems__scrub[data-astro-cid-yi5mmjou]{cursor:pointer;flex:1;align-items:center;height:30px;display:flex}.stems__scrub-track[data-astro-cid-yi5mmjou]{border-radius:var(--r-full);background:var(--line-strong);width:100%;height:6px;position:relative;overflow:hidden}.stems__scrub-fill[data-astro-cid-yi5mmjou]{inset-block:0;border-radius:var(--r-full);background:var(--cat-vivid,var(--brand));pointer-events:none;width:0%;position:absolute;left:0}.stems__time[data-astro-cid-yi5mmjou]{font-size:var(--t-small);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.stems__stage[data-astro-cid-yi5mmjou]{--wave-left:0px;--wave-width:0px;--play:0;--hover:0;--ruler:34px;position:relative}.stems__stage[data-astro-cid-yi5mmjou]:focus-visible{outline:2px solid var(--cat-vivid,var(--brand));outline-offset:4px;border-radius:var(--r-md)}.stems__ruler[data-astro-cid-yi5mmjou]{height:var(--ruler)}.stems__wash[data-astro-cid-yi5mmjou]{top:var(--ruler);bottom:0;left:var(--wave-left);width:calc(var(--wave-width) * var(--play));background:color-mix(in oklch, var(--stage-ink,#fff) 7%, transparent);pointer-events:none;z-index:1;position:absolute}.stems__head[data-astro-cid-yi5mmjou],.stems__ghost[data-astro-cid-yi5mmjou]{pointer-events:none;z-index:2;will-change:transform;position:absolute}.stems__head[data-astro-cid-yi5mmjou]{top:var(--ruler);background:var(--stage-ink,#fff);width:2px;box-shadow:0 0 12px color-mix(in oklch, var(--cat-vivid,var(--brand)) 65%, transparent);transform:translateX(calc(var(--wave-left) + var(--wave-width) * var(--play)));margin-left:-1px;bottom:0}.stems__head-grip[data-astro-cid-yi5mmjou]{background:var(--ink);border-radius:2px;width:10px;height:10px;margin-bottom:2px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)rotate(45deg)}.stems__head-bubble[data-astro-cid-yi5mmjou]{padding:2px var(--s2);border-radius:var(--r-full);background:var(--ink);color:var(--bg);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.stems__ghost[data-astro-cid-yi5mmjou]{top:var(--ruler);background:color-mix(in oklch, var(--stage-ink,#fff) 38%, transparent);width:1px;transform:translateX(calc(var(--wave-left) + var(--wave-width) * var(--hover)));bottom:0}.stems__ghost-time[data-astro-cid-yi5mmjou]{border-radius:var(--r-sm);background:color-mix(in oklch, var(--ink) 62%, transparent);color:var(--bg);white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:4px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.stem__wave{cursor:pointer;touch-action:none}.stems__list[data-astro-cid-yi5mmjou]{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.stem{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--stage-2,var(--surface));transition:opacity var(--dur-micro) var(--ease);grid-template-columns:7.5rem auto 1fr;display:grid}.stem+.stem{border-top:1px solid color-mix(in oklch, var(--line) 60%, transparent)}.stem--listen{grid-template-columns:7.5rem 1fr}.stem[data-audible=false]{opacity:.42}.stem__name{font-size:var(--t-ui);color:var(--stage-ink,var(--ink));text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.stem__controls{align-items:center;gap:var(--s2);display:flex}.stem__btn{border-radius:var(--r-sm);border:1px solid color-mix(in oklch, var(--stage-ink,#fff) 18%, transparent);width:28px;height:28px;color:var(--stage-ink-2,var(--ink-2));letter-spacing:.02em;cursor:pointer;transition:background-color var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease);background:0 0;place-items:center;font-size:11px;font-weight:700;display:grid}.stem__btn:hover{border-color:color-mix(in oklch, var(--stage-ink,#fff) 40%, transparent);color:var(--stage-ink,var(--ink))}.stem__btn[aria-pressed=true]{background:var(--cat-vivid,var(--brand));border-color:var(--cat-vivid,var(--brand));color:#05130c}.stem__btn:focus-visible{outline:2px solid var(--cat-vivid,var(--brand));outline-offset:2px}.stem__level{width:74px;accent-color:var(--cat-vivid,var(--brand));cursor:pointer}.stem__wave{border-radius:var(--r-sm);width:100%;height:40px;display:block}.stem__save{flex:none}.stems__foot[data-astro-cid-yi5mmjou]{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.stems__hint[data-astro-cid-yi5mmjou]{font-size:var(--t-small);color:var(--ink-2);max-width:48ch;margin:0}.stems__save[data-astro-cid-yi5mmjou]{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}@media (width<=720px){.stem{gap:var(--s2) var(--s3);grid-template-columns:1fr auto;grid-template-areas:"name controls""wave wave"}.stem--listen{grid-template-columns:1fr;grid-template-areas:"name""wave"}.stem__name{grid-area:name}.stem__controls{grid-area:controls}.stem__wave{grid-area:wave;height:32px}.stem__level{width:58px}}@media (prefers-reduced-motion:reduce){.stems__play[data-astro-cid-yi5mmjou]{transition:none}}