:root{color-scheme:light;--ink:#203c3a;--teal:#176e60;--orange:#ce793d;--muted:#687e76;--line:#dce5dd}*{box-sizing:border-box}body{margin:0;background:#f5f6ee;color:var(--ink);font:15px/1.65 system-ui,-apple-system,sans-serif}header,main{max-width:1320px;margin:auto;padding:22px 30px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}a{color:var(--teal);text-decoration:none}.brand{font-weight:800;letter-spacing:1px}.brand span{color:var(--orange)}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:6px 0 24px}h1{font-size:clamp(28px,3vw,40px);margin:0;letter-spacing:-1px}h2{font-size:16px;margin:0}p{margin:5px 0}.intro>div>p:last-child{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:750}.tag{padding:5px 12px;border:1px solid #bfd1c4;border-radius:30px;font-size:12px;white-space:nowrap}button,select{font:inherit;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 13px;color:var(--ink);cursor:pointer}button:hover{background:#edf4e9;border-color:#9bb6a4}button:disabled{opacity:.45;cursor:not-allowed}.primary,button.active{background:var(--teal);border-color:var(--teal);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #da9b48;outline-offset:3px}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.presets button{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.experiment{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px}.panel-heading b{color:#becbc0}#phase{font-weight:700;color:var(--teal);background:#edf4e9;border-radius:6px;padding:4px 10px}canvas{display:block;width:100%;height:auto}#track{background:linear-gradient(#fafcf6,#edf3e5);border:1px solid #e1e9dc;border-radius:12px;margin:15px 0 18px}.playback{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.playback button,.playback label{font-size:12px}.playback label{margin-left:auto}.playback select{padding:7px;font-size:12px}.scrubber{display:flex;gap:12px;align-items:center;margin:20px 0 10px}.scrubber label{font-size:11px;white-space:nowrap}.scrubber output{font-variant-numeric:tabular-nums;font-size:12px;margin-left:6px}.scrubber input{flex:1;min-width:0}.scrubber>span{font-size:11px;color:var(--muted)}input[type=range]{accent-color:var(--teal);cursor:pointer}.microcopy{font-size:11px;color:var(--muted);line-height:1.7}#observation{font-size:13px;background:#eef4e8;border-left:3px solid var(--teal);padding:15px;margin-top:17px;border-radius:0 8px 8px 0;min-height:72px;display:flex;align-items:center}.settings{padding:22px}fieldset{margin:24px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--line)}legend{font-size:14px;font-weight:700;padding-right:8px}fieldset label{display:flex;justify-content:space-between;font-size:12px}fieldset input{width:100%;margin:14px 0 20px}fieldset output{font-weight:700;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:6px}.cart-b .dot{background:var(--orange)}.cart-b input{accent-color:var(--orange)}.results{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px}.chart-panel,.numbers{padding:22px}.legend-a{color:var(--teal)}.legend-b{color:var(--orange)}i{font-style:normal}#chart{margin-top:10px}table{border-collapse:collapse;width:100%;margin-top:16px;font-size:13px;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:10px 4px;border-bottom:1px solid var(--line)}th:first-child{text-align:left;font-weight:500}thead th{font-size:11px;color:var(--muted)}small{font-size:9px;font-weight:400;color:var(--muted);margin-left:3px}.conserved{font-size:11px;color:var(--teal);margin-top:15px}.notes{margin-top:20px;border:1px solid var(--line);padding:16px 20px;border-radius:12px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-size:13px}.notes p{margin-top:12px}.formula{font-family:ui-monospace,monospace}footer{font-size:11px;color:var(--muted);padding:22px 0}:fullscreen{background:#f5f6ee;overflow:auto}@media(max-width:850px){.workspace{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.settings>h2,.settings>p{grid-column:1/-1}.settings fieldset{margin:5px 0}.results{grid-template-columns:1fr 1fr}.playback label{margin-left:0}}@media(max-width:600px){header,main{padding:18px 15px}.intro{display:block}.tag{display:inline-block;margin-top:12px}.experiment,.settings,.chart-panel,.numbers{padding:15px}.results{grid-template-columns:1fr}#track{aspect-ratio:1.8;object-fit:contain}.playback{gap:5px}.playback button{padding:8px 10px}.panel-heading{font-size:10px}.presets{gap:5px}.presets button{padding:8px}.scrubber{gap:7px}.settings{gap:12px}#observation{font-size:12px}.intro p{font-size:13px}}