:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#243333;background:#f4f7f5;font-size:16px;--teal:#087f79;--orange:#da6835}*{box-sizing:border-box}body{margin:0}header{max-width:1320px;margin:auto;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde5df}.brand{font-weight:800;color:var(--teal)}.brand span{font-size:11px;letter-spacing:2px;margin-left:14px;color:#7e9087}main{max-width:1320px;margin:auto;padding:16px 24px}.eyebrow{color:var(--teal);font-size:12px;font-weight:700;margin:0}h1{font-size:clamp(24px,3vw,30px);margin:6px 0}p{line-height:1.6}.intro>p:last-child{color:#63736a;font-size:14px;margin:6px 0 16px}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #d4dfd8;background:white;color:#32483b;border-radius:8px;min-height:44px;padding:8px 14px;font-weight:700}button:hover{background:#e8f1eb}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3baca4;outline-offset:2px}.quiet{font-size:14px}#animate,.active{background:var(--teal);color:white;border-color:var(--teal)}.card{background:white;border:1px solid #dde6df;border-radius:14px;padding:18px}.controls{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;margin-bottom:16px;padding:14px 18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}label strong{float:right;color:var(--teal);font-size:17px}select,input[type=number]{padding:7px;border:1px solid #cddad2;border-radius:7px;background:#f8faf8;color:#263b30;min-height:36px}select{width:100%}.coeff{display:flex;gap:14px;margin-top:8px}.coeff label{display:flex;align-items:center;gap:8px;margin:0}.coeff input{width:70px}input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer;min-height:28px}.ends{display:flex;justify-content:space-between;font-size:12px;color:#7c8a80;margin-top:5px}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:start;gap:16px}.workspace>.card{min-width:0}h2{font-size:18px;margin:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.legend{display:flex;gap:12px;font-size:12px;font-weight:700}.original{color:var(--teal)}.moved{color:var(--orange)}.formulas{display:flex;gap:18px;flex-wrap:wrap;background:#f6f8f5;padding:10px 12px;border-radius:8px;margin-top:12px;font-weight:700}svg{width:100%;max-height:260px;display:block;margin-top:10px;background:#fcfdfb;border-radius:8px}.comparison-bar{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:14px}.graph-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #e5ebe7;padding-top:12px;margin-top:12px;flex-wrap:wrap}.graph-bottom label{margin:0}.graph-bottom input{width:76px}.graph-bottom button{margin-left:auto}.caption{font-size:14px;margin:8px 0;min-height:23px}.animation-note{color:#728076;font-size:12px;margin:8px 0 0}.badge{border-radius:6px;background:#eef3ef;padding:5px 10px;font-size:12px;color:#687e6e}.table-options{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:14px 0}.table-options label{margin:0;min-width:0}.table-options select,.table-options input{display:block;width:100%;margin-top:6px}.table-scroll{overflow:auto}table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums}th{font-size:14px;padding:10px 3px;border-bottom:1px solid #dfe7e1;background:#f8faf8;overflow-wrap:anywhere}td{padding:2px;font-size:16px;height:42px;border-bottom:1px solid #edf1ed}td button{padding:0;min-height:36px;width:100%;border:0;background:transparent;color:inherit}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f6f1}.matching{background:#edf7f1;color:#066d64;font-weight:800}tr.selected td{background:#dcefe7;border-top:2px solid #087f79;border-bottom:2px solid #087f79}tr.selected .matching{background:#cbe7dd}.zero-row td{border-top:2px solid #9dbbae}.zero-mark{display:block;font-size:10px;line-height:12px;font-weight:500;color:#526b5d}.zero-row td button{line-height:17px}.table-note{font-size:12px;color:#77877b;margin:10px 0 0}#range-feedback{font-size:13px;color:#a2432d}footer{text-align:center;color:#8a978f;font-size:12px;padding:18px 0 0}[hidden]{display:none!important}@media(max-width:950px){.controls{gap:16px}.workspace{grid-template-columns:minmax(0,1fr) minmax(290px,1fr)}.card{padding:14px}.legend{gap:8px}.table-options{gap:6px}}@media(max-width:720px){header{padding:10px 12px}.brand span{display:none}main{padding:12px}.controls{grid-template-columns:1fr 1fr;gap:12px}.controls>div:first-child{grid-column:1/-1}.controls>div:first-child select{width:calc(100% - 90px)}.controls>div:first-child{position:relative}.coeff{position:absolute;right:0;top:22px;flex-direction:column;gap:4px;margin:0}.coeff input{width:54px}.controls:has(#b-wrap:not([hidden]))>div:first-child{padding-bottom:32px}.workspace{grid-template-columns:1fr}.formulas{font-size:15px}.legend{font-size:11px}svg{max-height:250px}.graph-bottom{gap:8px}.graph-bottom button{font-size:14px}.graph-bottom label{font-size:12px}.comparison-bar{font-size:13px}.caption{font-size:13px}}
