.hl{--bg:#eef2f5;--panel:#fff;--ink:#17212c;--muted:#5d6b7a;--grid:#b4c0cc;--cold:#7f97b8;--cold-ink:#fff;--hot:#e2552f;--hot-ink:#fff;--loop:#ffd166;--fix:#138a7a;--warn:#c2410c;--line-a:#138a7a1a;--f-display:"DotGothic16", "Zen Kaku Gothic New", system-ui, sans-serif;--f-body:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color:var(--ink);font-family:var(--f-body);gap:22px;font-size:15px;line-height:1.8;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hl{--bg:#0f151c;--panel:#17202a;--ink:#e6edf3;--muted:#93a3b4;--grid:#3a4858;--cold:#4b6386;--cold-ink:#e6edf3;--hot:#ff6b45;--hot-ink:#1a0d08;--loop:#ffd166;--fix:#3cc7b0;--warn:#fb923c;--line-a:#3cc7b01f}}:root[data-theme=dark] .hl{--bg:#0f151c;--panel:#17202a;--ink:#e6edf3;--muted:#93a3b4;--grid:#3a4858;--cold:#4b6386;--cold-ink:#e6edf3;--hot:#ff6b45;--hot-ink:#1a0d08;--loop:#ffd166;--fix:#3cc7b0;--warn:#fb923c;--line-a:#3cc7b01f}.hl a{color:var(--fix)}.hl button:focus-visible,.hl input:focus-visible,.hl a:focus-visible{outline:2px solid var(--fix);outline-offset:2px}.hl .lab{background:var(--panel);border-radius:14px;gap:12px;padding:16px;display:grid;box-shadow:0 1px #0000000a,0 8px 30px #14283c0f}.hl .controls{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.hl .seg{border:1px solid var(--grid);border-radius:999px;display:inline-flex;overflow:hidden}.hl .seg button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px}.hl .seg button[aria-pressed=true]{background:var(--ink);color:var(--panel)}.hl .slider{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.hl .slider input{width:160px;accent-color:var(--hot)}.hl .slider output{font-family:var(--f-mono);color:var(--ink);min-width:5.5em}.hl .svgbox{overflow-x:auto}.hl svg{width:100%;min-width:600px;height:auto;display:block}.hl svg text{font-family:var(--f-mono)}.hl .band{fill:var(--line-a);stroke:var(--fix);stroke-width:1.2px}.hl .hotbr path{fill:none;stroke:var(--hot);stroke-width:1.5px}.hl .hotbr text{fill:var(--hot)}.hl .fn{transition:transform .7s cubic-bezier(.3,.7,.2,1)}.hl .fnrect{transition:width .7s cubic-bezier(.3,.7,.2,1)}.hl .fnrect.hot{fill:var(--hot)}.hl .fnrect.cold{fill:var(--cold)}.hl .ink-hot{fill:var(--hot-ink)}.hl .ink-cold{fill:var(--cold-ink)}.hl .loop{fill:var(--loop)}.hl .loop-ink{fill:#3a2a00}.hl .grid line{stroke:var(--ink);stroke-opacity:.45;stroke-width:1px;stroke-dasharray:3 3}.hl .grid text{fill:var(--muted)}.hl .cross line{stroke:var(--warn);stroke-width:3px}.hl .cross text{fill:var(--warn)}.hl .padlabel{fill:var(--muted)}.hl .readouts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.hl .ro{border:1px solid var(--grid);border-radius:10px;gap:2px;min-width:0;padding:10px 12px;display:grid}.hl .ro .name{color:var(--muted);font-size:13px}.hl .ro .name code{font-family:var(--f-mono);font-size:12px}.hl .ro .val{font-size:15px}.hl .ro .val b{font-family:var(--f-mono);font-size:18px}.hl .ro.bad .val b{color:var(--warn)}.hl .ro.good .val b{color:var(--fix)}.hl .chips{flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.hl .chip{align-items:center;gap:6px;display:inline-flex}.hl .sw{border-radius:3px;width:14px;height:14px;display:inline-block}.hl .sw.hot{background:var(--hot)}.hl .sw.cold{background:var(--cold)}.hl .sw.loop{background:var(--loop)}.hl .sw.band{background:var(--line-a);border:1px solid var(--fix)}.hl .story{background:var(--panel);border-radius:14px;gap:14px;padding:18px;display:grid}.hl .steps{flex-wrap:wrap;gap:6px;display:flex}.hl .steps button{font-family:var(--f-mono);border:1px solid var(--grid);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:13px}.hl .steps button[aria-current=step]{background:var(--hot);border-color:var(--hot);color:var(--hot-ink)}.hl .scene h2{font-family:var(--f-display);text-wrap:balance;margin:0 0 6px;font-size:clamp(20px,3.6vw,26px);font-weight:400;line-height:1.4}.hl .scene p{max-width:64ch;margin:0 0 10px}.hl .scene .big{font-family:var(--f-mono);color:var(--warn);font-size:clamp(22px,5vw,34px)}.hl .nav{flex-wrap:wrap;gap:10px;display:flex}.hl .nav button{font:inherit;border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px}.hl .nav button.primary{background:var(--ink);color:var(--panel)}.hl .nav button:disabled{opacity:.35;cursor:default}.hl table{border-collapse:collapse;font-family:var(--f-mono);width:100%;font-size:13px}.hl th,.hl td{border-bottom:1px solid var(--grid);text-align:right;white-space:nowrap;padding:6px 10px}.hl th:first-child,.hl td:first-child{text-align:left}.hl th{font-family:var(--f-body);color:var(--muted);font-size:12px;font-weight:700}.hl td.moved{color:var(--warn)}.hl td.same{color:var(--fix)}.hl .tablebox{overflow-x:auto}.hl .note{color:var(--muted);max-width:70ch;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.hl .fn,.hl .fnrect{transition:none}}