:root{color-scheme:light;--paper:#f4f7f7;--ink:#23323b;--muted:#586a76;--line:#ccd7db;--accent:#116d72;--soft:#dfefed;--white:#fff;--warm:#a04c20;--warm-bg:#fceee3}
:root.dark{color-scheme:dark;--paper:#202b30;--ink:#e3edef;--muted:#adbec5;--line:#465b64;--accent:#80d6cf;--soft:#2c4547;--white:#29373e;--warm:#f6b387;--warm-bg:#48382f}
*{box-sizing:border-box}body{margin:0;background:transparent;color:var(--ink);font:15px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}main{display:flow-root;padding:24px 26px;background:var(--paper);border-radius:8px}h1{font-size:23px;line-height:1.45;letter-spacing:-.02em;margin:4px 0 10px;font-weight:650}h2{font-size:16px;margin:12px 0}p{margin:10px 0}.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.1em}.intro,.note{font-size:13px;color:var(--muted)}.intro{margin-bottom:18px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:18px 0}label{font-size:13px;font-weight:550}.field{display:block;margin:18px 0}input[type=range]{display:block;width:100%;accent-color:var(--accent);min-height:36px;margin-top:5px}select,button{font:inherit;font-size:13px;min-height:42px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);padding:7px 11px}select{max-width:100%}label select{margin-left:6px}button{cursor:pointer}button.primary{background:var(--accent);color:var(--paper);font-weight:600;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scroll{overflow-x:auto;margin:18px 0;max-width:100%}table{border-collapse:collapse;width:100%;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}caption{font-size:12px;color:var(--muted);text-align:left;margin-bottom:8px}th,td{padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:550;color:var(--muted)}tr.selected td,tr.selected th{background:var(--soft);color:var(--ink);font-weight:650}.matrix{width:auto;margin:auto}.matrix td{min-width:32px;border:1px solid var(--line);font-family:ui-monospace,monospace}.matrix .zero{color:var(--muted);opacity:.6}.matrix .diag{font-weight:700}.formula{padding:14px 0;font-size:17px;line-height:1.8;font-family:ui-monospace,monospace;overflow-wrap:anywhere;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rod{display:flex;gap:5px;align-items:stretch;min-width:340px;padding:12px 0}.rod>div{flex:1;text-align:center;font-size:11px}.rod button{width:100%;padding:5px 2px;min-width:32px}.rod button[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:var(--accent)}.rod .end{display:flex;flex-direction:column;justify-content:center;background:var(--soft);padding:3px}.rod small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.badge{display:inline-block;font-size:12px;font-weight:650;background:var(--soft);color:var(--accent);padding:4px 10px;border-radius:3px}.status{font-size:13px;min-height:28px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.stats p{margin:0}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:24px;color:var(--accent);font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.solution{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.solution span{padding:6px 10px;border:1px solid var(--line);font-size:13px}.solution .known{background:var(--soft);border-color:var(--accent)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.comparison>section{min-width:0;padding-top:8px;border-top:2px solid var(--accent)}.comparison .bad{border-color:var(--warm)}.bad .badge{background:var(--warm-bg);color:var(--warm)}.metric{font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric b{display:block;font-size:18px;font-weight:600}.storage{margin:20px 0}.storage-line{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin-bottom:5px}.track{height:10px;background:var(--line);border-radius:2px;margin-bottom:16px}.fill{height:100%;background:var(--accent);min-width:2px}.fill.dense{background:var(--muted)}output{font-variant-numeric:tabular-nums}button:hover:not(:disabled){filter:brightness(.96)}@media(max-width:480px){main{padding:20px 15px}h1{font-size:21px}.comparison{grid-template-columns:1fr;gap:6px}.stats{gap:10px}.stat-value{font-size:21px}th,td{padding:8px 4px}.formula{font-size:15px}button,select{min-height:44px}.rod{min-width:320px}.matrix td{min-width:29px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.trial-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.trial-inputs label{display:block;min-width:0}.trial-inputs input{display:block;width:100%;min-height:42px;margin-top:5px;padding:6px 9px;font:inherit;font-size:14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:4px}.hint{margin:10px 0;font-size:13px;border:0;box-shadow:none}.hint summary{cursor:pointer;min-height:42px;padding:8px 0;color:var(--accent)}.hint p{color:var(--muted);margin:4px 0 12px}@media(max-width:480px){.trial-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-inputs input{min-height:44px}}