:root { color-scheme: light; --ink:#23332d; --muted:#617168; --accent:#487b71; --line:#dce4df; }
*{box-sizing:border-box} body{margin:0;background:#f6f8f5;color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:900px;margin:auto;padding:24px}h1{font-size:21px;line-height:1.5;margin:0 0 8px}p{margin:8px 0 18px}.intro,.note{color:var(--muted);font-size:13px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:22px 0}label{display:block;font-size:13px}input,select{font:inherit;max-width:100%}select{width:100%;background:white;border:1px solid var(--line);border-radius:5px;padding:8px}input[type=range]{display:block;width:100%;margin:12px 0;accent-color:var(--accent)}output{font-variant-numeric:tabular-nums;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{background:white;border:1px solid var(--line);border-radius:6px;padding:12px}.metric span{display:block;font-size:12px;color:var(--muted)}.metric strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;margin:15px 0;font-size:13px;font-variant-numeric:tabular-nums}th,td{text-align:right;border-bottom:1px solid var(--line);padding:9px;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{font-weight:600;background:#edf2ec}.probabilities{display:grid;gap:10px;margin:20px 0}.bar{height:24px;background:#cfad82;position:relative;border-radius:3px;overflow:hidden}.bar span{display:block;height:100%;background:#487b71;transition:width .12s}.bar-label{font-size:12px;display:flex;justify-content:space-between}.note{margin-bottom:0}a{color:var(--accent)}:focus-visible{outline:3px solid #c58f4b;outline-offset:3px}.notice{border-left:3px solid #c58f4b;padding:8px 12px;background:#faf2e6;font-size:13px}@media(max-width:480px){main{padding:18px}.controls{gap:12px 16px}.metric strong{font-size:20px}table{font-size:12px}th,td{padding:8px 6px}}@media(prefers-reduced-motion:reduce){.bar span{transition:none}}