.experiment-acrylic{--acrylic-start:#ffffff61;--acrylic-end:#f7f6f147;--acrylic-edge:#fffffff0;--acrylic-highlight:#ffffffe6;--acrylic-shadow:#49473b12;--acrylic-fallback:#f7f6f1db;background:linear-gradient(115deg,var(--acrylic-start),var(--acrylic-end));border:1px solid var(--acrylic-edge);box-shadow:inset 0 1px 0 var(--acrylic-highlight),inset 0 -1px 0 #ffffff1f,0 8px 24px var(--acrylic-shadow);-webkit-backdrop-filter:blur(22px)saturate(110%);backdrop-filter:blur(22px)saturate(110%)}:root[data-room=dark] .experiment-acrylic,.experiment-acrylic[data-theme=dark]{--acrylic-start:#2d373b61;--acrylic-end:#17212747;--acrylic-edge:#e5f0f247;--acrylic-highlight:#ffffff30;--acrylic-shadow:#00000029;--acrylic-fallback:#1d272ce6}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.experiment-acrylic{background:var(--acrylic-fallback)}}@font-face{font-family:Inter;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#292821;--muted:#797469;--line:#71695d30;--current:#a9540b;--field:#386e9c;--force:#087d75;--paper:#f0ece3}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Malgun Gothic,sans-serif}button,input,summary{font:inherit}button,summary{cursor:pointer}button{color:inherit;border:1px solid var(--line);background:0 0;border-radius:24px;min-height:40px;padding:9px 15px;transition:background .2s,border-color .2s}button:hover{background:#ffffff3d;border-color:#93836b}button:focus-visible,summary:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--force);outline-offset:4px}button:disabled{opacity:.45;cursor:default}a{color:inherit}#lab{isolation:isolate;height:100svh;min-height:860px;position:relative}#scene{z-index:-1;position:absolute;inset:0}#canvas{touch-action:none;width:100%;height:100%;display:block}.copy{pointer-events:none;width:28%;position:absolute;top:17%;left:4.2%}.copy>*{pointer-events:auto}.eyebrow{letter-spacing:.28em;margin:0 0 18px;font-size:10px}h1{letter-spacing:-.065em;margin:0 0 28px;font:clamp(90px,10vw,168px)/.95 Times New Roman,serif}h1 span{letter-spacing:-.04em;margin-top:24px;font:clamp(25px,2.5vw,42px)/1.48 Georgia,Batang,serif;display:block}.intro{color:#655e52;font:16px/1.85 Georgia,Batang,serif}.lesson{border-top:1px solid var(--line);max-width:260px;margin-top:36px;padding-top:21px}.lesson>span{color:var(--muted);letter-spacing:.08em;font-size:10px}.lesson p{margin-bottom:15px;font-size:14px;line-height:1.75}.lesson strong{color:var(--force);font-weight:500}summary{justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:12px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.copy details{max-width:280px}.learn-body{font-size:12px;line-height:1.8}.learn-body p{margin:8px 0 15px}.key{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.current{color:var(--current)}.field{color:var(--field)}.force{color:var(--force)}.scene-space{pointer-events:none;position:absolute;inset:12% 3% 21% 32%}.label{white-space:nowrap;text-shadow:0 1px 8px var(--paper),0 0 5px var(--paper);pointer-events:none;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}#labels{pointer-events:none;position:absolute;inset:0}.object-actions button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#f8f5ed5e;font-size:11px;position:absolute;box-shadow:0 4px 14px #50412808}.object-actions span{margin-left:10px}.control-panel{z-index:5;border-radius:16px;width:270px;max-height:60vh;padding:20px;position:absolute;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading h2{margin:0;font-family:Georgia,Batang,serif;font-size:18px;font-weight:400}.panel-heading button{border:0;width:24px;min-height:24px;padding:0;font-size:20px}.row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}#power{border:0;align-items:center;gap:12px;font-size:12px;display:flex}.switch-dot{background:#aaa;border-radius:12px;width:27px;height:16px;position:relative}.switch-dot:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}#power[aria-checked=true] .switch-dot{background:#527d69}#power[aria-checked=true] .switch-dot:after{left:13px}.wide{justify-content:space-between;width:100%;margin:9px 0;font-size:12px;display:flex}#more{border-top:1px solid var(--line);margin-top:17px;padding-top:4px}.range-row{padding:14px 0;font-size:12px;display:block}.range-row output{float:right;color:var(--muted)}input[type=range]{accent-color:#907750;cursor:pointer;width:100%;margin-top:16px}.small{color:var(--muted);font-size:12px;line-height:1.85}#circuit-copy{font-size:13px;line-height:1.8}.observation{z-index:4;border-radius:14px;padding:16px 22px;position:absolute;bottom:8%;left:36%;right:6%}.observation-head{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.live-dot{background:#9b8054;border-radius:50%;width:5px;height:5px}#challenge{border:0;min-height:24px;margin-left:auto;padding:0;font-size:11px}#result{margin:11px 0 0;font-size:15px;line-height:1.6}.quiz-body{padding:10px 0 0;font-size:13px}.answers{gap:6px;display:flex}.answers button{padding:8px 12px;font-size:12px}.answers button.chosen{border-color:var(--force);background:#137b711a}#next-question{border:0;padding:0;font-size:11px}#feedback{color:var(--force);line-height:1.8}footer{border-top:1px solid var(--line);letter-spacing:.13em;justify-content:space-between;align-items:center;padding-top:14px;font:9px Georgia,serif;display:flex;position:absolute;bottom:20px;left:4.2%;right:4.2%}footer i{color:var(--muted);margin:0 9px;font-style:normal}footer summary{letter-spacing:0;min-height:20px;font-size:10px}.model-body{letter-spacing:0;z-index:8;border-radius:12px;width:min(420px,90vw);padding:15px 20px;font:12px/1.8 Inter,Malgun Gothic,sans-serif;position:absolute;bottom:32px;right:0}#error{background:var(--paper);border:1px solid var(--line);max-width:480px;padding:24px;position:absolute;top:40%;left:35%}.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}:root[data-room=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7e2d8;--muted:#b4afa5;--line:#e8ddc22b;--paper:#182126;--current:#eaaa58;--field:#89b7ea;--force:#69d4ba}:root[data-room=dark] .intro{color:#b8b3a9}:root[data-room=dark] .object-actions button{background:#29383f59}@media (width>=1600px){.copy{top:18%}.observation{left:39%;right:10%}}@media (width<=1100px) and (width>=761px){.copy{width:29%;top:15%}h1{font-size:96px}h1 span{font-size:26px}.intro{font-size:14px}.control-panel{width:245px}.observation{left:33%;right:4%}#result{font-size:13px}.scene-space{top:16%;left:30%;right:2%}.eyebrow{letter-spacing:.18em;font-size:8px}footer>span:last-child{display:none}}@media (width<=760px){#lab{height:auto;min-height:1100px;padding:95px 22px 86px}.copy{pointer-events:auto;width:100%;position:relative;top:auto;left:auto}.eyebrow{margin-bottom:9px;font-size:8px}h1{letter-spacing:-.065em;align-items:center;gap:24px;margin:0;font-size:76px;display:flex}h1 span{letter-spacing:-.05em;margin:0;font-size:22px;line-height:1.5}.intro{margin:14px 0 0;font-size:12px}.lesson{display:none}.copy details{max-width:none;margin-top:10px}.copy summary{justify-content:flex-start;min-height:32px;font-size:11px}.learn-body{background:#eee8de66;border-radius:8px;padding:4px 10px}.scene-space{width:100%;height:465px;margin-top:12px;position:relative;inset:auto}.object-actions button{min-height:32px;padding:6px 10px;font-size:10px}.control-panel{z-index:6;width:calc(100% - 44px);max-height:360px;padding:16px}.observation{padding:15px;position:relative;bottom:auto;left:auto;right:auto}#result{font-size:13px}footer{gap:12px;font-size:8px;bottom:24px;left:22px;right:22px}footer>span:last-child{display:none}.label{font-size:10px}.model-body{bottom:35px;right:0}#error{top:400px;left:22px;right:22px}.answers{flex-wrap:wrap}:root[data-room=dark] .learn-body{background:#18212677}.control-panel{width:100%;max-height:360px;margin:0 0 18px;position:relative;top:auto!important;left:auto!important}}.signed-current{padding-bottom:0}.signed-current output{font-variant-numeric:tabular-nums;color:var(--ink);font-size:18px}.signed-track{margin-top:17px;display:block;position:relative}.signed-track:before{content:"";pointer-events:none;background:#806c4666;width:1px;height:21px;position:absolute;top:6px;left:50%}#current{appearance:none;z-index:1;background:0 0;height:32px;margin:0;position:relative}#current::-webkit-slider-runnable-track{background:var(--current-fill);border-radius:4px;height:5px}#current::-moz-range-track{background:var(--current-fill);border-radius:4px;height:5px}#current::-webkit-slider-thumb{appearance:none;background:#eee7d9;border:1px solid #a08c69;border-radius:50%;width:19px;height:19px;margin-top:-7px;box-shadow:inset 0 1px 1px #fff,0 2px 5px #574a342b}#current::-moz-range-thumb{background:#eee7d9;border:1px solid #a08c69;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 5px #574a342b}.current-scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}@media (width>=1101px){.scene-space{left:24%;right:11%}}@media (width>=761px) and (width<=1100px){.scene-space{left:22%;right:10%}}#canvas{cursor:grab}#canvas.is-grabbing{cursor:grabbing}.copy h1{color:#25241f;letter-spacing:-.07em;font-weight:400}.copy h1 span{letter-spacing:-.065em;font-family:Malgun Gothic,sans-serif;font-size:clamp(26px,2.35vw,38px);font-weight:300;line-height:1.55}.intro{color:#6d685e;letter-spacing:-.025em;font-family:Malgun Gothic,sans-serif;font-size:14px;line-height:1.95}.eyebrow{color:#746c5e;letter-spacing:.32em;font-size:9px}.label{letter-spacing:.035em;text-shadow:0 1px 6px var(--paper);font-family:Inter,Malgun Gothic,sans-serif;font-size:11px;font-weight:600}.object-actions button{letter-spacing:.025em;background:linear-gradient(120deg,#fffdf54f,#f2eada38);border-color:#8d7a5730;padding:10px 15px;box-shadow:inset 0 1px #fff9,0 4px 18px #574a3410}.observation{border-radius:12px;box-shadow:inset 0 1px #ffffffe0,0 12px 40px #6c57310a}#result{letter-spacing:-.015em;font-size:14px}.lesson{border-top-color:#9a8b702a}.lesson>span{letter-spacing:.1em}:root[data-room=dark] .copy h1{color:var(--ink)}:root[data-room=dark] .object-actions button{background:linear-gradient(120deg,#33434c66,#1e2b3438);border-color:#d0dce42e;box-shadow:inset 0 1px #ffffff24,0 4px 18px #0002}:root[data-room=dark] .observation{box-shadow:inset 0 1px #ffffff26,0 12px 40px #0001}@media (width<=760px){.copy h1 span{font-size:21px}.intro{font-size:12px}.object-actions button{padding:7px 11px;font-size:10px}.label{font-size:10px}#result{font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.copy h1{color:#171813;letter-spacing:-.075em;font-family:Bodoni MT,Times New Roman,serif;font-size:clamp(112px,13vw,194px);line-height:.88}.copy h1 span{letter-spacing:-.065em;margin-top:30px;font-family:Batang,바탕,Georgia,serif;font-size:clamp(28px,2.65vw,42px);font-weight:400;line-height:1.55}.intro{color:#38382f;margin-top:30px;font-family:Batang,바탕,Georgia,serif;font-size:17px;line-height:1.9}.eyebrow{color:#292a22;letter-spacing:.25em;margin-bottom:24px;font-size:10px}.lesson{margin-top:30px}.label{text-shadow:0 1px 5px #f5eddf,0 0 9px #f5eddf;font-size:12px}.object-actions button{color:#343126;background:linear-gradient(120deg,#fff9ed59,#f2eada38)}@media (width<=1100px) and (width>=761px){.copy h1{font-size:126px}.copy h1 span{font-size:28px}.intro{font-size:14px}}@media (width<=760px){.copy h1{font-size:82px;line-height:.95}.copy h1 span{margin-top:0;font-size:21px}.intro{margin-top:16px;font-size:13px}.eyebrow{margin-bottom:14px;font-size:8px}.label{font-size:10px}}:root{--current:#2c70c7;--field:#9450ad}:root[data-room=dark]{--current:#81b6f2;--field:#ca9be0}#canvas,.object-actions,#labels{-webkit-user-select:none;user-select:none}body.scene-dragging,body.scene-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}#learn>summary{min-height:32px;color:var(--muted);-webkit-user-select:none;user-select:none;justify-content:flex-start;gap:12px;width:max-content;font-size:11px}#learn>summary span{transition:transform .34s cubic-bezier(.22,1,.36,1);display:inline-block}#learn[data-expanded=true]>summary span{transform:rotate(45deg)}.guide-body{max-height:var(--guide-max-height,300px);overscroll-behavior:contain;scrollbar-width:thin;border-radius:12px;margin-top:7px;padding:15px 16px;display:flow-root;overflow-y:auto}#learn .intro{margin:0;font-size:14px;line-height:1.8}#learn .lesson{max-width:none;margin-top:18px;padding-top:14px;display:block}#learn .lesson p{margin:8px 0 0;font-size:12px}#learn .learn-body{border-top:1px solid var(--line);background:0 0;border-radius:0;margin-top:18px;padding:14px 0 0}#learn .learn-body h2{margin:0 0 10px;font-size:12px;font-weight:500}#learn .learn-body p:last-child{margin-bottom:0}@media (width<=760px){.guide-body{max-height:none;overflow:visible}#learn .intro{font-size:13px}}@media (width>=761px){.scene-space{left:17.5%;right:17.5%}.observation{width:min(820px,100% - 80px);left:50%;right:auto;transform:translate(-50%)}}.control-panel{-webkit-user-select:none;user-select:none;border-radius:13px;width:224px;max-height:none;padding:14px 16px}.panel-heading{gap:8px;margin-bottom:8px}.panel-heading h2{font-size:15px}.range-row{padding:8px 0 0}.signed-track{margin-top:7px}.signed-current output{color:var(--current);font-size:16px}#current-direction{margin:10px 0 0;font-size:11px;line-height:1.5}#reverse-b{min-height:30px;margin:0 0 6px;padding:5px 10px;font-size:11px}#field{height:32px;accent-color:var(--field);margin:4px 0 0;display:block}#b-value{color:var(--field);font-variant-numeric:tabular-nums}@media (width>=761px){#lab{--stage-height:max(860px,100svh);height:calc(var(--stage-height) + var(--panel-extra,0px))}.scene-space{top:calc(var(--stage-height)*.12);height:calc(var(--stage-height)*.67);bottom:auto}.copy{top:calc(var(--stage-height)*.17)}.observation{bottom:calc(var(--stage-height)*.08)}}@media (width>=761px) and (width<=1100px){.scene-space{top:calc(var(--stage-height)*.16);height:calc(var(--stage-height)*.63)}.copy{top:calc(var(--stage-height)*.15)}}@media (width>=1600px){.copy{top:calc(var(--stage-height)*.18)}}@media (width<=760px){.control-panel{width:100%;margin-bottom:16px;padding:14px 16px}.panel-heading h2{font-size:15px}}:root{--ink:#242726;--muted:#727775;--line:#68726e2b;--paper:#e5e7e7}.copy h1{color:#1c201e}.eyebrow{color:#575e5b}.object-actions button{color:#353b38;background:linear-gradient(120deg,#ffffff61,#e9eeec47);border-color:#75817b29;box-shadow:inset 0 1px #fffb,0 4px 18px #273a3010}.experiment-acrylic{--acrylic-end:#eaf0ee47;--acrylic-shadow:#2a353212}.observation{box-shadow:inset 0 1px #fffd,0 12px 40px #2b39300a}.label{text-shadow:0 1px 5px #e9ebeb,0 0 9px #e9ebeb}