:root .kx.ui.rt{--fx-bg:var(--p-surface);--fx-surface:color-mix(in oklab, var(--p-ink) 6%, var(--p-surface));--fx-ink:var(--p-ink);--fx-muted:var(--p-muted);--fx-accent:var(--p-ink);--fx-accent-ink:var(--p-bg);--u-tile:var(--p-ink);--u-tile-edge:none;background:var(--p-surface);font-family:var(--font-text);box-shadow:none;border:1px solid color-mix(in oklab, var(--p-ink) 12%, transparent)}:root .kx.ui.rt .kx__bar{background:color-mix(in oklab, var(--p-ink) 3%, var(--p-surface))}:root .kx.ui.rt .kx__crumb,:root .kx.ui.rt .kx__label,:root .kx.ui.rt .kx-chip,:root .kx.ui.rt .kx-tag{font-family:var(--font-text);font-size:13px}:root .kx.ui.rt .kx-opt{border-color:color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.rt .kx-opt:hover{border-color:color-mix(in oklab, var(--p-ink) 40%, transparent)}:root .kx.ui.rt .kx-opt[aria-pressed=true],:root .kx.ui.rt .kx-opt[aria-checked=true],:root .kx.ui.rt .kx-opt.is-on{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-bg)}:root .kx.ui.rt .kx-opt:focus-visible,:root .kx.ui.rt .kx-btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}:root .kx.ui.rt .kx-chip{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.rt .kx-chip--on,:root .kx.ui.rt .kx-chip--accent{background:var(--p-ink);box-shadow:none;color:var(--p-bg)}:root .kx.ui.rt .kx-chip--ok{color:var(--p-ink)}:root .kx.ui.rt .kx-btn{background:var(--p-ink);color:var(--p-bg)}:root .kx.ui.rt .kx-btn:hover{background:color-mix(in oklab, var(--p-ink) 85%, var(--p-bg))}:root .kx.ui.rt .kx-btn--ghost{color:var(--p-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);background:0 0}:root .kx.ui.rt ::-webkit-scrollbar{width:6px;height:6px}:root .kx.ui.rt ::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--p-ink) 18%, transparent);border-radius:3px}:root .kx.ui.rt ::-webkit-scrollbar-track{background:0 0}.rt{flex-direction:column;height:480px;display:flex;overflow:hidden}.rt__body{flex:1;grid-template:"tag plot""legend plot"1fr"ctrl plot"/252px minmax(0,1fr);gap:14px 28px;min-height:0;padding:18px 20px 6px;display:grid}.rt__tagrow{grid-area:tag}.rt__legend{grid-area:legend}.rt__ctrl{grid-area:ctrl}.rt__plot{grid-area:plot}.rt__legend{align-content:start;margin:0;padding:0;list-style:none;display:grid}.rt__key{border-top:1px solid var(--u-line);grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"sw name name""sw num hit";align-items:center;gap:2px 12px;height:82px;padding:10px 0;display:grid}.rt__key:last-child{border-bottom:1px solid var(--u-line)}.rt__sw{background:var(--p-muted);border-radius:2px;grid-area:sw;align-self:start;width:14px;height:4px;margin-top:7px}.rt__key--2 .rt__sw{background:var(--p-accent)}.rt__key--3 .rt__sw{background:color-mix(in oklab, var(--p-muted) 60%, var(--p-surface))}.rt__name{color:var(--u-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:13px;line-height:1.2;overflow:hidden}.rt__num{font:500 34px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--u-ink);grid-area:num;min-width:2ch}.rt__hit{white-space:nowrap;background:var(--p-ink);height:24px;color:var(--p-bg);font-size:12px;font-weight:500;font-family:var(--font-mono);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:99px;grid-area:hit;justify-self:end;align-items:center;padding:0 9px;display:inline-flex;transform:translateY(3px)scale(.96)}.rt__hit.is-on{opacity:1;transform:none}.rt__hit.is-top{background:var(--u-accent);color:var(--u-accent-ink)}.rt__ctrl{align-content:end;justify-items:start;gap:10px;display:grid}.rt__readout{font:500 13px/1 var(--font-text);color:var(--u-muted);margin:0}.rt__readout b{color:var(--u-ink);font-weight:500}.rt__play{gap:10px;width:100%}.rt__play svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.rt__play[aria-pressed=true] svg{fill:none}.rt__plot{flex-direction:column;min-width:0;min-height:0;display:flex}.rt__chartbox{flex:1;min-height:0;position:relative}.rt__chart{cursor:ew-resize;touch-action:pan-y;user-select:none;display:block;position:absolute;inset:0;overflow:visible}.rt__zone{fill:var(--u-tint)}.rt__grid line{stroke:var(--u-line)}.rt__grid text,.rt__month{fill:var(--u-muted);font:400 12px var(--font-mono)}.rt__target line{stroke:color-mix(in oklab, var(--p-ink) 35%, transparent);stroke-width:1px;stroke-dasharray:4 5}.rt__target text{fill:var(--p-muted);font:500 12px var(--font-text)}.rt__now{stroke:var(--u-line-2);stroke-width:1px}.rt__line{fill:none;stroke:var(--p-muted);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.rt__line--2{stroke:var(--p-accent)}.rt__line--3{stroke:color-mix(in oklab, var(--p-muted) 60%, var(--p-surface))}.rt__dot{fill:var(--p-surface);stroke:var(--p-muted);stroke-width:2.5px}.rt__dot--2{stroke:var(--p-accent)}.rt__dot--3{stroke:color-mix(in oklab, var(--p-muted) 60%, var(--p-surface))}.rt__cross{fill:var(--p-surface);stroke:var(--p-muted);stroke-width:2px}.rt__cross--2{stroke:var(--p-accent)}.rt__cross--3{stroke:color-mix(in oklab, var(--p-muted) 60%, var(--p-surface))}.rt__pill rect{fill:var(--p-ink)}.rt__pill text{fill:var(--p-bg);font:500 12px var(--font-mono)}.rt__range{-webkit-appearance:none;appearance:none;cursor:pointer;width:auto;height:44px;margin:0 calc(var(--padr) - 10px) 0 calc(var(--padl) - 10px);background:0 0;border-radius:8px;flex:none}.rt__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--p-ink) var(--pct), var(--u-fill-3) var(--pct));border-radius:2px;height:4px}.rt__range::-moz-range-track{background:var(--u-fill-3);border-radius:2px;height:4px}.rt__range::-moz-range-progress{background:var(--p-ink);border-radius:2px;height:4px}.rt__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--p-surface);border:2px solid var(--p-ink);border-radius:50%;width:20px;height:20px;margin-top:-8px}.rt__range::-moz-range-thumb{background:var(--p-surface);border:2px solid var(--p-ink);border-radius:50%;width:16px;height:16px}.rt__range:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}.rt__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px) and (width<=1023px){.rt{height:560px}.rt__body{grid-template:"tag ctrl""legend legend""plot plot"1fr/minmax(0,1fr) auto;gap:12px;padding:16px 20px 6px}.rt__ctrl{grid-auto-flow:column;place-items:center end;gap:16px}.rt__play{width:auto}.rt__legend{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}.rt__key{border-bottom:1px solid var(--u-line);height:78px}}@media (width<=639px){.rt{height:520px}.rt__body{grid-template:"tag ctrl""legend legend""plot plot"1fr/minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px 4px}.rt__ctrl{grid-auto-flow:column;place-items:center end;gap:10px}.rt__readout{display:none}.rt__play{width:auto;padding:0 14px}.rt__key{grid-template-columns:14px minmax(0,1fr) auto auto;grid-template-areas:"sw name num hit";column-gap:10px;height:46px;padding:0}.rt__sw{align-self:center;margin-top:0}.rt__num{font-size:22px}.rt__hit{justify-content:center;min-width:62px}.rt__key:last-child{border-bottom:1px solid var(--u-line)}}@media (prefers-reduced-motion:reduce){.rt__hit,.rt__range::-webkit-slider-thumb{transition:none}}