.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__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[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}@media (width<=720px){.stem{gap:var(--s2) var(--s3);grid-template-columns:1fr auto;grid-template-areas:"name controls""wave 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}}