@font-face{font-family:Smiley;src:url('./fonts/SmileySans.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--ink:#392855;--secondary:#665175;--action:#c64047;--yellow:#ffcd54;--aqua:#dcf0f4;--purple:#e9e2f6;--sun:#fff0c2;--paper:#faf9ff;--rule:#d2c7dc;--display:Smiley,'PingFang SC',sans-serif;font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper);scrollbar-color:#aa91c3 var(--paper)}*{box-sizing:border-box}body{margin:0}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;touch-action:manipulation}button{cursor:pointer}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6c46a6;outline-offset:5px}button:disabled{opacity:.55;cursor:wait}p,h1,h2,h3{margin:0}h1,h2,.brand,.footer-name{font-family:var(--display);font-weight:400}h1,h2{text-wrap:balance}header{border-bottom:1px solid var(--rule)}.masthead{max-width:1320px;padding:0 44px;margin:auto;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>svg{width:36px;height:36px}.masthead nav{display:flex;gap:30px;font-size:15px}.masthead nav a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px}.masthead nav a:hover{text-decoration-color:var(--action);color:var(--action)}.home,.lab-page{max-width:1320px;margin:auto;padding:42px 44px 70px}.home-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.home-heading h1{font-size:clamp(40px,4vw,60px);line-height:1.25}.home-heading p{font-size:17px;color:var(--secondary)}.explore-world{display:grid;grid-template-columns:1.46fr 1fr;grid-template-rows:255px 255px;gap:18px}.experiment-entry{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;display:block}.bicycle-entry{grid-row:span 2;background:var(--aqua)}.seesaw-entry{background:var(--purple)}.shadow-entry{background:var(--sun)}.entry-copy{position:relative;z-index:2;padding:32px}.entry-copy h2{font-size:35px;line-height:1.22;max-width:390px}.bicycle-entry .entry-copy h2{font-size:46px}.entry-copy p{font-size:16px;margin-top:16px;color:#4c6373}.entry-action{display:inline-flex;align-items:center;gap:11px;margin-top:20px;font-size:16px;font-weight:650;color:#a7323d;border-bottom:1px solid #c6404770;padding-bottom:3px}.entry-action svg{width:21px;height:21px}.entry-model{position:absolute;z-index:1}.entry-model svg{display:block;width:100%;height:100%}.bicycle-entry .entry-model{left:-8%;right:-8%;bottom:20px;height:320px}.seesaw-entry .entry-model{width:78%;height:240px;right:-14%;bottom:-20px}.shadow-entry .entry-model{width:80%;height:245px;right:-18%;bottom:-5px}.seesaw-entry .entry-copy,.shadow-entry .entry-copy{padding:25px;max-width:230px}.seesaw-entry h2,.shadow-entry h2{font-size:31px}.entry-topic{position:absolute;left:32px;bottom:22px;font-size:14px;z-index:3;color:#496274}.seesaw-entry .entry-topic{left:25px;bottom:18px;color:#65507b}.shadow-entry .entry-topic{left:25px;bottom:18px;color:#7c6225}.experiment-entry:hover .entry-action{border-color:currentColor}.experiment-entry:hover .entry-model{transform:translateY(-4px)}.entry-model{transition:transform .25s ease-out}.parent-note{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;padding-top:49px;margin-top:46px;border-top:1px solid var(--rule)}.parent-note h2{font-size:30px;line-height:1.45}.parent-note p{color:var(--secondary);font-size:16px;max-width:68ch}footer{border-top:1px solid var(--rule)}.footer-inner{max-width:1320px;margin:auto;padding:30px 44px;display:flex;gap:28px;align-items:center;justify-content:space-between;font-size:14px;color:var(--secondary)}.footer-name{font-size:20px;color:var(--ink)}.lab-page{padding-top:28px}.lab-heading{margin-bottom:25px}.back{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;color:var(--secondary);margin-bottom:20px}.lab-heading h1{font-size:clamp(30px,3.6vw,49px);line-height:1.3}.lab-heading p{font-size:16px;margin-top:11px;color:var(--secondary)}.theater{background:var(--aqua);border-radius:15px;overflow:hidden}.lab-seesaw .theater{background:var(--purple)}.lab-shadow .theater{background:var(--sun)}.scene-topline{display:flex;justify-content:space-between;gap:10px;padding:18px 28px 0;font-size:14px;color:#486572}.lab-seesaw .scene-topline{color:#65507b}.lab-shadow .scene-topline{color:#7c6225}.diagram{max-width:980px;margin:auto;padding:0 20px}.diagram svg{display:block;width:100%;height:auto;max-height:440px}.diagram svg text{font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:23px}.scene-bottom{padding:0 28px 23px}.observation{font-size:18px;text-align:center;color:#405770;font-weight:650;margin-top:1px;margin-bottom:21px;min-height:30px}.lab-seesaw .observation{color:#584276}.lab-shadow .observation{color:#75531f}.controls{display:flex;align-items:center;justify-content:center;gap:23px}.drive-dock{display:flex;align-items:center;gap:24px}.presets{display:flex;gap:9px}.choice,.primary{min-height:48px;border-radius:7px;padding:11px 19px;font-size:16px;font-weight:650;border:1px solid #806b94;background:#faf9ff;color:var(--ink)}.choice:hover{background:#f4edf9}.choice[aria-pressed=true]{background:#5b3b86;border-color:#5b3b86;color:#faf9ff}.primary{background:var(--action);border-color:var(--action);color:#faf9ff;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary svg{width:22px;height:22px}.primary:hover{background:#a9323d;border-color:#a9323d}.pedal-button{padding-left:28px;padding-right:30px}.reset{border:0;background:transparent;padding:12px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#5d4475;white-space:nowrap}.metrics{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:20px 15px;font-size:14px;color:var(--secondary);font-variant-numeric:tabular-nums}.metrics strong{color:var(--ink);font-size:16px}.metric-label{margin-right:8px}.slider-dock{display:grid;grid-template-columns:1fr 1fr;gap:38px;min-width:600px}.control label{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:15px;font-weight:600;margin-bottom:8px}.control output{color:#7f2f45;font-variant-numeric:tabular-nums;white-space:nowrap}input[type=range]{width:100%;height:27px;accent-color:#62428c;cursor:pointer}input[type=range]:disabled{opacity:.5;cursor:not-allowed}.after-play{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:32px;margin-top:18px;border-top:1px solid var(--rule)}.after-play h2{font-size:29px;margin-bottom:13px}.after-play p{font-size:16px;max-width:65ch}.choices{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.guess .choice{font-size:15px;min-height:44px;padding:10px 14px}.challenge .primary{margin-top:18px;font-size:15px;min-height:44px}.feedback{font-size:15px!important;color:#753350;margin-top:13px;min-height:26px}.discovery{margin-top:37px;padding:35px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start;border-top:1px solid var(--rule)}.discovery h2{font-size:34px;color:#78459a;line-height:1.35}.discovery p{font-size:16px;max-width:65ch;color:var(--secondary)}.deep-dive{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:21px 0;font-size:15px}.deep-dive summary{cursor:pointer;font-weight:650;list-style-position:inside}.deep-dive p{margin-top:18px;font-size:15px;max-width:75ch;color:var(--secondary)}.deep-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px;margin-bottom:20px}.deep-dive .control{margin-top:20px;max-width:600px}.deep-ranges .control{margin:0}.deep-dive a{text-decoration:underline;text-underline-offset:4px;color:#713c96}.deep-dive select{padding:10px 12px;min-height:45px;width:100%;border:1px solid #b4a2c5;border-radius:5px;background:var(--paper);color:var(--ink)}.next-experiment{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;font-size:16px}.next-experiment a{color:var(--action);text-decoration:underline;text-underline-offset:6px}.skip{position:absolute;top:-100px;left:16px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}button,input,select{caret-color:var(--action)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.masthead,.home,.lab-page{padding-left:28px;padding-right:28px}.explore-world{grid-template-columns:1.25fr 1fr}.bicycle-entry .entry-copy h2{font-size:39px}.entry-copy h2{font-size:29px}.drive-dock{gap:14px}.controls{gap:14px}.slider-dock{min-width:500px;gap:25px}.diagram svg{max-height:390px}.after-play{gap:35px}.footer-inner{padding:26px 28px}}@media(max-width:700px){.masthead{min-height:71px;padding:0 18px;gap:12px}.brand{font-size:20px;gap:7px}.brand>svg{width:30px;height:30px}.masthead nav{font-size:14px}.parent-nav{display:none}.home,.lab-page{padding:27px 18px 44px}.home-heading{display:block;margin-bottom:25px}.home-heading h1{font-size:42px}.home-heading p{font-size:16px;margin-top:12px}.home-heading p br{display:none}.explore-world{grid-template-columns:1fr;grid-template-rows:440px 270px 270px;gap:16px}.bicycle-entry{grid-row:auto}.entry-copy,.seesaw-entry .entry-copy,.shadow-entry .entry-copy{padding:25px}.bicycle-entry .entry-copy h2{font-size:37px}.entry-copy p{margin-top:10px}.entry-action{margin-top:15px}.bicycle-entry .entry-model{bottom:30px;height:245px;left:-21%;right:-21%}.seesaw-entry .entry-model{width:95%;right:-18%;bottom:-8px;height:228px}.shadow-entry .entry-model{width:95%;right:-21%;bottom:-4px;height:238px}.entry-topic{left:25px;bottom:20px}.parent-note{grid-template-columns:1fr;gap:15px;padding-top:30px;margin-top:30px}.parent-note h2{font-size:27px}.footer-inner{padding:25px 18px;display:block}.footer-inner p{margin:9px 0}.footer-inner>span{font-size:13px}.lab-heading h1{font-size:35px}.lab-heading p{font-size:15px}.back{margin-bottom:17px}.scene-topline{padding:16px 17px 0;font-size:13px}.diagram{padding:0}.diagram svg{height:265px;max-height:none;object-fit:contain}.diagram svg text{font-size:31px}.scene-bottom{padding:0 16px 21px}.observation{text-align:left;font-size:16px;margin-bottom:17px;min-height:53px}.controls{flex-wrap:wrap;gap:7px}.controls>div{width:100%}.drive-dock{display:grid;gap:12px}.presets{gap:8px}.presets .choice{flex:1;padding:12px 8px;font-size:14px;white-space:nowrap}.pedal-button{width:100%;min-height:49px;font-size:18px}.reset{padding:5px 0}.slider-dock{min-width:0;grid-template-columns:1fr;gap:18px}.control label{font-size:14px;margin-bottom:6px}.metrics{display:block;padding:16px 3px 0;line-height:2.1;font-size:14px}.metrics>span{display:block}.after-play{grid-template-columns:1fr;gap:24px;padding-top:25px;margin-top:24px}.after-play h2{font-size:27px}.guess .choice{font-size:14px;padding:10px 11px}.feedback{min-height:0}.feedback:empty{margin-top:0}.discovery{grid-template-columns:1fr;gap:16px;padding:25px 0;margin-top:27px}.discovery h2{font-size:31px}.deep-ranges{grid-template-columns:1fr;gap:20px}.next-experiment{display:block;margin-top:25px}.next-experiment a{display:block;margin-top:10px}.deep-dive{padding:18px 0}}@media(min-width:701px) and (max-height:820px){.lab-heading{margin-bottom:17px}.lab-heading h1{font-size:39px}.diagram svg{max-height:340px}.lab-page{padding-top:20px}.back{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.seesaw-entry .entry-model{right:-2%;width:72%}.shadow-entry .entry-model{right:-3%;width:72%}@media(max-width:700px){.bicycle-entry .entry-model{left:-10%;right:-10%}.seesaw-entry .entry-model{right:-4%;width:83%}.shadow-entry .entry-model{right:-5%;width:83%}}

.boat-entry{background:#dff0eb}.boat-entry .entry-model{width:78%;height:240px;right:-12%;bottom:-6px}.boat-entry .entry-topic{color:#3d7180}.lab-boat .theater{background:#dff0eb}.lab-boat .scene-topline{color:#3d7180}.lab-boat .observation{color:#356d78}
@media(max-width:700px){.boat-entry .entry-model{width:95%;right:-16%;bottom:-3px;height:228px}}
.footer-record{font-size:12px;color:var(--secondary);opacity:.8;white-space:nowrap;text-decoration:none}.footer-record:hover{color:var(--action);opacity:1;text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.footer-inner{flex-wrap:wrap;row-gap:8px}}@media(max-width:700px){.footer-record{display:inline-block;margin-top:2px}}