.tl{margin:0;border:1px solid var(--border-2);border-radius:var(--r,8px);background:var(--surface);padding:14px 14px 10px;display:grid;gap:6px;min-width:0}.tl-plot{position:relative;height:210px;margin:8px 0 0}.tl-grid{position:absolute;inset:0;pointer-events:none}.tl-gl{right:0;border-top:1px solid var(--border)}.tl-gl,.tl-gl span{position:absolute;left:0}.tl-gl span{top:-15px;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;background:var(--surface);padding-right:4px}.tl-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tl-dot,.tl-svg path{transition:opacity .12s}.tl-dot{width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface);pointer-events:none}.tl-cols,.tl-dot{position:absolute}.tl-cols{inset:0}.tl-col{display:block}.tl-col,.tl-cross{position:absolute;top:0;bottom:0}.tl-cross{width:1px;background:var(--border-2)}.tl-cross,.tl-tip{pointer-events:none}.tl-tip{position:absolute;top:4px;transform:translateX(10px);z-index:2;background:var(--surface);border:1px solid var(--border-2);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:6px 9px;display:grid;gap:2px;font-size:12px;min-width:150px;max-width:240px}.tl-tip.left{transform:translateX(calc(-100% - 10px))}.tl-tip b{font-size:12px;color:var(--ink)}.tl-tip-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:center}.tl-tip-row i{width:8px;height:8px;border-radius:2px}.tl-tip-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.tl-tip-v{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.tl-x{position:relative;height:18px}.tl-x span{position:absolute;transform:translateX(-50%);font-size:11.5px;color:var(--ink-3);font-weight:700;font-variant-numeric:tabular-nums}.tl-x span.on{color:var(--ink)}.tl-legend{list-style:none;margin:4px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 16px;border-top:1px solid var(--border);padding:6px 0 0}.tl-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:6px 4px;border:0;background:none;font:inherit;color:inherit;text-align:left;border-radius:6px}button.tl-item{cursor:pointer}button.tl-item:hover{background:var(--bg)}button.tl-item[aria-pressed=true]{background:var(--primary-soft)}button.tl-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tl-sw{width:10px;height:10px;border-radius:3px}.tl-nm{display:grid;min-width:0;font-size:13px;font-weight:700;color:var(--ink)}.tl-nm small,.tl-nm>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-nm small{display:block;font-size:11px;font-weight:500;color:var(--ink-3)}.tl-v{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:var(--ink)}.tl-cap{font-size:11px;color:var(--ink-3)}@media (max-width:600px){.tl{padding:10px 10px 8px}.tl-plot{height:170px}.tl-legend{grid-template-columns:minmax(0,1fr)}.tl-tip{display:none}}.tl-up{color:oklch(.48 .13 150)}.tl-down{color:oklch(.52 .17 25)}.tl-flat{color:var(--ink-2);font-weight:500}.tl-yr{font-size:11px;font-weight:500}.tl-empty,.tl-yr{color:var(--ink-3)}.tl-empty{margin:0;padding:16px;text-align:center;font-size:12.5px;border:1px dashed var(--border-2);border-radius:var(--r,8px)}