.pull-cord{z-index:3;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:15px;width:72px;height:144px;margin:0;padding:0;position:absolute;top:56px;right:clamp(56px,7vw,116px)}.pull-cord:active{cursor:grabbing}.pull-cord:before{content:"";position:absolute;inset:0 -12px -12px}.cord-label{color:var(--secondary,var(--muted));font:12px var(--sans,Inter, Pretendard, system-ui, sans-serif);letter-spacing:.035em;white-space:nowrap;pointer-events:none;opacity:1;position:absolute;top:145px;left:50%;transform:translate(-50%)}.pull-cord:focus-visible{outline:2px solid var(--control-ink,var(--ink));outline-offset:3px}.pull-switch-scene{pointer-events:none;width:72px;height:250px;display:block}.pull-cord.render-unavailable .pull-switch-scene{display:none}.pull-cord.render-unavailable .cord-label{opacity:1;border:1px solid var(--line);background:var(--surface,#eeede8);border-radius:20px;padding:12px;top:76px}@media (width<=760px){.pull-cord{top:56px;right:22px}}@font-face{font-family:Inter;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Inter;src:url(/fonts/google/inter-600-latin.woff2)format("woff2");font-display:swap;font-weight:600}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242724;--muted:#767a72;--line:#2d322c33;--red:#d34737;--green:#348754;--blue:#4564d7;font-synthesis:none;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#eeede8;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.study{height:100svh;min-height:760px;position:relative;overflow:hidden}.stage{position:absolute;inset:72px 0 0}#light-canvas{width:100%;height:100%;display:block}.pull-cord:focus{outline:none}.pull-cord:focus-visible:not(.pointer-focus) .cord-label{color:var(--ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.room-dark{--ink:#eee;--muted:#a8ada7;--line:#ffffff38;color:var(--ink)}.room-dark .eyebrow,.room-dark .description,.room-dark .footnote{color:#a8ada7}.room-dark .title-period{color:#b6b7b0}.room-dark .light-desk{background:#1b1e20e0;border-color:#ffffff26;box-shadow:0 9px 30px #0003}.room-dark .channel output,.room-dark .reset{color:#c3c8c1}.room-dark .reset:hover{color:#fff}.handles{pointer-events:none;visibility:hidden;position:absolute;inset:0}.ready .handles{visibility:visible}.light-handle{color:#292d2c;letter-spacing:.04em;cursor:grab;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff54;border:1px solid #ffffffc7;border-radius:50%;width:38px;height:38px;font-size:13px;transition:background .2s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000008,inset 0 0 8px #fff4}.light-handle:hover,.light-handle:focus-visible{outline:1px solid var(--color);outline-offset:3px;background:#ffffffb3;box-shadow:0 0 0 5px #ffffff24}.light-handle:active{cursor:grabbing}.red{--color:var(--red)}.green{--color:var(--green)}.blue{--color:var(--blue)}.intro{pointer-events:none;position:absolute;top:clamp(142px,20vh,235px);left:clamp(28px,4.5vw,78px)}.eyebrow{letter-spacing:.16em;color:#686e66;margin:0 0 29px;font-size:11px}h1{letter-spacing:-.083em;margin:0 0 45px -6px;font-family:Times New Roman,Georgia,serif;font-size:clamp(100px,12vw,190px);font-weight:400;line-height:.8}.title-period{color:#807f77}.statement{letter-spacing:-.065em;margin:0;font-size:clamp(26px,2.5vw,40px);line-height:1.3}.description{color:#6e726b;letter-spacing:-.02em;margin:24px 0 0;font-size:14px;line-height:1.8}.readout{letter-spacing:.14em;color:var(--muted);pointer-events:none;align-items:center;gap:13px;font-size:10px;display:flex;position:absolute;top:110px;right:4.5vw}.readout i{background:var(--line);width:20px;height:1px}.light-desk{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f5f08c;border:1px solid #fffc;border-radius:3px;grid-template-columns:repeat(3,1fr) 70px;gap:30px;width:min(790px,82%);padding:23px 26px 21px;display:grid;position:absolute;bottom:77px;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #2f332c09,0 1px #232a2217}.channel label{align-items:center;gap:8px;font-size:12px;display:flex}.channel-letter{color:var(--color);font-family:Times New Roman,serif;font-size:19px}.channel output{font-variant-numeric:tabular-nums;color:#62685e;margin-left:auto;font-size:12px}.channel output span{padding-left:2px;font-size:9px}input[type=range]{appearance:none;cursor:pointer;--fill:100%;background:0 0;width:100%;height:20px;margin:11px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color) var(--fill),#9b9e963a var(--fill));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--color);background:#f8f8f3;border-radius:50%;width:11px;height:11px;margin-top:-4.5px;box-shadow:0 1px 4px #0002}input[type=range]::-moz-range-track{background:#9b9e963a;height:2px}input[type=range]::-moz-range-progress{background:var(--color);height:2px}input[type=range]::-moz-range-thumb{border:1px solid var(--color);background:#f8f8f3;border-radius:50%;width:10px;height:10px}input[type=range]:focus-visible{outline:1px solid var(--color);outline-offset:5px}.reset{border:0;border-left:1px solid var(--line);cursor:pointer;color:#6d7169;background:0 0;flex-direction:column;align-items:center;gap:9px;padding:0 0 0 23px;font-size:11px;display:flex}.reset span{font-size:24px;line-height:1}.reset:hover{color:#1e241e}.reset:focus-visible{outline-offset:5px;outline:1px solid}.footnote{color:#777c72;letter-spacing:.03em;pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:27px;left:36px;right:36px}.footnote span:last-child{letter-spacing:.12em;font-size:10px}#render-status{text-align:center;width:min(400px,80%);font-size:14px;line-height:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (aspect-ratio<=1) and (width>=761px){.intro{top:140px}.intro h1{margin-bottom:30px;font-size:130px}.intro .statement{font-size:29px}.description{display:none}.readout{top:150px}.light-desk{bottom:91px}.footnote{bottom:34px}}@media (width<=760px){.stage{top:60px}.study{min-height:760px}.intro{top:109px;left:25px}.eyebrow{margin-bottom:21px;font-size:10px}h1{margin:0 0 27px -4px;font-size:104px}.statement{font-size:25px}.description{display:none}.readout{flex-direction:column;align-items:flex-end;gap:9px;font-size:9px;top:109px;right:25px}.readout i{display:none}.light-handle{width:34px;height:34px;font-size:12px}.light-desk{grid-template-columns:repeat(3,1fr);gap:17px;width:calc(100% - 40px);padding:18px 18px 14px;bottom:68px}.channel label{gap:4px;font-size:10px}.channel-letter{font-size:17px}.channel output{font-size:10px}.reset{border:0;flex-direction:row;padding:0;font-size:11px;position:absolute;top:-37px;right:0}.reset span{font-size:19px}.footnote{font-size:10px;bottom:26px;left:22px;right:22px}.footnote span:nth-child(2){display:none}.footnote span:last-child{font-size:9px}}.study,.intro h1,.statement,.eyebrow,.description,.title-period,.footnote,.readout,.channel label,.channel output,.reset,.light-desk{transition:color 1.1s cubic-bezier(.4,0,.2,1),background-color 1.1s cubic-bezier(.4,0,.2,1),border-color 1.1s cubic-bezier(.4,0,.2,1),box-shadow 1.1s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=760px){.study{min-height:850px}}.room-dark .pull-cord.render-unavailable .cord-label{background:#24282b}.readout{right:calc(clamp(56px,7vw,116px) + 100px)}@media (width<=760px){.pull-cord{right:22px}.readout{top:78px;right:122px}}.stage{top:0}.stage .pull-cord{top:var(--experiment-header-height,56px)}#light-canvas{touch-action:none}