.hl-stage{display:flex;flex-direction:column;gap:14px;width:min(860px,100%)}.hl-gram{width:100%;height:auto;padding:10px;border:1px solid var(--s-line);border-radius:16px;background:#fff;touch-action:none;user-select:none}.hl-bg{fill:#fff}.hl-grid{stroke:#ececf2;stroke-width:1}.hl-axis,.hl-label{font-size:12px;fill:#6a6878}.hl-label{font-weight:650}.hl-lost{fill:#8b8aa01f}.hl-banana{fill:#f59e0b33;stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:4 3}.hl-word{font-size:12.5px;font-weight:700;fill:#8a4b00}.hl-line{fill:none;stroke:#c22b2b;stroke-width:3;stroke-linejoin:round}.hl-pt{fill:#fff;stroke:#c22b2b;stroke-width:3;cursor:ns-resize}.hl-pt:focus-visible{outline:none;stroke:#4f46e5;stroke-width:4}.hl-legend{font-size:11.5px;fill:#6a6878}.hl-transport{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--s-line);border-radius:14px;background:#fff}.hl-play{width:44px;height:44px!important;padding:0!important;justify-content:center;border-radius:50%!important}.hl-seek{flex:1;min-width:80px}.hl-time{font-variant-numeric:tabular-nums;font-size:12.5px;white-space:nowrap}.hl-hint,.hl-time{color:var(--s-mute)}.hl-hint{font-size:12px}@media (max-width:820px){.hl-transport{flex-wrap:wrap}.hl-seek{order:3;flex-basis:100%}}