.tl{z-index:10;box-sizing:border-box;height:56px;font-family:var(--hud-font);color:var(--hud-text);background:linear-gradient(180deg, var(--hud-panel-top), var(--hud-panel-bottom));border-top:1px solid color-mix(in srgb, var(--hud-accent) 22%, transparent);-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:0 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.tl:before{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--hud-accent) 13%, transparent), transparent);height:14px;position:absolute;top:0;left:0;right:0}.tl-corner{pointer-events:none;border-top:2px solid color-mix(in srgb, var(--hud-accent) 85%, transparent);width:18px;height:14px;position:absolute;top:0}.tl-corner-l{border-left:2px solid color-mix(in srgb, var(--hud-accent) 85%, transparent);left:0}.tl-corner-r{border-right:2px solid color-mix(in srgb, var(--hud-accent) 85%, transparent);right:0}.tl-transport{flex:none;align-items:center;gap:12px;display:flex}.tl-play{--c:8px;cursor:pointer;width:34px;height:34px;color:var(--hud-accent);background:color-mix(in srgb, var(--hud-accent) 40%, transparent);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));border:0;padding:0;position:relative}.tl-play:before{content:"";clip-path:inherit;background:linear-gradient(#14202ceb,#06090deb);position:absolute;inset:1px}.tl-play svg{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--hud-accent) 70%, transparent));margin:0 auto;display:block;position:relative}.tl-play:hover{background:color-mix(in srgb, var(--hud-accent) 85%, transparent)}.tl-play:focus-visible{background:var(--hud-accent);outline:0}.tl-rates{--c:6px;background:color-mix(in srgb, var(--hud-accent) 28%, transparent);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));gap:1px;padding:1px;display:flex}.tl-rate{cursor:pointer;height:24px;font:11px/1 var(--hud-font);letter-spacing:.1em;color:var(--hud-text-dim);background:#06090df0;border:0;padding:0 9px}.tl-rate:hover{color:var(--hud-text)}.tl-rate[aria-pressed=true]{color:var(--hud-accent);background:color-mix(in srgb, var(--hud-accent) 20%, #06090df0);text-shadow:0 0 8px color-mix(in srgb, var(--hud-accent) 70%, transparent)}.tl-rate:focus-visible{color:var(--hud-accent);outline:0}.tl-axis{flex-direction:column;flex:auto;gap:7px;min-width:0;display:flex}.tl-track{cursor:pointer;touch-action:none;background:color-mix(in srgb, var(--hud-structure) 10%, transparent);border:1px solid color-mix(in srgb, var(--hud-structure) 34%, transparent);height:15px;box-shadow:inset 0 0 9px color-mix(in srgb, var(--hud-accent) 12%, transparent);position:relative}.tl-density{pointer-events:none;position:absolute;inset:0}.tl-fill{pointer-events:none;background:repeating-linear-gradient(115deg, #ffffff12 0 2px, transparent 2px 7px), linear-gradient(90deg, color-mix(in srgb, var(--hud-structure) 40%, transparent), color-mix(in srgb, var(--hud-accent) 55%, transparent));position:absolute;top:0;bottom:0;left:0}.tl-ticks{pointer-events:none;position:absolute;inset:0}.tl-tick{width:1px;position:absolute}.tl-tick-minor{background:color-mix(in srgb, var(--hud-structure) 55%, transparent);height:4px;bottom:0}.tl-tick-major{background:color-mix(in srgb, var(--hud-accent) 45%, transparent);top:0;bottom:0}.tl-labels{height:10px;position:relative}.tl-label{white-space:nowrap;letter-spacing:.14em;color:var(--hud-text-dim);font-size:9px;position:absolute;top:0;transform:translate(-50%)}.tl-label-first{transform:none}.tl-label-last{transform:translate(-100%)}.tl-playhead{cursor:grab;background:var(--hud-accent);width:3px;box-shadow:0 0 10px color-mix(in srgb, var(--hud-accent) 85%, transparent);margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.tl-playhead:before{content:"";background:var(--hud-accent);width:7px;height:7px;box-shadow:0 0 9px color-mix(in srgb, var(--hud-accent) 90%, transparent);position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tl-playhead:after{content:"";position:absolute;inset:-4px -7px}.tl-playhead:focus-visible{box-shadow:0 0 16px var(--hud-accent);outline:0}.tl-year{flex:none;justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.tl-year-value{text-align:right;letter-spacing:.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:7ch;color:var(--hud-accent);text-shadow:0 0 12px color-mix(in srgb, var(--hud-accent) 50%, transparent);font-size:22px;line-height:1}.tl-year-suffix{letter-spacing:.2em;color:var(--hud-text-dim);font-size:10px}@media (width<=760px){.tl-rates{display:none}}@media (width<=560px){.tl{gap:10px;padding:0 12px}.tl-year-value{font-size:18px}}