:root{--accent:#187b79}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}main{max-width:1220px;margin:auto;padding:28px 24px 64px}.hero{max-width:900px;margin:22px 0 30px}.eyebrow{letter-spacing:.15em;color:var(--accent);font-weight:800;font-size:12px}h1{font-size:clamp(32px,5vw,60px);line-height:1.12;letter-spacing:-.04em;margin:15px 0}h2{font-size:24px;line-height:1.3}p{line-height:1.8}.intro{font-size:19px;color:var(--secondary);max-width:790px}.lab{border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:0 18px 54px #40553e0b}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 28px;background:var(--surface)}.lab-title{font-size:14px;font-weight:800;letter-spacing:.07em;color:var(--secondary)}.effect{font-size:18px;font-weight:750;color:var(--accent);text-align:right}.effect[data-phase=attached]{color:#bf5e36}.effect[data-phase=repelled]{color:#416eae}.scene-wrap{background:#f1e3c9;position:relative}.scene{width:100%;display:block;aspect-ratio:960/430;overflow:visible}.scene text{font-family:inherit}.scene-caption{position:absolute;bottom:5%;left:13%;right:13%;display:flex;justify-content:space-between;gap:18px;color:#746447;font-size:13px;font-weight:650;pointer-events:none}.scene-caption span:last-child{text-align:right}.focus-ring{opacity:0}#mover{cursor:grab;touch-action:none;outline:none}#mover.dragging{cursor:grabbing}#mover:focus-visible .focus-ring{opacity:1}#item-shape{transform-box:fill-box;transform-origin:center}.turning{animation:turn .34s ease-in-out}@keyframes turn{0%{transform:scaleX(1)}45%{transform:scaleX(.15)}to{transform:scaleX(1)}}.controls{display:flex;gap:25px;flex-wrap:wrap;align-items:end;padding:23px 28px;border-top:1px solid var(--border)}label{display:flex;flex-direction:column;gap:10px;flex:1;min-width:180px;font-size:15px;font-weight:700}.range-label{display:flex;justify-content:space-between;gap:15px}output{font-size:12px;font-weight:500;color:var(--secondary)}input[type=range]{width:100%;accent-color:var(--accent);min-height:46px;margin:0}select,button{font:inherit;font-size:15px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface);min-height:46px;padding:10px 16px}button{cursor:pointer;font-weight:650;transition:transform .15s,box-shadow .15s}button:hover{border-color:var(--accent);box-shadow:0 4px 10px #173f3210}button:active{transform:translateY(1px)}button[aria-pressed=true],.primary{background:var(--accent);color:#fff}.primary{border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d8872c;outline-offset:4px}.action-row{display:flex;gap:9px;flex-wrap:wrap}.readout{margin:0;padding:20px 28px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:17px;line-height:1.7;min-height:95px}.prompt{border-left:4px solid #dfaa54;padding:0 0 0 18px;margin:28px 0;font-size:18px}.learn{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:35px 0}.learn article{padding:0 6px}.step{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em}.learn p{color:var(--secondary)}details{border-top:1px solid var(--border);padding:22px 0}summary{font-size:19px;font-weight:700;cursor:pointer}.references a{display:block;margin:12px 0;color:var(--accent);overflow-wrap:anywhere}.fineprint{font-size:14px;color:var(--secondary)}a{color:var(--accent)}[hidden]{display:none!important}@media(max-width:620px){main{padding:16px 14px 40px}.hero{margin:20px 0}.intro{font-size:17px}.controls{padding:18px;gap:18px}.controls label{flex-basis:100%;min-width:0}.controls select{width:100%;min-width:0}.action-row{width:100%}.action-row button{flex:1;white-space:normal}.lab-heading{padding:16px;align-items:flex-start;flex-direction:column;gap:7px}.lab-title{font-size:12px}.effect{font-size:17px;text-align:left;min-height:25px}.scene{aspect-ratio:960/530}.scene-caption{bottom:7%;left:6%;right:6%;font-size:12px}.learn{grid-template-columns:1fr;gap:6px}.readout{padding:18px;font-size:16px;min-height:105px}h1{font-size:36px}.lab{border-radius:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.learning-modes{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.learning-modes button{min-height:44px;font-size:14px}.mode-science{margin:28px 0;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.mode-science h2{font-size:23px;margin:0 0 12px}.mode-science p{line-height:1.85;max-width:850px}.child-prompt{font-size:18px;line-height:1.8;color:var(--ink)}