.cfx{--bg:#ffffff;--panel:#ffffff;--panel2:#eef0f2;--line:#17191c;--dim:#b6bbc1;--muted:#62686f;--rule:#e3e5e8;
  --sans:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:var(--bg);color:var(--line);font-family:var(--sans);border:1px solid var(--rule);border-radius:12px;padding:22px 22px 16px;margin:28px 0;max-width:100%;box-sizing:border-box;color-scheme:light}
.cfx *{box-sizing:border-box}
.cfx .cfx-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.cfx .cfx-case{display:inline-block;font:600 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 8px;border-radius:4px}
.cfx .cfx-k{display:inline-block;font:600 .7rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.cfx h3{margin:8px 0 2px;font-size:1.4rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--line);text-wrap:balance}
.cfx .cfx-sub{margin:0 0 10px;font-size:.95rem;color:var(--muted)}
.cfx .cfx-brief{margin:0;font-size:.93rem;line-height:1.55;color:#3d4248;max-width:64ch}
.cfx dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px;padding:10px 0;border-block:1px solid var(--rule)}
.cfx dl div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cfx dt{font:500 .64rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cfx dd{margin:0;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--line)}
.cfx .cfx-stage{touch-action:pan-y;cursor:crosshair;outline:none;border-radius:8px}
.cfx .cfx-stage:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.cfx svg{display:block;width:100%;height:auto}
.cfx .cfx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
.cfx button{font:500 .76rem var(--mono);cursor:pointer;border:1px solid var(--rule);background:transparent;color:var(--muted);border-radius:999px;padding:5px 11px;margin:0;line-height:1.3}
.cfx button:hover{border-color:var(--accent);color:var(--accent)}
.cfx button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cfx .cfx-chips button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.cfx .cfx-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--rule)}
.cfx .cfx-ro{display:flex;flex-wrap:wrap;gap:3px 14px;font:.76rem var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;min-width:0;flex:1 1 300px}
.cfx .cfx-ro b{color:var(--line);font-weight:600}
.cfx .cfx-ro em{color:var(--accent);font-style:normal;font-weight:600}
.cfx .cfx-play{border-color:var(--line);color:var(--line);flex:0 0 auto}
.cfx .cfx-play:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.cfx .cfx-note{margin:10px 0 0;font:.68rem var(--mono);color:var(--muted)}
.cfx svg .f{fill:var(--panel);stroke:var(--line);stroke-width:1;stroke-linejoin:round}
.cfx svg .in{fill:var(--panel2);stroke:var(--line);stroke-width:.8;stroke-linejoin:round}
.cfx svg .liq{fill:color-mix(in srgb,var(--accent) 9%,var(--panel));stroke:var(--line);stroke-width:.8;stroke-linejoin:round}
.cfx svg .liqH{fill:color-mix(in srgb,var(--accent) 26%,var(--panel));stroke:var(--accent);stroke-width:1.3;stroke-linejoin:round}
.cfx svg .rim{fill:none;stroke:var(--line);stroke-width:1;stroke-linejoin:round}
.cfx svg .rimH{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round}
.cfx svg .g{fill:none;stroke:var(--dim);stroke-width:1;stroke-dasharray:3 3}
.cfx svg .flow,.cfx svg .flowH{fill:none;stroke:var(--line);stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round}
.cfx svg .flowH{stroke:var(--accent)}
.cfx svg .bead{fill:var(--line)} .cfx svg .beadH{fill:var(--accent)}
.cfx svg .pp{stroke:var(--line);stroke-width:1.4;stroke-linecap:round} .cfx svg .ppH{stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}
.cfx svg .mesh{fill:var(--panel);fill-opacity:.3;stroke:var(--line);stroke-width:1;stroke-linejoin:round}
.cfx svg .meshH{fill:color-mix(in srgb,var(--accent) 12%,var(--panel));fill-opacity:.55;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}
.cfx svg .grid{fill:none;stroke:var(--dim);stroke-width:.6}
.cfx svg .gridH{fill:none;stroke:var(--accent);stroke-width:.6;stroke-opacity:.6}
.cfx svg .gate{fill:var(--panel);stroke:var(--line);stroke-width:1;stroke-linejoin:round}
.cfx svg .gateH{fill:color-mix(in srgb,var(--accent) 14%,var(--panel));stroke:var(--accent);stroke-width:1.4;stroke-linejoin:round}
.cfx svg .boat{fill:var(--panel);stroke:var(--accent);stroke-width:1.3;stroke-linejoin:round}
.cfx svg .arm{fill:none;stroke:var(--line);stroke-width:2.2;stroke-linecap:round} .cfx svg .armH{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round}
.cfx svg .coin{fill:var(--panel);stroke:var(--line);stroke-width:.9;stroke-linejoin:round}
.cfx svg .coinH{fill:color-mix(in srgb,var(--accent) 14%,var(--panel));stroke:var(--accent);stroke-width:1.1;stroke-linejoin:round}
.cfx svg .win{fill:var(--panel2);stroke:var(--line);stroke-width:.6} .cfx svg .winH{fill:color-mix(in srgb,var(--accent) 45%,var(--panel));stroke:var(--accent);stroke-width:.7}
.cfx svg .lead{fill:none;stroke:var(--dim);stroke-width:.8;stroke-dasharray:2 3} .cfx svg .leadH{fill:none;stroke:var(--accent);stroke-width:.9;stroke-dasharray:2 3}
.cfx svg .beam{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:var(--accent);stroke-width:.8;stroke-opacity:.55;stroke-linejoin:round}
.cfx svg .beamH{fill:color-mix(in srgb,var(--accent) 34%,transparent);stroke:var(--accent);stroke-width:1.2;stroke-linejoin:round}
.cfx svg .glass{fill:var(--panel2);fill-opacity:.16;stroke:var(--line);stroke-width:1;stroke-linejoin:round}
.cfx svg .glassH{fill:color-mix(in srgb,var(--accent) 12%,var(--panel));fill-opacity:.3;stroke:var(--accent);stroke-width:1.4;stroke-linejoin:round}
.cfx svg text{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}
.cfx svg .lb{font-family:var(--mono);font-size:9px;fill:var(--muted)}
.cfx svg .lbH{font-family:var(--mono);font-size:9px;fill:var(--accent);font-weight:600}
.cfx svg .num{font-family:var(--mono);font-size:9px;fill:var(--line);font-weight:500}
.cfx svg .numH{font-family:var(--mono);font-size:9px;fill:var(--accent);font-weight:600}
@media (max-width:560px){.cfx{padding:16px 14px 12px}.cfx h3{font-size:1.2rem}.cfx dd{font-size:.9rem}}