:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#203432;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--ink:#203432;--muted:#647572;--paper:#fff;--canvas:#f1f5f3;--line:#d7e0dd;--line-strong:#b9c8c4;--coral:#ef6b57;--coral-soft:#fbe4df;--coral-text:#ad3d2f;--teal:#13998c;--teal-soft:#dcefeb;--teal-text:#08756c;--yellow:#e6ae27;--yellow-soft:#f8edc9;--yellow-text:#785600;--blue:#497bb7;--blue-soft:#e1e9f3;--nav:#27413d;background:#f1f5f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #13998c4d}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.topbar{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1fr) auto minmax(110px,1fr);align-items:center;gap:22px;min-height:72px;padding:12px 24px;display:grid}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-icon{color:#fff;background:var(--nav);border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brand>div{flex-direction:column;min-width:0;display:flex}.brand strong{font-size:17px;font-weight:750}.brand div span{color:var(--muted);margin-top:2px;font-size:11px}.topic-tabs,.scenario-tabs,.view-switcher,.speed-switch{background:#e5ebe8;border-radius:8px;padding:3px;display:inline-flex}.topic-tabs button,.scenario-tabs button,.view-switcher button,.speed-switch button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.topic-tabs button[data-active=true],.scenario-tabs button[data-active=true],.view-switcher button[data-active=true],.speed-switch button[data-active=true]{color:var(--ink);background:var(--paper);box-shadow:0 1px 3px #1e35311f}.topic-tabs{justify-self:center}.topic-tabs button{min-width:126px}.topbar-actions{justify-content:flex-end;min-width:110px;display:flex}.scenario-bar{border-bottom:1px solid var(--line);background:#f8faf9;justify-content:center;align-items:center;min-height:56px;padding:8px clamp(22px,4vw,56px);display:flex}.scenario-bar .scenario-tabs{background:#e2e9e6}.short-tab-label{display:none}.motion-toggle{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:7px;justify-content:center;justify-self:end;align-items:center;gap:7px;min-width:80px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.motion-toggle[aria-pressed=true]{color:var(--muted);background:#edf1ef}main{width:100%;max-width:1440px;margin:0 auto}.problem-band{--accent:var(--coral);--accent-soft:var(--coral-soft);--accent-text:var(--coral-text);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:inset 5px 0 0 var(--accent);grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;padding:24px clamp(22px,4vw,56px);display:grid}.accent-teal{--accent:var(--teal);--accent-soft:var(--teal-soft);--accent-text:var(--teal-text)}.accent-yellow{--accent:var(--yellow);--accent-soft:var(--yellow-soft);--accent-text:var(--yellow-text)}.accent-blue{--accent:var(--blue);--accent-soft:var(--blue-soft);--accent-text:#315f96}.problem-index{color:var(--accent-text);grid-template-columns:26px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.problem-index span{font-size:13px;font-weight:750}.problem-index small{color:var(--muted);grid-column:2;font-size:11px}.problem-band h1{max-width:960px;color:var(--ink);letter-spacing:0;margin:0;font-size:25px;font-weight:720;line-height:1.55}.lab-layout{grid-template-columns:286px minmax(0,1fr);gap:18px;padding:22px clamp(22px,4vw,56px) 18px;display:grid}.parameter-panel,.visual-workspace{border:1px solid var(--line);background:var(--paper);border-radius:8px}.parameter-panel{padding:20px}.panel-heading,.parameter-heading,.data-editor-heading,.stage-readout,.workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{margin-bottom:23px}.panel-heading>div{flex-direction:column;display:flex}.panel-heading span{color:var(--coral-text);font-size:11px;font-weight:750}.panel-heading h2{margin:4px 0 0;font-size:17px;font-weight:730}.icon-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:7px;flex:none;place-items:center;width:42px;height:42px;padding:0;display:inline-grid}.parameter-field{border-top:1px solid var(--line);padding:13px 0}.parameter-heading label{color:var(--ink);font-size:12px;font-weight:700}.parameter-heading em{color:var(--muted);margin-left:3px;font-family:Georgia,serif;font-style:italic;font-weight:400}.number-input,.guess-input{position:relative}.number-input input{border:1px solid var(--line-strong);width:90px;height:34px;color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 42px 0 8px;font-size:13px}.number-input span,.guess-input span{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.parameter-range{width:100%;accent-color:var(--nav);cursor:pointer;margin:10px 0 1px}.range-ends{color:#8a9895;justify-content:space-between;font-size:11px;display:flex}.random-button,.check-button{border:1px solid var(--line);cursor:pointer;background:#f7f9f8;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;font-size:12px;font-weight:700;display:flex}.key-relation{color:#0e7f75;border-left:3px solid var(--teal);background:var(--teal-soft);align-items:center;gap:9px;min-height:48px;margin:16px 0;padding:9px 11px;font-size:11px;display:flex}.key-relation[data-valid=false]{color:#986d04;border-color:var(--yellow);background:var(--yellow-soft)}.key-relation span{align-items:baseline;gap:5px;display:flex}.key-relation strong{color:var(--ink);font-size:17px}.guess-box{border-top:1px solid var(--line);padding-top:17px}.guess-box>label{color:var(--ink);margin-bottom:9px;font-size:12px;font-weight:700;display:block}.guess-row{grid-template-columns:minmax(0,1fr) 64px;gap:7px;display:grid}.guess-input input{border:1px solid var(--line-strong);border-radius:6px;width:100%;height:40px;padding:0 48px 0 10px}.check-button{color:#fff;border-color:var(--nav);background:var(--nav);min-height:40px}.feedback-line{color:#866000;align-items:flex-start;gap:5px;min-height:35px;padding-top:7px;font-size:11px;line-height:1.45;display:flex}.feedback-line[data-kind=correct]{color:#08766c}.cannot-catch{color:#866000;margin:0;font-size:11px;line-height:1.6}.visual-workspace{min-width:0;overflow:hidden}.workspace-toolbar{border-bottom:1px solid var(--line);min-height:58px;padding:9px 14px}.workspace-status{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.principle-steps{border-bottom:1px solid var(--line);background:#fafcfb;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 14px;display:grid}.principle-steps button{min-width:0;min-height:45px;color:var(--muted);border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:5px 7px;font-size:11px;font-weight:700;display:flex}.principle-steps button:last-child{border-right:0}.principle-steps button strong{width:22px;height:22px;color:var(--muted);background:#e5ebe8;border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.principle-steps button[data-active=true]{color:var(--ink);background:var(--teal-soft)}.principle-steps button[data-active=true] strong{color:#fff;background:var(--nav)}.status-dot{background:var(--accent,var(--coral));width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft,var(--coral-soft));border-radius:50%}.motion-stage{min-height:555px}.stage-readout{justify-content:flex-start;gap:26px;min-height:54px;padding:10px 18px}.stage-readout>div{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.stage-readout svg{color:var(--teal)}.stage-readout strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.stage-readout .camera-readout{color:var(--teal-text);margin-left:auto}.stage-readout .camera-readout strong{font-size:11px;font-weight:650}.principle-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafcfb;grid-template-rows:auto auto;grid-template-columns:minmax(210px,.9fr) minmax(260px,1.4fr);align-items:center;gap:7px 26px;min-height:112px;padding:15px 18px;display:grid}.proof-copy{flex-direction:column;grid-row:1/3;gap:5px;display:flex}.proof-copy span,.proof-intro span{color:var(--muted);font-size:11px;font-weight:650}.proof-copy strong,.proof-intro strong{color:var(--ink);font-size:13px;line-height:1.5}.proof-intro{color:var(--teal-text);grid-template-rows:auto;grid-template-columns:34px minmax(210px,.8fr) minmax(220px,1.2fr)}.proof-intro>div:not(.head-start-ruler){flex-direction:column;gap:4px;display:flex}.speed-proof-row{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.speed-proof-row>strong{color:var(--ink);font-size:12px}.speed-proof-track,.head-start-ruler{border:1px solid var(--line-strong);background:var(--paper);border-radius:5px;height:26px;display:flex;overflow:hidden}.speed-proof-part{border-right:1px solid #2034322e;place-items:center;min-width:0;height:100%;display:grid}.speed-proof-part small{white-space:nowrap;padding:0 5px;font-size:11px;font-weight:700;overflow:hidden}.part-common,.part-b{color:var(--teal-text);background:var(--teal-soft)}.part-extra,.part-a{color:var(--coral-text);background:var(--coral-soft)}.proof-footnote{color:#785600;grid-column:2;font-size:11px}.head-start-ruler{align-self:center;position:relative}.head-start-ruler span{background:var(--yellow-soft);border-right:2px solid var(--yellow);height:100%;display:block}.track-wrap{width:100%;overflow:hidden}.motion-svg{width:100%;height:auto;display:block}.track-bed{fill:#f3f6f5;stroke:var(--line);stroke-width:1px}.lane-line{stroke:#b9c8c4;stroke-width:2px;stroke-dasharray:9 8}.trail{stroke-width:8px;stroke-linecap:round;opacity:.55}.trail-a{stroke:var(--coral-soft)}.trail-b{stroke:var(--teal-soft)}.animal-runner{pointer-events:none}.animal-outline,.animal-coat,.animal-head,.animal-ear,.animal-paw{stroke:#3d4f4b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.animal-a .animal-coat,.animal-a .animal-head,.animal-a .animal-paw{fill:#e9a36f}.animal-a .animal-tail{fill:none;stroke:#b9664c;stroke-width:7px}.animal-a .animal-muzzle,.animal-a .animal-ear-inner{fill:#fff1db}.animal-a .animal-scarf,.animal-a .traveler-badge circle,.animal-a .position-marker{fill:var(--coral)}.animal-a .animal-stripe{fill:none;stroke:#9b5545;stroke-width:3px;stroke-linecap:round}.animal-b .animal-coat,.animal-b .animal-head,.animal-b .animal-paw{fill:#d8d4c9}.animal-b .animal-ear,.animal-b .animal-tail{fill:#6c7774}.animal-b .animal-muzzle{fill:#fff5e6}.animal-b .animal-scarf,.animal-b .traveler-badge circle,.animal-b .position-marker{fill:var(--teal)}.animal-eye,.animal-nose{fill:#273734}.animal-smile{fill:none;stroke:#273734;stroke-width:1.3px;stroke-linecap:round}.animal-scarf{stroke:#fff;stroke-width:1.1px;stroke-linejoin:round}.traveler-badge circle{stroke:#fff;stroke-width:2.5px}.traveler-badge text{fill:#fff;font-size:11px;font-weight:800}.position-marker-halo{fill:#fff}.position-marker{stroke:#fff;stroke-width:1px}.animal-runner.is-running .animal-bob{animation:.38s ease-in-out infinite alternate animal-bob}.motion-streaks{opacity:0}.motion-streaks line{stroke:var(--line-strong);stroke-width:2.2px;stroke-linecap:round}.animal-runner.is-running .motion-streaks{animation:.5s ease-in-out infinite alternate motion-streaks}.animal-runner.is-running .animal-paw-front{transform-box:fill-box;transform-origin:top;animation:.38s ease-in-out infinite alternate animal-paw-front}.animal-runner.is-running .animal-paw-back{transform-box:fill-box;transform-origin:top;animation:.38s ease-in-out infinite alternate animal-paw-back}@keyframes animal-bob{0%{transform:translateY(0)}to{transform:translateY(-1.7px)}}@keyframes animal-paw-front{0%{transform:rotate(-10deg)}to{transform:rotate(12deg)}}@keyframes animal-paw-back{0%{transform:rotate(12deg)}to{transform:rotate(-10deg)}}@keyframes motion-streaks{0%{opacity:.35;transform:translate(3px)}to{opacity:.85;transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.animal-runner.is-running .animal-bob,.animal-runner.is-running .animal-paw-front,.animal-runner.is-running .animal-paw-back,.animal-runner.is-running .motion-streaks{animation:none}}.motion-state-label{fill:var(--teal-text);font-size:11px;font-weight:750}.speed-tag{fill:var(--ink);font-size:11px;font-weight:700}.waiting-tag{fill:#9b7108;font-size:11px;font-weight:700}.gap-measure line{stroke:var(--yellow);stroke-width:2px}.gap-measure rect{fill:var(--yellow-soft)}.gap-measure text{fill:#6f5310;font-size:11px;font-weight:750}.gap-cell{fill:#fff;stroke:var(--coral);stroke-width:1px}.gap-cell-fill{fill:var(--coral-soft)}.gap-cells text{fill:var(--coral-text);pointer-events:none;font-size:11px;font-weight:700}.gap-cells .gap-cells-title{fill:var(--muted);font-weight:650}.caught-ring{fill:none;stroke:var(--yellow);stroke-width:7px;opacity:.45}.ruler-line,.ruler-tick line{stroke:#9dafaa;stroke-width:1px}.ruler-tick text{fill:var(--muted);font-size:11px}.stage-caption{min-height:55px;color:var(--ink);border-top:1px solid var(--line);align-items:center;gap:9px;margin:0;padding:12px 18px;font-size:13px;font-weight:650;display:flex}.stage-caption svg{color:var(--yellow);flex:none}.playback{border-top:1px solid var(--line);grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:11px 14px;display:grid}.play-actions{gap:6px;display:flex}.play-button{color:#fff;border-color:var(--nav);background:var(--nav)}.replay-button{margin-left:2px}.timeline{grid-template-columns:minmax(80px,1fr) 82px;align-items:center;gap:9px;min-width:0;display:grid}.timeline input{width:100%;accent-color:var(--nav);cursor:pointer}.timeline span{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.speed-switch button{min-width:38px;min-height:32px;padding:0 7px}.explain-stage{min-height:493px;padding:30px clamp(20px,5vw,54px) 24px}.explain-heading{align-items:center;gap:12px;margin-bottom:30px;display:flex}.explain-icon{color:#0b7f75;background:var(--teal-soft);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.explain-heading span{color:var(--muted);font-size:11px;font-weight:700}.explain-heading h2{margin:3px 0 0;font-size:18px;font-weight:730}.distance-row{margin:26px 0}.distance-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px;font-size:12px;display:flex}.distance-heading strong{font-variant-numeric:tabular-nums;font-size:13px}.distance-strip{--bar-accent:var(--coral);--bar-soft:var(--coral-soft);border:2px solid var(--bar-accent);background:var(--paper);border-radius:6px;height:48px;position:relative;overflow:hidden}.distance-strip.accent-teal{--bar-accent:var(--teal);--bar-soft:var(--teal-soft)}.distance-strip.accent-yellow{--bar-accent:var(--yellow);--bar-soft:var(--yellow-soft)}.distance-fill{background:var(--bar-soft);position:absolute;inset:0 auto 0 0}.distance-segments{display:flex;position:absolute;inset:0}.distance-segments span{flex:var(--segment-weight,1);border-right:1px solid var(--bar-accent)}.distance-segments span:last-child{border-right:0}.diagram-legend{color:var(--muted);align-items:center;gap:20px;font-size:11px;display:flex}.diagram-legend span{align-items:center;gap:6px;display:flex}.diagram-warning{color:#785600;align-items:center;gap:8px;font-size:11px;display:flex}.diagram-legend i{border:1px solid var(--line-strong);width:16px;height:10px;display:inline-block}.legend-filled{background:var(--coral-soft)}.one-minute-rule{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;margin-top:30px;padding-top:18px;display:grid}.one-minute-rule svg{color:var(--teal)}.one-minute-rule div{flex-direction:column;gap:3px;display:flex}.one-minute-rule span,.one-minute-rule small{color:var(--muted);font-size:11px}.one-minute-rule strong{font-size:13px}.formula-steps{border-top:1px solid var(--line)}.formula-step{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:13px 0;display:grid}.step-number{color:#fff;background:var(--nav);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid}.formula-step>div{grid-template-columns:minmax(170px,1fr) minmax(160px,.8fr);align-items:center;gap:3px 20px;display:grid}.formula-step small{color:var(--muted);grid-column:1/-1;font-size:11px}.formula-step code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:750}.formula-step strong{color:var(--muted);font-size:12px;font-weight:650}.formula-answer{color:#08766c;border-left:4px solid var(--teal);background:var(--teal-soft);align-items:center;gap:8px;min-height:58px;margin-top:18px;padding:12px 16px;font-size:13px;display:flex}.formula-answer strong{color:var(--ink);font-size:16px}.relation-chain{min-height:94px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:12px;margin:0 clamp(22px,4vw,56px) 30px;padding:16px 22px;display:grid}.relation-chain>div{grid-template-columns:25px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.relation-chain>div>svg{color:var(--teal);grid-row:1/3}.relation-chain span{font-size:11px}.relation-chain strong{color:var(--ink);font-size:13px}.equation-topic{min-width:0;overflow-x:clip}.equation-definition{border-bottom:1px solid var(--line);background:#f8faf9;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 clamp(22px,4vw,56px);display:grid}.equation-definition>div{border-right:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:68px;padding:12px 20px;display:grid}.equation-definition>div:first-child{padding-left:0}.equation-definition>div:last-child{border-right:0;padding-right:0}.equation-definition strong{color:#315f96;font-size:13px}.equation-definition>div:nth-child(2) strong{color:var(--coral-text)}.equation-definition>div:nth-child(3) strong{color:var(--teal-text)}.equation-definition span{min-width:0;color:var(--muted);font-size:11px;line-height:1.5}.equation-layout{grid-template-columns:286px minmax(0,1fr);align-items:start;gap:18px;padding:22px clamp(22px,4vw,56px) 18px;display:grid}.equation-guess-panel{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0;padding:20px}.equation-guess-panel .panel-heading{margin-bottom:16px}.equation-guess-panel .panel-heading span{color:#315f96}.shop-name{min-height:40px;color:var(--yellow-text);border-left:3px solid var(--yellow);background:var(--yellow-soft);align-items:center;gap:8px;margin-bottom:7px;padding:8px 10px;font-size:12px;font-weight:750;display:flex}.equation-guess-field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:11px 0;display:flex}.equation-guess-field label{align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.equation-guess-field label svg{color:#d4772b}.equation-guess-field+.equation-guess-field label svg{color:var(--coral)}.equation-guess-field>div{color:var(--muted);grid-template-columns:64px auto;align-items:center;gap:6px;font-size:11px;display:grid}.equation-guess-field input{width:64px;min-width:0;height:38px;color:var(--ink);border:1px solid var(--line-strong);background:var(--paper);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px;font-size:14px;font-weight:750}.equation-check{background:#315f55;border-color:#315f55;margin-top:16px}.equation-guess-panel .feedback-line{min-height:41px;padding-top:8px}.receipt-totals{color:#315f96;border-left:3px solid var(--blue);background:var(--blue-soft);align-items:center;gap:8px;min-height:48px;margin:3px 0 12px;padding:9px 10px;font-size:11px;font-weight:700;line-height:1.45;display:flex}.equation-workspace{min-width:0}.equation-steps{background:var(--paper);border-top:1px solid var(--line);padding:7px 10px}.equation-steps button[data-active=true]{background:var(--blue-soft)}.equation-steps button[data-active=true] strong{background:var(--blue)}.equation-stage{background:var(--paper);border-bottom:1px solid var(--line);min-width:0}.equation-stage-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 18px;display:flex}.equation-stage-heading>div{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.equation-stage-heading>div svg{color:var(--yellow);flex:none}.equation-stage-heading>strong{color:#315f96;flex:none;font-size:12px}.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.shop-receipt{border:1px solid var(--line-strong);background:#fffefa;border-radius:8px;flex-direction:column;min-width:0;min-height:188px;padding:14px;transition:opacity .18s,transform .18s;display:flex;box-shadow:0 2px 5px #27413d0f}.shop-receipt[data-muted=true]{opacity:.48}.shop-receipt header{border-bottom:1px dashed var(--line-strong);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding-bottom:11px;display:grid}.shop-receipt header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.shop-receipt header strong{overflow-wrap:anywhere;font-size:13px}.shop-receipt header span{color:var(--muted);font-size:10px}.shop-receipt header>svg{color:var(--muted)}.customer-mark{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.customer-rabbit{color:var(--coral-text);background:var(--coral-soft)}.customer-squirrel{color:var(--teal-text);background:var(--teal-soft)}.receipt-items{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:15px 0;display:grid}.receipt-items>div{min-width:0;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1.35;display:flex}.item-icons{justify-content:center;align-items:center;gap:1px;min-height:25px;display:flex}.carrot-icons{color:#d4772b}.apple-icons{color:#ce5647}.receipt-plus{color:var(--muted);font-size:15px;font-weight:800}.shop-receipt footer{border-top:1px dashed var(--line-strong);min-height:35px;color:var(--muted);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:10px;font-size:11px;display:flex}.shop-receipt footer strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.equation-focus{border-top:1px solid var(--line);background:#f8faf9;min-width:0;min-height:224px;padding:20px 18px}.focus-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.focus-copy span{color:var(--muted);font-size:11px;line-height:1.5}.focus-copy strong{color:var(--ink);font-size:14px;line-height:1.55}.candidate-focus{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);align-items:center;gap:22px;display:grid}.candidate-pairs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;display:grid}.candidate-pairs span{color:#315f96;background:var(--paper);text-align:center;white-space:nowrap;border:1px solid #c6d4e5;border-radius:6px;min-width:0;padding:8px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.variable-focus{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px 16px;display:grid}.variable-focus>div{background:#fff8e9;border-left:3px solid #d4772b;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;min-height:64px;padding:10px 12px;display:grid}.variable-focus>div:nth-child(2){border-left-color:var(--coral);background:var(--coral-soft)}.variable-focus>div:first-child svg{color:#d4772b}.variable-focus>div:nth-child(2) svg{color:var(--coral)}.variable-focus span{min-width:0;font-size:12px;font-weight:700}.variable-focus code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:800}.variable-focus small{color:var(--muted);font-size:11px}.variable-focus p{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;line-height:1.65}.variable-focus p strong{color:#315f96}.board-focus{grid-template-columns:minmax(190px,.75fr) minmax(330px,1.25fr);align-items:center;gap:24px;display:grid}.equation-board{border-left:4px solid var(--blue);background:var(--paper);min-width:0;padding:14px 16px}.equation-line{font-variant-numeric:tabular-nums;grid-template-columns:34px 42px 18px 42px 20px minmax(28px,auto);justify-content:start;align-items:center;gap:5px;min-width:0;min-height:40px;font-size:16px;display:grid}.equation-line+.equation-line{border-top:1px solid var(--line)}.line-name{color:var(--muted);font-size:11px}.equation-line code,.subtraction-work code,.verification-lines code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}.equation-line code{text-align:center;font-size:19px}.equation-line strong{font-size:17px}.equation-line .is-cancelled{color:var(--coral-text);-webkit-text-decoration:line-through 2px var(--coral);text-decoration:line-through 2px var(--coral);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.subtraction-work{color:var(--muted);border-top:2px solid var(--ink);gap:7px;margin-top:9px;padding-top:10px;font-size:11px;display:grid}.subtraction-work code{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.5}.subtraction-work strong{color:var(--teal-text);font-size:17px}.verification-focus{grid-template-columns:minmax(190px,.75fr) minmax(330px,1.25fr);align-items:center;gap:24px;display:grid}.solution-pair{flex-direction:column;gap:7px;display:flex}.solution-pair span{color:var(--muted);font-size:11px}.solution-pair strong{color:var(--teal-text);font-size:19px;line-height:1.45}.verification-lines{gap:8px;min-width:0;display:grid}.verification-lines>div{min-width:0;color:var(--teal-text);border-left:3px solid var(--teal);background:var(--teal-soft);grid-template-columns:20px minmax(150px,1fr) auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.verification-lines code{overflow-wrap:anywhere;min-width:0;font-size:13px}.verification-lines span{color:var(--muted);text-align:right;font-size:10px}.equation-takeaway{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:28px minmax(180px,1fr) auto minmax(240px,1fr);align-items:center;gap:12px;min-height:88px;margin:0 clamp(22px,4vw,56px) 30px;padding:15px 22px;display:grid}.equation-takeaway>svg:first-child{color:var(--blue)}.equation-takeaway>svg:nth-of-type(2){color:var(--coral)}.equation-takeaway>div{flex-direction:column;gap:3px;min-width:0;display:flex}.equation-takeaway span{color:var(--muted);font-size:11px}.equation-takeaway strong{color:var(--ink);font-size:13px;line-height:1.45}@media (width<=1020px){.topbar{grid-template-columns:auto 1fr auto}.brand div span{display:none}.scenario-tabs{justify-self:center}.topic-tabs button{min-width:108px;padding-left:11px;padding-right:11px}.full-tab-label{display:none}.short-tab-label{display:inline}.problem-band{grid-template-columns:165px minmax(0,1fr)}.problem-band h1{font-size:21px}.lab-layout,.equation-layout{grid-template-columns:250px minmax(0,1fr);padding-left:22px;padding-right:22px}.equation-definition{padding-left:22px;padding-right:22px}.equation-definition>div{padding-left:14px;padding-right:14px}.candidate-focus,.board-focus,.verification-focus{gap:17px}.candidate-focus{grid-template-columns:minmax(145px,.6fr) minmax(230px,1.4fr)}.board-focus,.verification-focus{grid-template-columns:minmax(130px,.55fr) minmax(260px,1.45fr)}.relation-chain{margin-left:22px;margin-right:22px}.playback{grid-template-columns:auto minmax(100px,1fr)}.speed-switch{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=780px){.topbar{grid-template-columns:auto 1fr auto;gap:10px;min-height:66px;padding:10px 14px}.brand-icon{width:36px;height:36px}.brand strong{font-size:14px}.topic-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topic-tabs button{min-width:0}.topbar-actions{min-width:42px}.scenario-bar{min-height:52px;padding:7px 14px}.scenario-bar .scenario-tabs{width:min(100%,560px)}.scenario-tabs{grid-template-columns:repeat(3,1fr);justify-self:stretch;display:grid}.scenario-tabs button{padding:0 7px}.scenario-tabs button svg{display:none}.motion-toggle{width:42px;min-width:42px;padding:0}.motion-toggle span{display:none}.problem-band{grid-template-columns:1fr;gap:10px;padding:18px 18px 20px}.problem-index{grid-template-columns:23px auto 1fr}.problem-index small{grid-column:3}.problem-band h1{font-size:18px;line-height:1.65}.lab-layout{grid-template-columns:1fr;padding:14px}.equation-definition{padding-left:14px;padding-right:14px}.equation-layout{grid-template-columns:1fr;padding:14px}.equation-workspace{grid-row:1}.equation-guess-panel{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.equation-guess-panel .panel-heading,.equation-guess-panel .shop-name{grid-column:1/-1}.equation-guess-panel .equation-check{grid-area:4/1}.equation-guess-panel .feedback-line{grid-area:5/1}.equation-guess-panel .receipt-totals{grid-area:4/2;margin:16px 0 0}.equation-guess-panel .random-button{grid-area:5/2}.equation-takeaway{margin-left:14px;margin-right:14px}.parameter-panel{padding:16px}.parameter-panel .parameter-field{grid-template-columns:1fr;display:grid}.visual-workspace{grid-row:1}.workspace-toolbar{flex-direction:column;align-items:stretch}.view-switcher{grid-template-columns:repeat(3,1fr);display:grid}.workspace-status{align-self:center}.parameter-panel{grid-row:2}.relation-chain{grid-template-columns:1fr;gap:8px;margin:0 14px 24px;padding:15px 0}.relation-chain>svg{display:none}.relation-chain>div{grid-template-columns:25px 1fr auto}.relation-chain>div>svg{grid-row:auto}.relation-chain strong{text-align:right}}@media (width<=520px){.brand strong{display:none}.topbar{grid-template-columns:36px minmax(0,1fr) 42px}.topic-tabs button{min-height:34px;padding:0 8px;font-size:11px}.topic-tabs button svg{display:none}.scenario-bar{padding-left:10px;padding-right:10px}.scenario-tabs button{min-height:34px;font-size:11px}.problem-index small{display:none}.equation-definition{grid-template-columns:1fr;padding:0 14px}.equation-definition>div,.equation-definition>div:first-child,.equation-definition>div:last-child{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:62px minmax(0,1fr);min-height:50px;padding:8px 0}.equation-definition>div:last-child{border-bottom:0}.equation-layout{gap:14px;padding:12px 10px 16px}.equation-guess-panel{padding:16px;display:block}.equation-guess-panel .panel-heading,.equation-guess-panel .shop-name,.equation-guess-panel .equation-check,.equation-guess-panel .feedback-line,.equation-guess-panel .receipt-totals,.equation-guess-panel .random-button{grid-area:auto}.equation-guess-panel .receipt-totals{margin:3px 0 12px}.equation-stage-heading{align-items:flex-start;padding:10px 12px}.receipt-grid{grid-template-columns:1fr;gap:11px;padding:14px 12px}.shop-receipt{min-height:174px}.equation-focus{min-height:0;padding:18px 12px}.candidate-focus,.board-focus,.verification-focus{grid-template-columns:1fr;gap:16px}.candidate-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.variable-focus{grid-template-columns:1fr}.variable-focus p{grid-column:auto}.verification-lines>div{grid-template-columns:20px minmax(0,1fr)}.verification-lines span{text-align:left;grid-column:2}.equation-takeaway{grid-template-columns:24px minmax(0,1fr);gap:10px;margin:0 10px 22px;padding:14px 10px}.equation-takeaway>svg:nth-of-type(2){transform:rotate(90deg)}.principle-steps{padding:6px 8px}.principle-steps button{text-align:center;flex-direction:column;gap:3px;min-height:58px;padding:4px 2px;line-height:1.25}.principle-steps button strong{width:20px;height:20px}.stage-readout{grid-template-columns:1fr 1fr;gap:8px;min-height:74px;padding:10px 12px;display:grid}.stage-readout>div{grid-template-columns:18px 1fr;gap:2px 6px;display:grid}.stage-readout>div svg{grid-row:1/3}.stage-readout strong{font-size:13px}.stage-readout .camera-readout{border-top:1px solid var(--line);grid-column:1/-1;margin-left:0;padding-top:6px}.stage-readout .camera-readout strong{font-size:11px}.principle-proof{grid-template-rows:auto;grid-template-columns:1fr;gap:8px;min-height:158px;padding:14px 12px}.proof-copy{grid-row:auto}.proof-intro{grid-template-columns:28px minmax(0,1fr);align-content:center;min-height:112px}.proof-intro .head-start-ruler{grid-column:1/-1;width:100%}.proof-footnote{grid-column:1}.speed-tag{font-size:11px}.stage-caption{min-height:62px;font-size:12px;line-height:1.5}.playback{grid-template-columns:1fr}.play-actions{justify-content:center}.timeline{grid-template-columns:minmax(0,1fr) 78px}.explain-stage{min-height:520px;padding:24px 16px 20px}.explain-heading{margin-bottom:24px}.explain-heading h2{font-size:16px}.diagram-legend{flex-direction:column;align-items:flex-start;gap:6px}.one-minute-rule{grid-template-columns:26px 1fr}.one-minute-rule small{grid-column:2}.formula-step>div{grid-template-columns:1fr;gap:5px}.formula-step small{grid-column:auto}.formula-step code{font-size:18px}.formula-answer{flex-wrap:wrap;align-items:flex-start}}@media (width<=360px){.topbar{grid-template-columns:34px minmax(0,1fr) 36px;gap:6px;padding:8px}.brand-icon{width:34px;height:34px}.topbar-actions{min-width:36px}.motion-toggle{width:36px;min-width:36px}.topic-tabs{padding:2px}.topic-tabs button{min-height:32px;padding:0 4px;font-size:10px}.scenario-bar{min-height:48px;padding:6px 8px}.scenario-tabs button{min-width:0;padding-left:3px;padding-right:3px;font-size:10px}.problem-band{padding-left:14px;padding-right:14px}.equation-definition{padding-left:10px;padding-right:10px}.equation-layout{padding-left:8px;padding-right:8px}.equation-guess-panel{padding:14px}.equation-steps{padding:4px 2px}.equation-steps button{min-height:66px;padding-left:1px;padding-right:1px;font-size:10px}.equation-steps button strong{width:19px;height:19px;font-size:10px}.equation-stage-heading{gap:8px;padding-left:10px;padding-right:10px}.receipt-grid{padding-left:10px;padding-right:10px}.shop-receipt{padding:12px}.equation-focus{padding-left:10px;padding-right:10px}.candidate-pairs{gap:5px}.candidate-pairs span{padding-left:3px;padding-right:3px;font-size:10px}.variable-focus>div{grid-template-columns:26px minmax(0,1fr) auto auto;gap:6px;padding-left:9px;padding-right:9px}.equation-board{padding-left:10px;padding-right:10px}.equation-line{grid-template-columns:30px 38px 15px 38px 17px minmax(25px,auto);gap:4px}.equation-line code,.solution-pair strong{font-size:17px}.verification-lines>div{padding-left:9px;padding-right:9px}.equation-takeaway{margin-left:8px;margin-right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}