.ledger-root .vn-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:2px 0 10px;max-width:420px}.ledger-root .vn-play{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);cursor:pointer}.ledger-root .vn-play:hover{border-color:var(--text-2)}.ledger-root .vn-play:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ledger-root .vn-note[data-playing=true] .vn-play{border-color:var(--accent)}.ledger-root .vn-bars{display:flex;align-items:center;gap:2px;height:28px;min-width:0}.ledger-root .vn-bar{flex:1 1 0;min-width:2px;max-width:4px;border-radius:1px;background:var(--text-3);transition:background-color .15s linear}.ledger-root .vn-bar[data-played=true]{background:var(--accent)}.ledger-root .vn-clock{color:var(--text-2);font-variant-numeric:tabular-nums}.ledger-root .vn-room{display:flex;flex-direction:column;gap:4px}.ledger-root .vn-caption{margin:0}@media (prefers-reduced-motion:reduce){.ledger-root .vn-bar{transition:none}}