.lch-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;margin-bottom:8px}.lch-read{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-size:13px;color:var(--secondary)}.lch-date,.lch-val b{color:var(--ink)}.lch-val b{font-weight:400}.lch-val.is-muted b{color:var(--secondary)}.lch-swatch{display:inline-block;width:14px;height:0;border-top:2px solid var(--ink);vertical-align:middle;margin-inline-end:6px}.lch-swatch.is-dashed{border-top-style:dashed;border-color:var(--muted)}.lch-ranges{justify-content:flex-end}.lch-plot{position:relative}.lch-svg{width:100%;height:100%;display:block;touch-action:pan-y}.lch-grid{stroke:var(--border);stroke-width:1}.lch-line{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.lch-line.is-dashed{stroke-dasharray:4 5}.lch-line.is-muted{stroke:var(--muted)}.lch-tick,.lch-xlabel{fill:var(--muted);font-size:11px}.lch-tick{dominant-baseline:middle;text-anchor:start}.lch-xlabel{text-anchor:middle}.lch-cross{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 4;opacity:.5}.lch-dot{fill:var(--blue);stroke:var(--surface);stroke-width:2}.lch-mark{fill:var(--ink);opacity:.14;font-weight:600;font-size:28px;letter-spacing:.08em;text-anchor:middle;dominant-baseline:middle}[dir=rtl] .lch-svg text{direction:ltr}@media (max-width:640px){.lch-head{grid-template-columns:1fr}.lch-ranges{justify-content:flex-start}}