.cmx{--bg: var(--sepia-bg);--fg: var(--sepia-text);--muted: var(--sepia-text-muted);--border: var(--sepia-border-light);--panel: rgba(45, 41, 38, .035);--them: #B5651D;--me: #178A6E;--bad: #C0392B;--wave: rgba(255, 255, 255, .78);--zone: rgba(192, 57, 43, .16);--track: #DAD5CB;--thumb: #FFFFFF;--focus: #2D2926;--faint: #9A948C;--q-pa: rgba(23, 138, 110, .42);--q-pc: rgba(70, 130, 180, .38);--q-uc: rgba(140, 130, 120, .38);--q-ua: rgba(192, 57, 43, .42)}html.dark .cmx{--panel: rgba(255, 255, 255, .04);--them: #D98A3D;--me: #2FB592;--bad: #E5604F;--wave: rgba(255, 255, 255, .8);--zone: rgba(229, 96, 79, .2);--track: #3A3532;--thumb: #D6D3D1;--focus: #D6D3D1;--faint: #78716C;--q-pa: rgba(47, 181, 146, .45);--q-pc: rgba(110, 160, 210, .4);--q-uc: rgba(168, 162, 158, .35);--q-ua: rgba(229, 96, 79, .45)}.cmx,.cmx *{box-sizing:border-box}.cmx{max-width:820px;margin:0 auto;padding:28px 16px 56px;color:var(--fg);font-family:var(--font-reading, "Lora", Georgia, serif);line-height:1.5}.cmx h1,.cmx h2,.cmx .hand{font-family:Patrick Hand,cursive;font-weight:400}.cmx h1{font-size:2.6rem;line-height:1.1;margin:0 0 16px}.cmx h2{font-size:1.35rem;margin:0 0 8px}.cmx .mono{font-family:var(--font-mono, "JetBrains Mono", monospace);font-variant-numeric:tabular-nums}.cmx section{margin-top:28px}.cmx .intro p{margin:0 0 12px}.cmx .hood table{width:100%;border-collapse:collapse;font-size:.95rem}.cmx .hood th,.cmx .hood td{text-align:left;padding:6px 12px 6px 0;border-bottom:1px solid var(--border);vertical-align:top}.cmx .hood th{font-family:Patrick Hand,cursive;font-weight:400;font-size:1.1rem}.cmx .hood .note{margin-top:12px;color:var(--muted);font-size:.95rem}.cmx .refs{padding-left:1.4rem;margin:0;font-size:.9rem;color:var(--muted)}.cmx .refs li{margin-bottom:4px}.cmx .back{margin-top:32px;text-align:center}.cmx .back a{display:inline-block;padding:12px 24px;background:var(--sepia-accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:500}.cmx .q-pa{fill:var(--q-pa)}.cmx .q-pc{fill:var(--q-pc)}.cmx .q-uc{fill:var(--q-uc)}.cmx .q-ua{fill:var(--q-ua)}.cmx .band-name{font-family:Patrick Hand,cursive;font-size:11px;fill:var(--fg);pointer-events:none}.cmx #ph-line{stroke:var(--fg);stroke-width:2}.cmx #ph-knob{fill:var(--fg)}.cmx .scrub{display:flex;align-items:center;gap:12px;margin-top:10px}.cmx .play{font-family:Patrick Hand,cursive;font-size:1.1rem;color:var(--bg);background:var(--fg);border:0;border-radius:999px;padding:4px 16px;cursor:pointer}.cmx #playhead{flex:1;min-width:0;accent-color:var(--fg)}.cmx .readout{margin:8px 0 0;min-height:1.6em;font-size:.95rem}.cmx .readout .t{font-family:var(--font-mono, "JetBrains Mono", monospace);font-variant-numeric:tabular-nums;color:var(--muted)}.cmx .readout .f{font-family:Patrick Hand,cursive;font-size:1.25rem}.cmx .arc{margin:0;font-size:1rem}.cmx .arc .path{font-family:Patrick Hand,cursive;font-size:1.3rem}.cmx .arc .end{color:var(--muted)}.cmx .split{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width: 720px){.cmx .split{grid-template-columns:1fr 320px}}.cmx .map-wrap{width:100%;max-width:320px;justify-self:center}.cmx #map{display:block;width:100%;height:auto}.cmx .map-axis{stroke:var(--muted);stroke-width:1}.cmx .map-end{font-size:11px;fill:var(--muted);font-family:var(--font-mono, "JetBrains Mono", monospace)}.cmx .fname{font-family:Patrick Hand,cursive;font-size:12px;text-anchor:middle;fill:var(--faint);opacity:.6}.cmx .fname.seen{fill:var(--fg);opacity:1;font-size:13px}.cmx .trail{fill:none;stroke:var(--fg);stroke-opacity:.4;stroke-width:1.5}.cmx .dot{fill:var(--fg)}.cmx #map-dot{fill:var(--them);stroke:var(--fg);stroke-width:2}.cmx :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.cmx .presets{display:flex;flex-wrap:wrap;gap:8px}.cmx .preset{font:inherit;font-family:Patrick Hand,cursive;font-size:1.1rem;color:var(--fg);background:transparent;cursor:pointer;border:1.5px solid var(--border);border-radius:999px;padding:4px 14px}.cmx .preset:hover{border-color:var(--fg)}.cmx .preset[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.cmx .tl-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px}.cmx .summary{font-size:.85rem;color:var(--muted)}.cmx .summary.bad{color:var(--bad)}.cmx #timeline{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;cursor:col-resize}.cmx .seg-them{fill:var(--them)}.cmx .seg-me{fill:var(--me)}.cmx .wave{fill:var(--wave)}.cmx .mk{font-size:18px;text-anchor:middle}.cmx .mk-q{fill:var(--me)}.cmx .mk-h{fill:var(--bad)}.cmx .mk-b{fill:var(--them)}.cmx .cut line{stroke:var(--bad);stroke-width:1.5;stroke-dasharray:3 2}.cmx .cut text{fill:var(--bad);font-size:15px;text-anchor:middle}.cmx .axis{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;fill:var(--muted)}.cmx .legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;padding:0;list-style:none;font-size:.82rem;color:var(--muted)}.cmx .legend b{font-size:1rem}.cmx .chips{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cmx .chip{--tone: var(--bad);padding:2px 0}.cmx .chip.good{--tone: var(--me)}.cmx .chip.neutral{--tone: var(--muted)}.cmx .chip .name{font-family:Patrick Hand,cursive;font-size:1.25rem;color:var(--tone)}.cmx .chip .why{color:var(--muted);font-size:.95rem}.cmx .inactive-title{margin:14px 0 6px;font-size:.8rem;color:var(--faint)}.cmx .inactive{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;color:var(--faint);font-size:.85rem}.cmx .inactive .hand{font-size:1.05rem}.cmx .inactive li,.cmx .chips li{font-size:inherit;margin:0}.cmx .pull{margin:18px 0;padding:0;border:0;font-family:Patrick Hand,cursive;font-size:1.6rem;line-height:1.25;color:var(--fg);text-wrap:balance}.cmx .panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px 6px}.cmx .sliders{display:grid;grid-template-columns:1fr;gap:6px 36px}@media (min-width: 640px){.cmx .sliders{grid-template-columns:1fr 1fr}}.cmx .slider{padding-bottom:12px;--thumb-size: 20px}.cmx .slider .head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cmx .slider label{font-family:Patrick Hand,cursive;font-size:1.1rem;line-height:1.2}.cmx .slider output{font-family:var(--font-mono, "JetBrains Mono", monospace);font-variant-numeric:tabular-nums;font-size:.95rem;white-space:nowrap}.cmx .slider output small{color:var(--muted);font-size:.72rem;margin-left:3px}.cmx .track{position:relative;height:26px}.cmx .zone,.cmx .mark,.cmx .tick{--pos: calc(var(--thumb-size) / 2 + (100% - var(--thumb-size)) * var(--f))}.cmx .rail{position:absolute;left:0;right:0;top:10px;height:6px;border-radius:3px;background:var(--track)}.cmx .zone{position:absolute;top:10px;height:6px;background:var(--zone)}.cmx .zone.up{left:var(--pos);right:0;border-radius:0 3px 3px 0}.cmx .zone.down{left:0;right:calc(100% - var(--pos));border-radius:3px 0 0 3px}.cmx .mark{position:absolute;top:6px;height:14px;width:2px;margin-left:-1px;left:var(--pos);background:var(--faint)}.cmx .mark.on{background:var(--bad)}.cmx .track input{position:absolute;inset:0;width:100%;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.cmx .track input::-webkit-slider-runnable-track{height:26px;background:transparent}.cmx .track input::-moz-range-track{height:26px;background:transparent}.cmx .track input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:3px;border-radius:50%;background:var(--thumb);border:2px solid var(--them);box-shadow:0 1px 3px #0000004d}.cmx .track input::-moz-range-thumb{width:calc(var(--thumb-size) - 4px);height:calc(var(--thumb-size) - 4px);border-radius:50%;background:var(--thumb);border:2px solid var(--them)}.cmx .labels{position:relative;height:48px}.cmx .tick{position:absolute;top:0;display:flex;align-items:flex-end;margin-left:-1px;padding-left:4px;border-left:1px solid var(--faint);font-family:Patrick Hand,cursive;font-size:.95rem;line-height:1;color:var(--faint);white-space:nowrap;left:var(--pos)}.cmx .tick.r{transform:translate(calc(-100% + 1px));padding-left:0;padding-right:4px;border-left:0;border-right:1px solid var(--faint)}.cmx .tick.on{color:var(--bad);border-color:var(--bad)}.cmx .tick.good.on{color:var(--me);border-color:var(--me)}