.diff-scene{--diff-ink:#e1e9e5;--diff-muted:#aec0bf;color:var(--diff-ink);background:radial-gradient(at 48% 28%,#253e49,#172c36 78%);border-radius:24px;font-size:16px;line-height:1.65;overflow:hidden}.diff-heading{max-width:850px;padding:28px 30px 0}.diff-heading>span{color:#d4b28a;font-size:16px}.diff-heading h2{letter-spacing:-.025em;margin:10px 0 12px;font-size:clamp(24px,3vw,33px);font-weight:480}.diff-heading p{color:#bacdca;max-width:64ch;margin:0;font-size:17px}.diff-object{min-width:0;position:relative}.diff-object>.diff-studio{background:0 0;height:440px;min-height:0}.diff-close-label{display:none}.diff-object .studio-fallback{min-height:0;position:absolute;inset:0;overflow:hidden}.diff-object .diff-mechanism{width:100%;max-width:620px;height:100%;min-height:0}.diff-dial{width:60px;height:60px;display:block}.diff-readouts{text-align:center;grid-template-columns:1fr .7fr 1fr;gap:14px;max-width:700px;margin:auto;padding:10px 30px 24px;display:grid}.diff-readouts>div{align-content:center;justify-items:center;gap:4px;display:grid}.diff-readouts span,.diff-readouts small{color:var(--diff-muted);font-size:16px}.diff-readouts strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:23px;font-weight:480}.diff-readouts strong small{font-size:16px}.diff-carrier-readout strong{font-size:30px}.diff-pinion-rate{color:var(--diff-muted);text-align:center;margin:0;padding:4px 30px 22px;font-size:16px}.diff-pinion-rate strong{color:#e2c39a;margin-left:14px;font-weight:500}.diff-road,.diff-mean,.diff-torque{border-top:1px solid #bdcdc526;margin:0 30px;padding:18px 0}.diff-road svg{width:100%;height:auto;max-height:280px;display:block}.diff-road p,.diff-mean p{color:var(--diff-muted);text-align:center;margin:10px 0;font-size:16px}.diff-distance{text-align:center;grid-template-columns:1fr 1fr;gap:20px;font-size:16px;display:grid}.diff-distance span{color:var(--diff-muted);display:grid}.diff-distance strong{font-variant-numeric:tabular-nums;color:#dcc6a9;font-size:23px;font-weight:480}.diff-distance span:last-child strong{color:#aed1d5}.diff-mean svg{width:100%;height:160px;display:block}.diff-equation{text-align:center;font-variant-numeric:tabular-nums;color:#dddabe;font-size:24px}.diff-load-scope{color:var(--diff-muted);margin:0 0 20px;font-size:16px}.diff-torque-pair{grid-template-columns:1fr 1fr;gap:30px;display:grid}.diff-torque-pair>div{gap:5px;display:grid}.diff-torque-pair span{color:var(--diff-muted);font-size:16px}.diff-torque-pair strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:480}.diff-torque-pair small{font-size:16px}.diff-torque-pair b{color:#e3dfcc;font-weight:500}.diff-torque-track{background:#a4b8b612;border-radius:8px;height:22px;margin:9px 0;position:relative;overflow:hidden}.diff-torque-track i,.diff-torque-track b{border-radius:7px;height:100%;display:block;position:absolute;top:0;left:0}.diff-torque-track i{background:#bdcecc3a}.diff-torque-track b{height:8px;top:7px}.diff-accepted{color:var(--diff-muted);justify-content:space-between;gap:15px;margin:24px 0 4px;font-size:16px;display:flex}.diff-accepted strong{color:var(--diff-ink);font-size:24px;font-weight:480}.diff-power{border-top:1px solid #bdcdc526;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;display:grid}.diff-power span{color:var(--diff-muted);font-size:16px;display:grid}.diff-power b{color:var(--diff-ink);font-size:22px;font-weight:480}.diff-power p{color:var(--diff-muted);grid-column:1/-1;margin:0;font-size:16px}.diff-reference{color:var(--diff-muted);border-top:1px solid #bdcdc526;margin-top:14px;padding-top:14px;font-size:16px}.diff-reference>span{margin-right:18px}.diff-reference strong{color:var(--diff-ink);font-size:23px;font-weight:480}.diff-reference p{margin:8px 0 0;font-size:16px}.diff-controls{border-top:1px solid #bdcdc526;gap:18px;padding:24px 30px;display:grid}.diff-controls h3{margin:0;font-size:23px;font-weight:480}.diff-controls p{color:var(--diff-muted);margin:0;font-size:16px}.diff-choices{flex-wrap:wrap;gap:8px;display:flex}.diff-controls button{font:inherit;color:#dce6df;cursor:pointer;background:#aecac90b;border:1px solid #98b2b14a;border-radius:12px;min-height:44px;padding:9px 15px;font-size:16px}.diff-controls button[aria-pressed=true]{color:#edd5ad;background:#d5b8841c;border-color:#c5a87c}.diff-controls button:focus-visible,.diff-controls input:focus-visible,.diff-assumptions summary:focus-visible{outline-offset:4px;outline:2px solid #dabb89}.diff-range{grid-template-columns:1fr auto;gap:6px 15px;font-size:16px;display:grid}.diff-range label{font-size:16px}.diff-range output{font-variant-numeric:tabular-nums;color:#d9bd98;font-size:16px}.diff-range input{accent-color:#adbaaa;grid-column:1/-1;width:100%;min-width:0;height:44px;margin:0}.diff-reset{justify-self:start}.diff-assumptions{padding:0 30px 24px}.diff-assumptions summary{cursor:pointer;min-height:44px;color:var(--diff-muted);align-items:center;font-size:16px;list-style:none;display:flex}.diff-assumptions summary:before{content:"+";margin-right:10px}.diff-assumptions[open] summary:before{content:"−"}.diff-assumptions p{color:var(--diff-muted);max-width:80ch;font-size:16px;line-height:1.8}@media (max-width:760px){.diff-heading{padding:22px 18px 0}.diff-heading h2{margin:8px 0 10px;font-size:25px;line-height:1.45}.diff-heading p{font-size:16px;line-height:1.65}.diff-object>.diff-studio{height:330px}.diff-close-label{color:var(--diff-muted);padding:0 18px 8px;font-size:16px;display:block}.diff-readouts{gap:8px;padding:14px 16px 20px}.diff-readouts strong{font-size:20px}.diff-readouts strong small{display:block}.diff-pinion-rate{text-align:left;flex-wrap:wrap;gap:4px 12px;padding:0 18px 18px;display:flex}.diff-pinion-rate strong{margin:0}.diff-road,.diff-mean,.diff-torque{margin:0 18px;padding:18px 0}.diff-road svg{max-height:280px}.diff-distance{gap:12px}.diff-equation{font-size:21px}.diff-torque-pair{gap:16px}.diff-torque-pair strong{font-size:24px}.diff-accepted{flex-wrap:wrap;margin:20px 0 10px}.diff-reference>span{margin:0 0 5px;display:block}.diff-controls{padding:20px 18px}.diff-choices button{flex:120px}.diff-range{grid-template-columns:1fr auto}.diff-assumptions{padding:0 18px 18px}.diff-scene[data-mode=watch]{flex-direction:column;min-height:550px;display:flex}.diff-scene[data-mode=watch]>.diff-assumptions{margin-top:auto}.diff-scene[data-mode=watch][data-focus=paths]>.diff-object,.diff-scene[data-mode=watch][data-focus=mean]>.diff-object,.diff-scene[data-mode=watch][data-focus=torque]>.diff-object,.diff-scene[data-mode=watch][data-focus=traction]>.diff-object,.diff-scene[data-mode=watch][data-focus=spiders] .diff-close-label{display:none}.diff-power{gap:12px}.diff-power b{font-size:21px}.diff-object .studio-mode{min-height:44px;font-size:16px}}@media (max-width:360px){.diff-heading h2{font-size:23px}.diff-object>.diff-studio{height:300px}.diff-readouts{padding-top:8px}.diff-dial{width:52px;height:52px}.diff-carrier-readout span{max-width:5em}.diff-range label,.diff-range output{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.diff-scene *{transition:none!important;animation:none!important}}.diff-scene[data-mode=watch] .diff-heading>span{display:none}.diff-object .studio-mode{min-height:44px;font-size:16px}.diff-scene[data-mode=watch][data-focus=spiders] .diff-close-label{color:var(--diff-muted);padding:0 30px 12px;font-size:16px;display:block}@media (max-width:760px){.diff-scene[data-mode=watch] .diff-heading{padding:20px 18px 0}.diff-scene[data-mode=watch] .diff-heading h2{margin:0 0 12px;font-size:23px;line-height:1.35}.diff-scene[data-mode=watch] .diff-object>.diff-studio{height:260px}.diff-scene[data-mode=watch] .diff-assumptions{padding-bottom:12px}.diff-scene[data-mode=watch] .diff-road,.diff-scene[data-mode=watch] .diff-mean,.diff-scene[data-mode=watch] .diff-torque{padding:12px 0}.diff-scene[data-mode=watch] .diff-road p,.diff-scene[data-mode=watch] .diff-mean>p:first-child,.diff-scene[data-mode=watch] .diff-reference p,.diff-scene[data-mode=watch] .diff-power p{display:none}.diff-scene[data-mode=watch] .diff-road svg{height:240px}.diff-scene[data-mode=watch] .diff-readouts{padding:4px 16px 16px}.diff-scene[data-mode=watch][data-focus=spiders] .diff-readouts{display:none}.diff-scene[data-mode=watch][data-focus=spiders] .diff-close-label{padding:0 18px 12px}.diff-scene[data-mode=watch][data-focus=mean] .diff-dial{display:none}.diff-scene[data-mode=watch] .diff-pinion-rate{padding-bottom:12px}.diff-scene[data-mode=watch] .diff-load-scope{margin-bottom:12px;line-height:1.5}.diff-scene[data-mode=watch] .diff-torque-pair{gap:14px}.diff-scene[data-mode=watch] .diff-torque-pair strong{font-size:22px}.diff-scene[data-mode=watch] .diff-accepted{margin:16px 0 8px}.diff-scene[data-mode=watch] .diff-reference{margin-top:8px;padding-top:10px}.diff-scene[data-mode=watch] .diff-power{grid-template-columns:1fr 1fr;gap:10px}.diff-scene[data-mode=watch] .diff-power>span:last-of-type{grid-column:1/-1;justify-content:space-between;display:flex}.diff-scene[data-mode=watch][data-focus=spiders] .diff-close-label{display:none}}