:root{color-scheme:light;--ink:#294553;--teal:#285f70;--warm:#a95836}*{box-sizing:border-box}body{margin:0;background:#f6f9fa;color:var(--ink);font:15px/1.65 Georgia,serif}main{max-width:920px;margin:auto;padding:22px}.eyebrow,h2,.toolbar,.interaction,.interaction-hint,.readouts,.ground-costs,.scale-status,.status,.method{font-family:system-ui,-apple-system,sans-serif}.eyebrow{margin:0 0 5px;color:#407e86;letter-spacing:.08em;text-transform:uppercase;font-size:10px}h2{margin:0 0 8px;font-size:25px;line-height:1.3;letter-spacing:-.035em}.intro{margin:0;max-width:740px}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:17px 0 12px}.preset-group{display:flex;align-items:center;gap:6px}.control-label{font-size:11px;color:#6f828c;margin-right:3px}button{cursor:pointer}.toolbar button{border:1px solid #c6d8dc;background:#fff;color:#315c6c;border-radius:6px;padding:7px 11px;font:600 12px/1.5 system-ui,sans-serif;min-height:38px}.toolbar button.quiet{background:transparent}.toolbar button:hover{background:#eaf3f4}.interaction{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.mode-group{display:flex;border:1px solid #b6ccd1;background:#e9f0f2;border-radius:7px;padding:3px}.mode-group button{border:0;background:transparent;color:#526d79;padding:7px 14px;border-radius:4px;font:600 12px/1.5 system-ui,sans-serif;min-height:34px}.mode-group button[aria-pressed=true]{background:var(--teal);color:#fff;box-shadow:0 1px 2px #193e5022}.mode-group button#mode-inspect[aria-pressed=true]{background:var(--warm)}.scale-lock{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;min-height:34px}.scale-lock input{accent-color:var(--teal);width:15px;height:15px}.interaction-hint{font-size:11px;line-height:1.5;color:#5f7883;margin:9px 0 12px;min-height:17px}.plot{position:relative;background:white;border:1px solid #d6e3e6;border-radius:10px;overflow:hidden}canvas{display:block;width:100%;aspect-ratio:10/9;touch-action:pan-y;cursor:crosshair}.handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.handle.target{width:30px;height:30px}.handle:active{cursor:grabbing}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #df9945;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.readouts section{margin:0;background:#eaf1f3;border-radius:7px;padding:12px 14px;min-width:0}.readouts .probe-card{background:#f5eee8}.readouts h3{font-size:11px;font-weight:600;margin:0;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.readouts output{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.probe-card h3{color:#965135}.probe-card #probe-cost{font-size:15px;font-weight:650}.mass-bar{height:7px;display:flex;overflow:hidden;border-radius:3px;margin:11px 0 5px;background:#dce4e9}.mass-bar span:nth-child(1){background:#5a849d}.mass-bar span:nth-child(2){background:#7caea3}.mass-bar span:nth-child(3){background:#a5b9c4}.mass-labels{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#4f6c7a}.mass-labels output{font-size:10px}.probe{font-size:11px;line-height:1.6;min-height:31px;margin:7px 0 0;color:#735d50;font-variant-numeric:tabular-nums}.ground-costs{font-size:11px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;margin:12px 0 3px;color:#617b85;font-variant-numeric:tabular-nums}.scale-status{font-size:11px;color:#617b85;margin:0 0 10px}.status{font-size:12px;margin:8px 0;color:#8c502d}.status:empty{display:none}.method{border-top:1px solid #d8e4e7;padding-top:9px;font-size:11px;color:#617b85;line-height:1.7}.method summary{cursor:pointer;font-weight:600;color:#4e6d7a}.method p{margin:9px 0 0}@media(max-width:540px){main{padding:16px 9px}h2{font-size:22px}.eyebrow{font-size:9px}.intro{font-size:14px;line-height:1.6}.readouts{grid-template-columns:1fr;gap:6px}.readouts section{padding:10px 12px}.toolbar{gap:7px;margin:13px 0 10px}.toolbar button{font-size:11px;padding:7px 9px}.control-label{display:none}.interaction{gap:5px}.mode-group button{font-size:11px;padding:6px 10px}.scale-lock{font-size:10px;gap:4px}.interaction-hint{font-size:10px;margin:7px 0 9px;min-height:30px}canvas{aspect-ratio:auto;height:360px}.probe{min-height:0}.mass-bar{margin-top:8px}.ground-costs{font-size:10px}.scale-status{font-size:10px}.method{font-size:11px}}@media(max-width:330px){.interaction{align-items:flex-start}.toolbar{gap:5px}.preset-group{gap:4px}.toolbar button{padding:6px 8px}.scale-lock{font-size:10px}.mode-group button{padding:6px 8px}canvas{height:345px}}
:root .power-control{display:grid;grid-template-columns:1fr 88px;gap:9px 16px;margin:15px 0 5px;padding:14px 16px;background:#e9f1f3;border:1px solid #d6e4e8;border-radius:8px;font:12px/1.5 system-ui,sans-serif}.power-slider{min-width:0}.power-slider label{display:flex;justify-content:space-between;gap:10px;font-weight:600}.power-slider output{color:#285f70;font-variant-numeric:tabular-nums}.power-slider input{width:100%;accent-color:#285f70;min-height:28px;margin:5px 0 0}.power-entry{font-size:10px;color:#526e7a}.power-entry input{display:block;box-sizing:border-box;width:100%;height:31px;border:1px solid #adc4cd;border-radius:5px;background:white;color:#294553;margin-top:3px;padding:4px 7px;font:12px system-ui,sans-serif}.power-presets{display:flex;gap:6px}.power-presets button{border:1px solid #b6ccd1;border-radius:4px;background:white;color:#315c6c;padding:4px 10px;min-height:29px;font:600 11px system-ui,sans-serif}.power-presets button[aria-pressed=true]{background:#285f70;color:white;border-color:#285f70}.power-help,.power-error{grid-column:1/-1;margin:0;font-size:10px;color:#617b85}.power-error{color:#94502d}.power-error:empty{display:none}@media(max-width:540px){:root .power-control{padding:11px;gap:8px 10px;grid-template-columns:1fr 72px}.power-slider label{font-size:11px}.power-help{font-size:10px}}
.power-presets{grid-column:1/-1}
