.hpl-ctl{display:flex;align-items:center;gap:.35rem}.hpl-pill{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;height:2.2rem;padding:0 .95rem 0 .85rem;border-radius:999px;border:1.5px solid hsl(var(--brand-300));cursor:pointer;background:transparent;color:hsl(var(--brand-700));font-family:var(--font-sans);transition:background .12s ease,border-color .12s ease}.hpl-pill:hover{background:hsl(var(--brand-50));border-color:hsl(var(--brand-400))}.hpl-pill__t{font-size:.82rem;font-weight:700;color:hsl(var(--brand-800));min-width:2.5rem;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hpl-reset{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:none;border-radius:999px;background:transparent;color:var(--gray-400);cursor:pointer;transition:background .12s ease,color .12s ease}.hpl-reset:hover{background:var(--paper-2);color:hsl(var(--umber-700))}.hpl-playbtn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:999px;border:none;cursor:pointer;background:hsl(var(--brand-700));color:hsl(var(--brand-50));box-shadow:0 1px 2px #c5541b0d;transition:background .12s ease}.hpl-playbtn:hover{background:hsl(var(--brand-800))}.hpl-playbtn--sm{width:2rem;height:2rem}.hpl-credit{margin:.55rem 0 0;text-align:right;font-size:.72rem;color:var(--gray-500);font-family:var(--font-sans);letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .16s ease}.hpl-credit.is-shown{opacity:1;pointer-events:auto}.hpl-credit a{color:hsl(var(--brand-600));text-decoration:none;font-weight:600}.hpl-credit a:hover{text-decoration:underline;text-underline-offset:2px}.hpl-line{position:relative;height:22px;margin-top:1.7rem}.hpl-line .st{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);gap:0;pointer-events:none;transition:gap .16s ease}.hpl-line.is-on .st{gap:4px;pointer-events:auto;cursor:pointer}.st{display:flex;gap:4px;align-items:center;height:22px;-webkit-user-select:none;user-select:none;cursor:default;touch-action:none}.st__seg{flex-basis:0;min-width:5px;position:relative;height:11px;padding:0;border:none;border-radius:999px;background:var(--line-2);cursor:pointer;transform:scaleY(calc(1 / 11));transition:transform .16s ease,background-color .12s ease}.st__seg:disabled{cursor:default}.st__seg:before{content:"";position:absolute;left:-2px;right:-2px;top:-10px;bottom:-10px}.st__fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:hsl(var(--brand-600));pointer-events:none;opacity:0;transition:opacity .16s ease}.hpl-line.is-on .st__seg{transform:none;background:hsl(var(--brand-300))}.hpl-line.is-on .st__seg:hover{background:hsl(var(--brand-400))}.hpl-line.is-on .st__fill{opacity:1}.st__seg:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);white-space:nowrap;font-family:var(--font-sans);font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--brand-700));pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:5}.hpl-line.is-on .st__seg:hover:after,.hpl-line.is-on .st__seg--now:after{opacity:1}.vt{-webkit-user-select:none;user-select:none}.vt__nums{display:flex;align-items:baseline}.vt__num{position:relative;display:flex;align-items:center;justify-content:center;flex-basis:0;min-width:0;padding:.1rem 0 .35rem;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:.78rem;line-height:1;font-weight:700;letter-spacing:.03em;color:hsl(var(--umber-500));font-feature-settings:"lnum";transition:color .12s ease}.vt__num:hover{color:hsl(var(--umber-700))}.vt__num.is-played{color:hsl(var(--brand-600))}.vt__num.is-now{color:hsl(var(--brand-700))}.vt__num--gap{align-items:center}.vt__num--gap .vt__dot{width:5px;height:5px;border-radius:50%;background:hsl(var(--umber-200))}.vt__num--gap.is-now .vt__dot,.vt__num--gap.is-played .vt__dot{background:hsl(var(--brand-400))}.vt__num--ref{font-size:.68rem;font-style:italic;font-weight:600}.vt__cap{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);font-family:var(--font-sans);font-style:normal;font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--brand-600));white-space:nowrap}.vt__rule{position:relative;height:14px;cursor:pointer}.vt__rule:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:999px;background:var(--line)}.vt__fill{position:absolute;left:0;top:6px;height:2px;border-radius:999px;background:hsl(var(--brand-600))}.vt__tick{position:absolute;top:3px;width:1.5px;height:8px;background:hsl(var(--umber-200))}.vt__pin{position:absolute;top:7px;width:11px;height:11px;border-radius:50%;background:hsl(var(--brand-600));border:2px solid var(--paper);box-shadow:0 0 0 1px hsl(var(--brand-200));transform:translate(-50%,-50%)}.vt--compact .vt__num{font-size:.72rem;padding-bottom:.2rem}.vt--compact .vt__num--ref{font-size:.6rem}.vt--compact .vt__rule{height:10px}.vt--compact .vt__rule:before,.vt--compact .vt__fill{top:4px}.vt--compact .vt__tick{top:1px;height:7px}.vt--compact .vt__pin{top:5px;width:9px;height:9px}.hpl-vol{display:inline-flex;align-items:center;gap:.45rem;color:hsl(var(--umber-500));flex-shrink:0}.hpl-vol input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:3px;border-radius:999px;background:hsl(var(--umber-100));cursor:pointer}.hpl-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:hsl(var(--umber-600));border:none}.hpl-vol input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:hsl(var(--umber-600));border:none}.hpl-dock{position:fixed;left:0;right:0;top:var(--header-height);z-index:28;background:color-mix(in oklch,var(--paper) 92%,transparent);border-bottom:1px solid var(--line-2);box-shadow:0 4px 6px -1px #d9641c1a,0 2px 4px -2px #d9641c1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.hpl-dock.is-shown{transform:none;opacity:1;pointer-events:auto}.hpl-dock__row{display:flex;align-items:center;gap:.9rem;padding-top:.45rem;padding-bottom:.45rem}.hpl-dock__no{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);white-space:nowrap;font-feature-settings:"lnum"}.hpl-dock__t{font-family:var(--font-serif);font-size:.98rem;font-weight:600;color:hsl(var(--umber-900));white-space:nowrap}.hpl-dock__vt{flex:1;min-width:0}.hpl-dock__time{font-size:.72rem;color:var(--gray-500);font-feature-settings:"tnum";white-space:nowrap}.hpl-dock__x{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:none;border-radius:999px;background:transparent;color:hsl(var(--umber-400));cursor:pointer;transition:background .12s ease,color .12s ease}.hpl-dock__x:hover{background:var(--paper-2);color:hsl(var(--umber-700))}@media(max-width:45.99em){.hpl-dock__t,.hpl-dock__no,.hpl-dock .hpl-vol{display:none}.hpl-dock__x{width:2.75rem;height:2.75rem}}.hpl-pill:focus-visible,.hpl-playbtn:focus-visible,.hpl-reset:focus-visible,.vt__num:focus-visible,.st__seg:focus-visible,.hpl-dock__x:focus-visible,.stz__label button:focus-visible{outline:2px solid hsl(var(--brand-600));outline-offset:2px}@media(prefers-reduced-motion:reduce){.hpl-dock,.st__seg,.st__fill,.hpl-line .st,.vt__num,.hpl-credit{transition:none}}