@font-face{font-family:Inter;src:url(/static/inter-600-Dx4kXJAl.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/static/inter-600-Dx4kXJAl.woff2)format("woff2");font-weight:600;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eae8e2;--ink:#272924;--muted:#73766e;--fine:#92948b;--line:#a7a79b50;--sage:#176e55;--clay:#b64b24;--sans:Inter,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;--serif:"Times New Roman",Times,serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{isolation:isolate;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.64;background:url(/static/cement-background-2OEohrhj.webp) 50%/cover no-repeat;position:fixed;inset:0}button,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:6px}button:disabled{cursor:default;opacity:.4}button{transition:background .2s,box-shadow .2s,transform .2s}button:active{transform:translateY(1px)}button svg{width:20px;height:20px}svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}.site-header{z-index:5;background:linear-gradient(115deg,#f9f9f44d,#c9cbc244);border-bottom:1px solid #fff7;justify-content:space-between;align-items:center;height:64px;padding:0 36px;display:flex;position:relative;box-shadow:0 2px 16px #46453c05}.brand{color:#70736a;align-items:center;gap:11px;display:flex}.wordmark{letter-spacing:-2px;font-size:26px;font-weight:600}.brand-lab{letter-spacing:2px;margin-left:1px;font-size:10px}.brand-ko{letter-spacing:1.4px;margin-left:4px;font-size:10px}.chapter{letter-spacing:2.5px;color:#7b7d74;align-items:center;gap:18px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter span{background:#92958955;width:30px;height:1px;display:block}.edition{letter-spacing:2.4px;color:#76786f;font-size:10px}.experiment{isolation:isolate;background:radial-gradient(at 45% 37%,#fff8 0,#0000 64%);height:calc(100svh - 64px);min-height:736px;max-height:none;position:relative;overflow:hidden}.intro{z-index:3;pointer-events:none;position:absolute;top:7.5%;left:3.4%}.eyebrow{letter-spacing:2.1px;color:#656a60;margin:0 0 13px;font-size:10px}.intro h1{font-family:var(--serif);letter-spacing:-6px;margin:0 0 20px;font-size:clamp(78px,7.6vw,118px);font-weight:400;line-height:.99}.subject{letter-spacing:-1px;color:#41463e;margin:0;font-size:20px}.intro-rule{background:#93958866;width:38px;height:1px;margin:30px 0 23px}.statement{letter-spacing:-1.1px;margin:0 0 17px;font-size:25px;font-weight:400;line-height:1.6}.intro-note{color:#7b7f74;letter-spacing:-.3px;margin:0;font-size:13px;line-height:1.95}.readout{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f5efb3;border:1px solid #fff9;border-radius:24px;width:164px;transition:width .2s;position:absolute;top:6.5%;right:3.4%;box-shadow:0 3px 10px #35372b0a}.readout summary{cursor:pointer;white-space:nowrap;align-items:center;gap:11px;height:45px;padding:0 17px;font-size:13px;list-style:none;display:flex}.readout summary::-webkit-details-marker{display:none}.readout summary svg{color:#73796b;flex:none;width:17px;height:17px}.plus{color:#757c6b;margin-left:auto;font-size:21px;font-weight:400;line-height:1;transition:transform .2s}.readout[open]{border-radius:20px;width:314px}.readout[open] .plus{transform:rotate(45deg)}.readout-body{padding:5px 22px 22px}.readout-kicker{color:#7e8376;margin:6px 0 20px;font-size:12px}.time-reading{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:18px;font-size:13px;display:flex}.time-reading output{font-variant-numeric:tabular-nums;font-size:16px}.readout table{border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;width:100%;margin:14px 0 17px;font-size:13px}.readout th{font-weight:400}.readout th:first-child{text-align:left}.readout thead{color:#7e8376;font-size:11px}.readout th,.readout td{padding:9px 0}.dot{border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.sage{background:var(--sage)}.clay{background:var(--clay)}.equation{border-top:1px solid var(--line);justify-content:space-between;padding-top:18px;font-size:13px;display:flex}.readout-body>p:last-child{color:#7e8376;margin:15px 0 0;font-size:11px;line-height:1.8}.scene{z-index:1;position:absolute;inset:9% 16% 14%}.scene canvas{width:100%;height:100%;display:block}.scene-overlay{pointer-events:none;position:absolute;inset:0}.speed-control{pointer-events:auto;--object:var(--sage);filter:drop-shadow(0 2px 3px #f9f8f399);width:171px;position:absolute;transform:translate(-50%,-50%)}.speed-b{--object:var(--clay)}.speed-control label{letter-spacing:0;cursor:pointer;color:var(--object);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.speed-control label b{border:1px solid;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:600;display:grid}.speed-control .direction{color:#737a6f;letter-spacing:-.2px;margin-left:auto;font-size:9px}.speed-slider{height:34px;transform:rotate(var(--track-angle,-12deg));transform-origin:50%;align-items:center;margin-top:2px;display:flex;position:relative}.speed-slider:before{content:"";background:color-mix(in srgb,var(--object) 35%,transparent);height:2px;position:absolute;top:50%;left:0;right:-3px;transform:translateY(-50%)}.arrow-tip{width:1px;height:1px;stroke:var(--object);stroke-width:1.3px;fill:none;pointer-events:none;position:absolute;top:50%;left:calc(100% + 3px);overflow:visible;transform:none}.speed-slider input{z-index:1;position:relative}.attachment{background:linear-gradient(var(--object),transparent);opacity:.4;transform-origin:top;width:1px;height:30px;position:absolute;top:63px;left:50%;transform:rotate(-15deg)}.speed-b .attachment{background:linear-gradient(transparent,var(--object));top:auto;bottom:65px;transform:rotate(15deg)}input[type=range]{appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:32px;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:5px;height:2px}input[type=range]::-moz-range-track{background:0 0;border-radius:5px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:radial-gradient(circle at 35% 25%,#fff,#e9e9dd 70%,#cccfc0);border:1px solid #ffffffd9;border-radius:50%;width:21px;height:21px;margin-top:-9.5px;box-shadow:0 2px 4px #464c352b,0 0 0 1px #87907944}input[type=range]::-moz-range-thumb{cursor:grab;background:#f3f4eb;border:1px solid #fff;border-radius:50%;width:21px;height:21px;box-shadow:0 2px 4px #464c352b}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 1px 6px #464c3555,0 0 0 4px #a7b39e22}.stage-label{letter-spacing:2px;color:#7d8374;font-size:10px;position:absolute;transform:translate(-50%,-50%)}.finish-label{opacity:.75}.scene-error{background:#f4f1e9;border:1px solid #bcbfb0;border-radius:12px;max-width:400px;padding:20px;font-size:14px;line-height:1.8;position:absolute;top:45%;left:25%}.observation{z-index:3;pointer-events:none;align-items:flex-start;gap:13px;display:flex;position:absolute;bottom:23%;left:4%}.trace-symbol{align-items:center;gap:5px;margin-top:9px;display:flex}.trace-symbol i{background:#7d8a77;border-radius:50%;width:3px;height:3px}.observation p{color:#828678;margin:0;font-size:11px;line-height:1.9}.observation strong{color:#59634f;font-size:12px;font-weight:400}.time-dock{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(140deg,#fafaf2b3,#e9ebe3b3);border:1px solid #ffffffa6;border-radius:16px;align-items:center;gap:24px;width:min(690px,80%);padding:18px 22px;display:flex;position:absolute;bottom:8.5%;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #595c460b,inset 0 1px #fff9}.playback{flex:none;align-items:center;gap:8px;display:flex}.play-button{color:#fafbf4;white-space:nowrap;background:#596250;border:1px solid #596250;border-radius:24px;justify-content:center;align-items:center;gap:9px;min-width:153px;padding:11px 17px;font-size:12px;display:flex}.play-button:hover{background:#444e3d}.play-button svg{fill:currentColor;stroke-width:0;width:16px;height:16px}.reset-button{color:#757d6b;background:0 0;border:0;place-items:center;width:34px;height:36px;padding:6px;display:grid}.reset-button:hover{background:#75806413;border-radius:50%}.reset-button svg{width:17px;height:17px}.timeline-block{border-left:1px solid var(--line);flex:1;min-width:90px;padding-left:24px}.timeline-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-label label{white-space:nowrap;font-size:11px}.timeline-label span{color:#7c8273;white-space:nowrap;font-size:9px}#timeline{background:linear-gradient(#9b9f8b66,#9b9f8b66) 50%/100% 2px no-repeat;height:26px;margin:3px 0 0}#timeline::-webkit-slider-thumb{background:#fcfcf4;border-color:#d3d6c6;width:15px;height:15px;margin-top:-6.5px;box-shadow:0 1px 3px #464c3522}#timeline::-moz-range-thumb{background:#fcfcf4;border-color:#d3d6c6;width:15px;height:15px}.timeline-ends{color:#8a8f80;justify-content:space-between;font-size:9px;display:flex}.time-hint{color:#858b7a;border-left:1px solid var(--line);flex:none;align-items:center;gap:9px;padding-left:20px;font-size:9px;line-height:1.7;display:flex}.time-hint svg{stroke:#929987;stroke-width:1.1px;width:22px;height:22px}.page-footer{color:#8a8e80;letter-spacing:1.4px;z-index:4;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:21px;left:3.4%;right:3.4%}.page-footer p{white-space:nowrap;margin:0}.page-footer p span{color:#a0a597;margin:0 15px}.page-footer .footer-hint{letter-spacing:0;color:#7d8574;font-size:10px}@media (width>=1600px){.intro{top:10%;left:5%}.intro h1{font-size:128px}.scene{inset:6% 17% 12%}.statement{font-size:29px}.observation{bottom:26%;left:5%}.time-dock{width:740px;bottom:9%}.page-footer{bottom:30px;left:5%;right:5%}}@media (width<=1100px){.intro h1{font-size:90px}.intro{top:6%;left:4%}.statement{font-size:22px}.intro-note{font-size:12px}.scene{inset:14% 10% 18%}.observation{bottom:23%;left:4%}.readout{top:6%;right:4%}.time-dock{bottom:9%}.time-hint,.page-footer .footer-hint,.brand-ko{display:none}}@media (width<=760px){.site-header{height:56px;padding:0 22px}.brand-lab{font-size:8px}.wordmark{font-size:23px}.chapter{letter-spacing:1.5px;gap:10px;font-size:8px;left:auto;right:22px;transform:none}.chapter span{width:18px}.edition{display:none}.experiment{height:calc(100svh - 56px);min-height:850px;max-height:none}.intro{top:40px;left:25px}.eyebrow{margin-bottom:9px;font-size:9px}.intro h1{letter-spacing:-4.5px;margin-bottom:14px;font-size:75px}.subject{font-size:16px}.intro-rule{margin:20px 0 15px}.statement{font-size:20px;line-height:1.5}.intro-note{display:none}.readout{width:145px;top:41px;right:22px}.readout summary{gap:8px;height:40px;padding:0 14px;font-size:11px}.readout[open]{width:280px}.scene{inset:205px -7% 180px}.speed-control{width:135px}.speed-control label{font-size:11px}.speed-control .direction{font-size:8px}.speed-control label b{width:18px;height:18px;font-size:10px}.observation{bottom:175px;left:27px}.observation p{font-size:10px}.observation strong{font-size:11px}.time-dock{border-radius:14px;gap:12px;width:calc(100% - 40px);padding:16px 14px;bottom:61px}.playback{gap:3px}.play-button{width:43px;min-width:0;height:43px;padding:12px}.play-button span{display:none}.reset-button{width:28px;padding:4px}.timeline-block{padding-left:13px}.timeline-label label{font-size:10px}.timeline-label span{font-size:8px}.page-footer{letter-spacing:1px;font-size:7px;bottom:24px;left:25px;right:25px}.page-footer p span{margin:0 6px}.page-footer p:last-child{font-size:7px}.stage-label{font-size:9px}.attachment{height:22px}}@media (width<=400px){.subject{font-size:14px}.intro h1{font-size:67px}.readout{width:135px;right:18px}.readout summary{font-size:10px}.scene{left:-14%;right:-14%}.speed-control{width:120px}.speed-control .direction{font-size:7px}.page-footer p:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.scene canvas{touch-action:pan-y;outline-offset:-3px}.scene[data-expanded=true] canvas{cursor:grab;touch-action:none}.scene[data-panning=true] canvas{cursor:grabbing}.scene[data-panning=true]{-webkit-user-select:none;user-select:none}.view-tools{z-index:5;text-align:center;color:#71766a;position:absolute;bottom:23%;right:4%}.view-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f5ed99;border:1px solid #ffffff85;border-radius:22px;align-items:center;padding:3px;display:flex;box-shadow:0 2px 8px #333c2908}.view-buttons button{color:#69715f;background:0 0;border:0;border-radius:50%;min-width:34px;height:34px;font-size:18px}.view-buttons button:hover:enabled{background:#7b856412}.view-buttons #view-reset{font-variant-numeric:tabular-nums;border-radius:16px;min-width:49px;font-size:11px}.view-tools p{color:#818877;white-space:nowrap;margin:9px 0 0;font-size:10px}@media (width<=760px){.view-tools{bottom:174px;right:23px}.view-buttons{padding:2px}.view-buttons button{min-width:30px;height:30px}.view-buttons #view-reset{min-width:42px;font-size:10px}.view-tools p{font-size:9px}.observation{max-width:calc(100% - 164px)}.observation strong{line-height:1.65;display:block}}.scene canvas{outline:none}.scene canvas:focus-visible{outline-offset:-4px;border-radius:8px;outline:2px solid #7c8a6666}.scene canvas[data-pointer-focus=true]{outline:none}.scene{overflow:visible}.scene canvas{position:absolute;top:0;left:0}.cart-grip,.starter-control{box-shadow:none;background:0 0;border:0;padding:0;transition:none;position:absolute;transform:translate(-50%,-50%)}.cart-grip{pointer-events:none;border-radius:12px}.cart-grip:focus-visible{outline:2px dashed var(--sage);outline-offset:5px}#cart-b-grip:focus-visible{outline-color:var(--clay)}.cart-grip[data-held=true]:not(:focus-visible){outline:none}.starter-control{pointer-events:auto;cursor:pointer;z-index:3;touch-action:manipulation;border-radius:50%;width:58px;height:54px}.starter-control:active{transform:translate(-50%,-50%)}.starter-control:focus-visible{outline-offset:4px;outline:2px solid #68745c}.starter-caption{text-align:right;pointer-events:none;color:#59634f;filter:drop-shadow(0 1px 2px #ffffffe0);width:142px;position:absolute;transform:translate(-100%,-50%)}.starter-caption>span{letter-spacing:.4px;font-size:13px}.starter-caption small{color:#737b69;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.6;display:block}.starter-caption[data-clicking=true]>span{color:#343f2c}.starter-caption[data-placement=below]{text-align:center;width:140px;transform:translate(-50%)}.scene[data-dragging-cart=true] canvas{cursor:grabbing;touch-action:none}.scene[data-interactive-hover=true]:not([data-dragging-cart=true]) canvas{cursor:grab}.time-pause{color:#58614f;white-space:nowrap;background:#eef0e66b;border:1px solid #969d8d50;border-radius:24px;flex:none;justify-content:center;align-items:center;gap:9px;min-width:130px;min-height:42px;padding:8px 12px;font-size:12px;display:flex}.time-pause:enabled:hover{background:#dce1d4b3}.time-pause svg{stroke-width:2px;width:16px;height:16px}.time-dock .timeline-block{padding-left:22px}.time-dock .timeline-label{gap:16px}.time-dock .timeline-label span{font-size:10px}#time-progress{appearance:none;color:#7b856c;background:#9b9f8b45;border:0;border-radius:3px;width:100%;height:3px;margin:17px 0 9px;display:block;overflow:hidden}#time-progress::-webkit-progress-bar{background:#9b9f8b45;border-radius:3px}#time-progress::-webkit-progress-value{background:#7b856c;border-radius:3px}#time-progress::-moz-progress-bar{background:#7b856c;border-radius:3px}.return-hint{color:#7a826e;border-left:1px solid var(--line);flex:none;margin:0;padding-left:18px;font-size:10px;line-height:1.8}.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}.spring-explanation{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.spring-explanation summary{white-space:normal;color:#66705b;height:auto;padding:6px 0;font-size:11px;line-height:1.6;list-style:inside disclosure-closed;display:list-item}.spring-explanation[open] summary{list-style-type:disclosure-open}.spring-explanation p{color:#747d68;margin:10px 0;font-size:11px;line-height:1.9}.spring-explanation table{margin:12px 0;font-size:11px}.readout[open]{max-height:calc(100% - 100px);overflow-y:auto}@media (width<=1100px){.return-hint{display:none}}@media (width<=760px){.starter-caption{text-align:center;width:140px;transform:translate(-50%)}.starter-caption>span{font-size:11px}.starter-caption small{margin-top:3px;font-size:9px}.starter-control{width:48px;height:48px}.time-pause{width:40px;min-width:40px;height:40px;padding:10px}.time-pause span{display:none}.time-dock .timeline-block{padding-left:13px}.time-dock .timeline-label{gap:7px}.time-dock .timeline-label span{font-size:9px}.view-tools p{font-size:8px}}.speed-control .attachment,.speed-control.compact .direction{display:none}.speed-value{z-index:4;left:calc(12.5px + (100% - 25px)*var(--speed-progress,0));transform-origin:0 0;transform:rotate(calc(-1 * var(--track-angle,-12deg))) translate(-50%,calc(-100% - 42px));white-space:nowrap;min-width:74px;color:var(--object);pointer-events:none;opacity:0;visibility:hidden;font-variant-numeric:tabular-nums;border-radius:11px;justify-content:center;align-items:baseline;gap:5px;padding:7px 11px;transition:opacity .12s,visibility .12s;display:flex;position:absolute;top:50%}.speed-value strong{letter-spacing:-.3px;font-size:19px;font-weight:500;line-height:1.15}.speed-value>span{opacity:.85;font-size:12px}.speed-control[data-adjusting=true],.speed-control[data-keyboard-adjusting=true]{z-index:8}.speed-control[data-adjusting=true] .speed-value,.speed-control[data-keyboard-adjusting=true] .speed-value{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.speed-value{transition:none}}body:before{transform-origin:var(--world-bg-origin-x,50%) var(--world-bg-origin-y,50%);transform:translate(var(--world-bg-x,0px),var(--world-bg-y,0px)) scale(var(--world-bg-scale,1));will-change:transform;inset:-20%}.experiment{touch-action:none}.scene[data-expanded=true] canvas{cursor:default}.scene[data-interactive-hover=true] canvas{cursor:grab}.scene[data-orbiting=true] canvas{cursor:grabbing}#world{touch-action:none}.experiment:has(.scene[data-panning=true]){cursor:grabbing}.trace-distance{z-index:5;pointer-events:none;width:186px;color:var(--sage);white-space:nowrap;border-radius:13px;padding:10px 13px 11px;position:absolute;transform:translate(-50%,-100%)}.trace-distance[hidden]{display:none}.trace-distance-b{color:var(--clay);transform:translate(-50%)}.trace-distance small{letter-spacing:.1px;font-size:11px;font-weight:400;line-height:1.25;display:block}.trace-caption{opacity:.9;margin-bottom:7px;font-weight:500!important}.trace-metrics{grid-template-columns:1fr 1fr;gap:11px;display:grid}.trace-metrics small{color:#66665d;letter-spacing:.15px;font-size:10px}.trace-distance strong{letter-spacing:-.45px;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-top:4px;font-size:20px;font-weight:500;line-height:1.05;display:flex}.trace-distance strong em{letter-spacing:0;opacity:.8;font-size:12px;font-style:normal;font-weight:400}.trace-time{color:#55594e}.trace-metrics>div+div{border-left:1px solid #7a7a6929;padding-left:11px}.trace-distance:after{content:"";left:var(--trace-anchor-x,50%);opacity:.4;background:currentColor;width:1px;height:13px;position:absolute;top:100%}.trace-distance-b:after{top:auto;bottom:100%}@media (width<=760px){.trace-distance{width:172px;padding:9px 11px 10px}.trace-distance strong{font-size:18px}.trace-caption{margin-bottom:6px}.trace-metrics{gap:8px}.trace-metrics>div+div{padding-left:8px}}.readout.analysis-dock{background:linear-gradient(140deg,#fafaf2ed,#e9ebe3ed);border-radius:15px;width:min(690px,80%);transition:none;inset:auto auto 8.5% 50%;overflow:hidden;transform:translate(-50%)}.analysis-dock>summary{height:42px;padding:0 22px;font-size:12px}.analysis-summary-note{color:#878c7e;letter-spacing:.5px;margin-left:auto;font-size:10px}.analysis-dock>summary .plus{margin-left:10px;font-size:18px}.readout.analysis-dock[open]{width:min(690px,80%);max-height:65%;overflow-y:auto}.analysis-dock[open]>summary{z-index:1;border-bottom:1px solid var(--line);background:#f0f1e9;position:sticky;top:0}.analysis-dock .readout-body{padding:12px 24px 20px}.analysis-dock .readout-kicker{margin:4px 0 14px}.analysis-dock .equation{justify-content:center;gap:22px}@media (width<=760px){.readout.analysis-dock,.readout.analysis-dock[open]{width:calc(100% - 40px);max-height:60%;bottom:61px}.analysis-dock>summary{height:40px;padding:0 15px}.analysis-dock .readout-body{padding:10px 16px 17px}.analysis-summary-note{font-size:9px}.analysis-dock .equation{gap:14px}}.analysis-dock>summary{transition:background-color .22s}.analysis-dock>summary .plus{transition:transform .38s cubic-bezier(.22,1,.36,1)}.analysis-dock[data-expanded=false]>summary .plus{transform:rotate(0)}.analysis-dock[data-expanded=true]>summary .plus{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.analysis-dock>summary,.analysis-dock>summary .plus{transition:none}}.spring-explanation>.disclosure-body{display:flow-root}.spring-explanation>summary,.spring-explanation[open]>summary{align-items:center;gap:7px;list-style:none;display:flex}.spring-explanation>summary::marker{content:""}.spring-explanation>summary:before{content:"";border-bottom:1px solid;border-right:1px solid;flex:none;width:5px;height:5px;transition:transform .38s cubic-bezier(.22,1,.36,1);transform:rotate(-45deg)}.spring-explanation[data-expanded=true]>summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.spring-explanation>summary:before{transition:none}}.readout.analysis-dock{-webkit-backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(135deg,#fffffa61,#e8eee038);border:1px solid #ffffffad;transition:background-color .24s,box-shadow .3s;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #ffffff2e,0 10px 34px #2e37271a}.analysis-dock[open]>summary{-webkit-backdrop-filter:blur(12px);background:linear-gradient(100deg,#fffffa40,#f1f4e81f);border-bottom-color:#636f5729}.analysis-dock>summary:hover{background-color:#ffffff2e}.analysis-dock .readout-kicker,.analysis-dock .readout-body>p:last-child,.analysis-dock thead,.analysis-dock .spring-explanation p{color:#59634f}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.readout.analysis-dock{background:#f1f4e8d9}}@media (prefers-reduced-motion:reduce){.readout.analysis-dock{transition:none}}.track-dimension{pointer-events:none;fill:none;stroke:#727568;stroke-width:1.3px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.track-dimension-label{transform:translate(-50%,-50%) rotate(var(--track-angle,0deg));color:#565b4e;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #fffc;pointer-events:none;font-size:18px;font-weight:500;line-height:1;position:absolute}.track-dimension-label small{font-size:12px;font-weight:400}@media (width<=760px){.track-dimension-label{font-size:15px}.track-dimension-label small{font-size:11px}}.clock-toggle{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.clock-toggle:focus-visible{outline-offset:5px;outline:2px solid #687263}.clock-toggle:hover{box-shadow:0 0 0 2px #797e6140}.stopwatch{z-index:5;text-align:center;color:#535a4d;pointer-events:none;border-radius:24px;width:200px;padding:18px 24px 16px;position:absolute;transform:translate(-50%)}.stopwatch-caption{letter-spacing:1.2px;font-size:10px}.stopwatch-value{font-variant-numeric:tabular-nums;letter-spacing:-1.3px;margin:9px 0 7px;font-size:38px;font-weight:400;line-height:1.1}.stopwatch-value small{letter-spacing:0;margin-left:7px;font-size:16px}.stopwatch-status{color:#72776a;font-size:11px}@media (width<=760px){.stopwatch{border-radius:20px;width:170px;padding:12px 16px}.stopwatch-value{font-size:30px}.stopwatch-caption{font-size:9px}}@media (width>=761px) and (height<=850px){.stopwatch{border-radius:19px;width:180px;padding:9px 16px}.stopwatch-value{margin:4px 0;font-size:28px}.stopwatch-caption{font-size:9px}.stopwatch-status{font-size:10px}}.clock-toggle:hover,.clock-toggle:focus,.clock-toggle:focus-visible{box-shadow:none;background:0 0;outline:none}.stopwatch{width:180px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.stopwatch-caption{display:none}.stopwatch .stopwatch-value{text-shadow:0 1px 3px #fffd;margin:0 0 5px;font-size:27px;line-height:1}.stopwatch .stopwatch-status{font-size:10px;display:none}.clock-record{z-index:9;text-align:center;pointer-events:none;white-space:nowrap;border-radius:14px;min-width:145px;padding:11px 15px;position:absolute;transform:translate(-50%,-100%)}.clock-record small,.clock-record span{font-size:11px;display:block}.clock-record strong{font-variant-numeric:tabular-nums;margin:4px 0;font-size:24px;font-weight:500;display:block}.clock-record em{font-size:13px;font-style:normal}.clock-record span{color:#686b62;font-size:10px}body{--paper:#f1efea;--ink:#171917;--muted:#64655f;--sage:#16664e;--clay:#a94624}body:before{opacity:1;background-image:url(/static/daylight-surround-CXh6O7Fm.webp);background-position:50%;background-size:cover;inset:-20%}.site-header{-webkit-backdrop-filter:blur(14px);background:linear-gradient(110deg,#ffffff62,#efeee845);height:70px;padding:0 2.8%}.wordmark{letter-spacing:-2.8px;font-size:32px}.brand{gap:14px}.brand-lab,.brand-ko,.chapter,.edition{font-size:12px}.brand-ko{letter-spacing:2px}.chapter{letter-spacing:3px;gap:22px}.experiment{background:radial-gradient(at 33% 38%,#ffffff30,#0000 66%);height:calc(100svh - 70px);min-height:730px}.intro{width:21%;max-width:360px;top:7.6%;left:3.15%}.eyebrow{letter-spacing:2.7px;color:#444743;margin-bottom:16px;font-size:12px}.intro h1{letter-spacing:-.057em;color:#111410;margin-bottom:16px;font-size:clamp(86px,7.6vw,142px);line-height:.88}.subject{letter-spacing:-.04em;color:#262925;white-space:nowrap;font-size:clamp(20px,1.75vw,29px)}.intro-rule{background:#86867e70;width:48px;margin:30px 0 26px}.statement{letter-spacing:-.045em;color:#222520;margin-bottom:22px;font-size:clamp(25px,2.15vw,36px);line-height:1.5}.intro-note{color:#5f625b;letter-spacing:-.035em;font-size:clamp(14px,1.18vw,20px);line-height:1.75}.scene{max-height:800px;inset:11.5% 1.8% 9.5% 22%}.speed-control label{color:var(--object);font-size:14px}.speed-control .direction{font-size:11px}.speed-control label b{display:none}.speed-slider:before{background:color-mix(in srgb,var(--object) 58%,transparent);height:1px}input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 34% 24%,#fff 10%,#f5f4ef 55%,#d5d3c9 95%);width:25px;height:25px;margin-top:-12px;box-shadow:0 2px 5px #39372c29,0 0 0 1px #b9b7a87a}input[type=range]::-moz-range-thumb{background:#f5f4ef;width:25px;height:25px}.starter-caption{color:#343a32;text-shadow:none;filter:none;box-sizing:border-box;border-radius:10px;width:196px;padding:8px 12px}.starter-caption>span{letter-spacing:.35px;font-size:14px;font-weight:600}.starter-caption small{color:#495044;white-space:normal;word-break:keep-all;margin-top:3px;font-size:13px;font-weight:500;line-height:1.65}.starter-caption[data-placement=below]{width:196px}.stage-label{color:#686b62;letter-spacing:1.3px;font-size:11px}.observation{gap:10px;max-width:235px;display:none;bottom:16.7%;left:3.2%}.observation p,.observation strong{color:#65695f;font-size:12px;line-height:1.8}.readout.analysis-dock,.readout.analysis-dock[open]{-webkit-backdrop-filter:blur(22px)saturate(110%);background:linear-gradient(115deg,#ffffff62,#f7f6f148);border-color:#fffffff0;border-radius:22px;width:min(820px,63%);bottom:11.2%;box-shadow:inset 0 1px #fff,0 8px 24px #49473b12}.analysis-dock>summary{gap:15px;height:62px;padding:0 30px;font-size:16px}.analysis-dock>summary svg{width:23px;height:23px}.analysis-summary-note{color:#777a71;font-size:13px}.analysis-dock>summary .plus{color:#787c70;font-size:24px}.readout table,.readout-kicker,.time-reading,.equation{font-size:14px}.readout thead,.readout-body>p:last-child,.spring-explanation summary,.spring-explanation p,.spring-explanation table{font-size:13px}.page-footer{color:#64685e;letter-spacing:1.7px;font-size:11px;bottom:28px;left:2.8%;right:2.8%}.page-footer .footer-hint{color:#73776e;font-size:12px}.page-footer p:first-child{color:#454b3f;text-shadow:0 1px 4px #fff,0 0 9px #ffffffd9}@media (width>=1800px){.intro{top:8.5%}.scene{inset:12% 2% 8% 22%}}@media (width<=1100px) and (width>=761px){.intro{width:24%;top:8%;left:3.3%}.intro h1{font-size:88px}.eyebrow{letter-spacing:2px;font-size:10px}.subject{font-size:19px}.statement{font-size:25px}.intro-note{font-size:14px}.scene{inset:12% 1% 12% 22%}.observation{max-width:200px;bottom:19%}.readout.analysis-dock,.readout.analysis-dock[open]{width:68%}.analysis-dock>summary{height:54px;font-size:14px}.page-footer .footer-hint{display:none}.chapter,.edition{font-size:10px}}@media (width<=760px){body:before{background-position:60%;background-size:cover}.site-header{height:58px;padding:0 22px}.wordmark{font-size:27px}.brand-lab{font-size:10px}.brand-ko,.edition{display:none}.chapter{letter-spacing:1.5px;gap:12px;font-size:9px;left:auto;right:22px;transform:none}.experiment{touch-action:pan-y;height:calc(100svh - 58px);min-height:820px}.intro{width:calc(100% - 48px);max-width:none;top:30px;left:24px}.eyebrow{letter-spacing:2px;margin-bottom:10px;font-size:10px}.intro h1{margin-bottom:13px;font-size:83px}.subject{font-size:20px}.intro-rule{width:35px;margin:22px 0 16px}.statement{margin-bottom:0;font-size:23px;line-height:1.4}.intro-note{display:none}.scene{inset:310px 3% 145px}.speed-control label{font-size:12px}.speed-control .direction{display:none}.starter-caption>span{font-size:13px}.starter-caption,.starter-caption[data-placement=below]{text-align:left;width:184px;transform:none}.starter-caption small{font-size:13px}.stage-label{font-size:10px}.observation{max-width:calc(100% - 48px);bottom:139px;left:24px}.observation p,.observation strong{font-size:11px}.readout.analysis-dock,.readout.analysis-dock[open]{border-radius:18px;width:calc(100% - 40px);max-height:70%;bottom:63px}.analysis-dock>summary{gap:10px;height:52px;padding:0 19px;font-size:14px}.analysis-summary-note{font-size:11px}.page-footer{letter-spacing:1px;font-size:9px;bottom:24px;left:24px;right:24px}.page-footer p:last-child{font-size:8px}.page-footer .footer-hint{display:none}}