@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#1d2433;--muted:#687080;--paper:#f7f3eb;--paper-2:#eee9df;--white:#fffdf8;--line:#d9d4ca;--orange:#ed6938;--orange-soft:#ffe4d8;--blue:#3f76e4;--blue-soft:#dfe9ff;--violet:#715be3;--violet-soft:#e9e5ff;--green:#367b57;--shadow:0 16px 45px #262a3417}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:linear-gradient(#454b5807 1px, transparent 1px), linear-gradient(90deg, #454b5807 1px, transparent 1px), var(--paper);background-size:24px 24px;min-width:320px;margin:0;font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 42px 26px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:38px;color:var(--white);background:var(--ink);border-radius:3px 3px 9px;place-items:center;font-family:DM Mono,monospace;font-size:20px;font-weight:500;display:grid;transform:rotate(-2deg)}.brand strong{letter-spacing:-.03em;font-size:17px;display:block}.brand small,.experiment-pill,.eyebrow,.formula-card>span,.scene-heading p,.panel-title p,.key-card>p,.readouts p,.insight p,footer{letter-spacing:.12em;font-family:DM Mono,monospace;font-size:9px}.brand small{color:var(--muted)}.experiment-pill{border:1px solid var(--line);color:var(--muted);background:#fffdf8a6;border-radius:100px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.live-dot{background:var(--orange);width:7px;height:7px;box-shadow:0 0 0 3px var(--orange-soft);border-radius:50%}.intro{justify-content:space-between;align-items:center;gap:34px;min-height:185px;padding:30px 4px 27px;display:flex}.eyebrow{color:var(--orange);align-items:center;gap:7px;margin:0 0 12px;font-weight:500;display:flex}.intro h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(38px,4.2vw,65px);line-height:.96}.intro-copy{max-width:680px;color:var(--muted);margin:17px 0 0;font-size:15px;line-height:1.65}.formula-card{border-left:3px solid var(--orange);background:#fffdf8c2;flex:none;min-width:230px;padding:19px 22px;box-shadow:0 8px 30px #2828280a}.formula-card>span{color:var(--muted)}.formula-card strong{margin-top:9px;font-family:DM Mono,monospace;font-size:19px;font-weight:500;display:block}.formula-card strong span{color:var(--orange)}.formula-card sub{font-size:.62em}.workspace{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) 310px;display:grid}.simulation-card{min-width:0;padding:22px 24px 21px}.scene-heading,.panel-title,.scene-heading>div:first-child,.panel-title>div:first-child{justify-content:space-between;align-items:center;display:flex}.scene-heading>div:first-child,.panel-title>div:first-child{justify-content:flex-start;gap:11px}.section-number{width:29px;height:29px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font:500 10px DM Mono,monospace;display:grid}.section-number.inverse{color:var(--ink);background:var(--white)}.scene-heading p,.panel-title p{color:var(--muted);margin:0 0 2px}.scene-heading strong,.panel-title strong{font-size:14px}.status{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.status>span{background:#a5a6a8;border-radius:50%;width:7px;height:7px}.status-running>span{background:var(--green);box-shadow:0 0 0 4px #e2f0e8}.status-finished>span{background:var(--orange)}.canvas-wrap{background:#faf7f0;border:1px solid #dedbd4;height:455px;margin-top:17px;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-axis{color:#1d24336b;letter-spacing:.13em;pointer-events:none;font:500 8px DM Mono,monospace;position:absolute}.axis-y{writing-mode:vertical-rl;top:50%;left:8px;transform:translateY(-50%)rotate(180deg)}.axis-x{bottom:8px;right:14px}.timeline{margin-top:17px}.timeline-labels{color:var(--muted);justify-content:space-between;font:500 9px DM Mono,monospace;display:flex}.timeline-labels span:first-child{color:var(--ink);font-weight:600}.timeline-track{background:#e3dfd6;border-radius:4px;height:4px;margin-top:9px;position:relative}.timeline-fill{border-radius:inherit;background:var(--orange);height:100%}.timeline-thumb{border:2px solid var(--white);background:var(--orange);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000040}.transport{justify-content:center;align-items:center;gap:10px;margin-top:17px;display:flex}.icon-button,.play-button,.speed-control button{cursor:pointer;border:0}.icon-button{border:1px solid var(--line);background:0 0;place-items:center;width:43px;height:43px;transition:all .16s;display:grid}.icon-button:hover{color:var(--orange);border-color:var(--orange)}.play-button{min-width:224px;min-height:45px;color:var(--white);background:var(--ink);justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:12px;font-weight:700;transition:transform .16s,background .16s;display:flex}.play-button:hover{background:#30384a;transform:translateY(-1px)}.speed-control{background:var(--paper-2);padding:3px;display:flex}.speed-control button{height:32px;color:var(--muted);background:0 0;padding:0 9px;font:600 10px DM Mono,monospace}.speed-control button.active{color:var(--ink);background:var(--white);box-shadow:0 2px 7px #20242c14}.control-panel{color:var(--white);background:var(--ink);padding:23px 22px}.panel-title p{color:#ffffff7a}.panel-title>svg{color:var(--orange)}.control-list{gap:28px;margin-top:36px;display:grid}.air-toggle{cursor:pointer;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding-bottom:20px;display:flex}.air-toggle>span{align-items:center;gap:10px;display:flex}.air-toggle svg{color:#9fc3ff}.air-toggle strong,.air-toggle small{display:block}.air-toggle strong{font-size:11px}.air-toggle small{color:#ffffff73;margin-top:2px;font:400 8px DM Mono,monospace}.air-toggle input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff2e;border-radius:20px;flex:none;width:38px;height:21px;margin:0;transition:background .16s;position:relative}.air-toggle input:after{content:"";background:var(--white);border-radius:50%;width:15px;height:15px;transition:transform .16s;position:absolute;top:3px;left:3px}.air-toggle input:checked{background:var(--orange)}.air-toggle input:checked:after{transform:translate(17px)}.air-toggle input:focus-visible{outline-offset:3px;outline:2px solid #9fc3ff}.range-control{--range-color:var(--orange);display:block}.range-blue{--range-color:#75a0ff}.range-violet{--range-color:#a997ff}.range-header{justify-content:space-between;align-items:baseline;margin-bottom:13px;display:flex}.range-header>span{color:#ffffffa3;font-size:11px}.range-header strong{font:500 18px DM Mono,monospace}.range-header small{color:#ffffff80;font-size:9px}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--range-color) 0 var(--range-progress), #ffffff2b var(--range-progress) 100%);border-radius:4px;outline:none;width:100%;height:4px;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:3px solid var(--ink);background:var(--range-color);width:15px;height:15px;box-shadow:0 0 0 1px var(--range-color);cursor:grab;border-radius:50%}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--range-color);width:11px;height:11px;box-shadow:0 0 0 1px var(--range-color);border-radius:50%}.range-bounds{color:#ffffff4d;justify-content:space-between;margin-top:7px;font:400 8px DM Mono,monospace;display:flex}.ball-preset{background:#ffffff09;border:1px solid #ffffff1a;gap:4px;margin-top:28px;padding:12px;display:grid}.ball-preset p{color:#ffffff59;letter-spacing:.12em;margin:0 0 3px;font:400 8px DM Mono,monospace}.ball-preset strong{font-size:10px}.ball-preset span{color:#ffffff80;font:400 8px DM Mono,monospace}.earth-preset{text-align:left;width:100%;color:var(--white);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;align-items:center;gap:9px;margin-top:13px;padding:12px;display:flex}.earth-preset:hover{border-color:#ffffff52}.earth-preset>svg{color:#9fc3ff;flex:none}.earth-preset>span:first-of-type{gap:2px;display:grid}.earth-preset strong{font-size:10px}.earth-preset small{color:#ffffff70;font:400 8px DM Mono,monospace}.earth-preset>span:last-of-type{color:var(--orange);margin-left:auto;font-size:9px;font-weight:700}.key-card{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:20px}.key-card>p{color:#ffffff59;margin:0 0 12px}.key-card>div{gap:10px;display:grid}.key-card span{color:#ffffffa8;align-items:center;gap:9px;font-size:9px;display:flex}.ball{border-radius:50%;width:9px;height:9px;display:inline-block}.ball-orange{background:var(--orange)}.ball-blue{background:var(--blue)}.path-key{border-top:1px dashed #ffffff8c;width:16px}.readouts{border:1px solid var(--line);background:#fffdf8d6;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.readouts article{min-width:0;min-height:166px;padding:18px 20px;position:relative}.readouts article+article{border-left:1px solid var(--line)}.readout-icon{border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.readout-icon.orange{color:var(--orange);background:var(--orange-soft)}.readout-icon.blue{color:var(--blue);background:var(--blue-soft)}.readout-icon.violet{color:var(--violet);background:var(--violet-soft)}.readouts p{color:var(--muted);margin:0 0 3px}.readouts strong{font:500 25px DM Mono,monospace}.readouts strong small{color:var(--muted);font-size:11px}.metric-heading{align-items:center;gap:10px;display:flex}.metric-heading .readout-icon{width:31px;height:31px;font-size:13px}.metric-heading p{margin:0}.metric-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.ball-metric{border-top:2px solid;min-width:0;padding:9px 10px 8px}.metric-dropped{border-color:var(--orange);background:var(--orange-soft)}.metric-launched{border-color:var(--blue);background:var(--blue-soft)}.ball-metric>span{color:var(--muted);letter-spacing:.08em;align-items:center;gap:6px;font:500 8px DM Mono,monospace;display:flex}.ball-metric strong{white-space:nowrap;margin-top:3px;font-size:clamp(17px,1.55vw,22px);display:block}.metric-dropped strong{color:var(--orange)}.metric-launched strong{color:var(--blue)}.ball-metric strong small{color:currentColor;opacity:.68}.metric-note{color:#9298a4;margin-top:8px;font-size:8px;display:block}.insight{background:#fff0e5;border:1px solid #e5c7b8;grid-template-columns:auto 1fr 185px;align-items:center;gap:20px;min-height:130px;margin-top:16px;padding:24px 31px;display:grid;position:relative;overflow:hidden}.insight-mark{width:40px;height:40px;color:var(--white);background:var(--orange);border-radius:50%;place-items:center;font:700 20px DM Mono,monospace;display:grid}.insight p{color:var(--orange);margin:0 0 5px}.insight h2{letter-spacing:-.03em;margin:0 0 6px;font-size:18px}.insight div>span{color:#765f54;font-size:11px}.mini-diagram{opacity:.72;width:170px;height:75px;position:relative}.mini-person{position:absolute;top:5px;left:0;color:var(--ink)!important}.mini-arrow{position:absolute;top:5px;left:22px;color:var(--blue)!important}.mini-arc{border-right:2px dashed var(--blue);border-bottom:2px dashed var(--blue);border-radius:0 0 100%;width:105px;height:50px;position:absolute;top:18px;left:27px}.mini-diagram .ball-blue{position:absolute;bottom:0;right:28px}.mini-diagram .ball-orange{position:absolute;bottom:0;left:3px}.mini-drop{position:absolute;top:28px;left:1px;color:var(--orange)!important}footer{color:#90949d;justify-content:space-between;align-items:flex-end;min-height:55px;display:flex}@media (max-width:980px){.app-shell{padding-inline:22px}.workspace{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr;gap:0 30px;display:grid}.panel-title{grid-column:1/-1}.earth-preset,.key-card{align-self:end}.readout-note{display:none}}@media (max-width:720px){.app-shell{padding-inline:14px}.topbar{min-height:64px}.experiment-pill{display:none}.intro{min-height:auto;padding-block:28px;display:block}.intro h1{font-size:42px}.formula-card{margin-top:22px}.simulation-card{padding:18px 13px}.canvas-wrap{height:390px}.control-panel{display:block}.transport{flex-wrap:wrap}.speed-control{justify-content:center;width:100%}.readouts{grid-template-columns:1fr}.readouts article+article{border-left:0;border-top:1px solid var(--line)}.insight{grid-template-columns:auto 1fr;padding:22px 18px}.mini-diagram{display:none}}@media (max-width:430px){.intro h1{font-size:36px}.canvas-wrap{height:350px}.scene-heading .status{font-size:0}.play-button{min-width:210px}.insight{display:block}.insight-mark{margin-bottom:14px}footer{gap:8px;padding-block:18px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}