.experiment-acrylic{--acrylic-start:#ffffff61;--acrylic-end:#f7f6f147;--acrylic-edge:#fffffff0;--acrylic-highlight:#ffffffe6;--acrylic-shadow:#49473b12;--acrylic-fallback:#f7f6f1db;--acrylic-surface:linear-gradient(115deg,var(--acrylic-start),var(--acrylic-end));--acrylic-blur:blur(22px) saturate(110%);background:var(--acrylic-surface);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:var(--acrylic-blur);backdrop-filter:var(--acrylic-blur)}.experiment-acrylic--isolated{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.experiment-acrylic--isolated:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--acrylic-surface);-webkit-backdrop-filter:var(--acrylic-blur);backdrop-filter:var(--acrylic-blur);position:absolute;inset:0;transform:translateZ(0)}.experiment-acrylic--isolated[data-acrylic-source=scene]:before{-webkit-backdrop-filter:none;backdrop-filter:none}.acrylic-scene-sample{z-index:-2;pointer-events:none;position:absolute;inset:0}.acrylic-scene-sample canvas{filter:var(--acrylic-blur);position:absolute;top:-66px;left:-66px}.acrylic-scene-sample [data-acrylic-eye=right]{will-change:opacity}.acrylic-scene-light{pointer-events:none;position:absolute}: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)}.experiment-acrylic--isolated{background:0 0}.experiment-acrylic--isolated:before{background:var(--acrylic-fallback)}}@font-face{font-family:Lab Inter;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#292c25;--muted:#78786c;--accent:#ba8d48;--blue:#7ca5b6;--sans:"Lab Inter","Malgun Gothic",system-ui,sans-serif;--serif:"Times New Roman",Times,serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#eee7da;margin:0}button,input,summary{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:4px;outline:2px solid #886e40}[hidden]{display:none!important}.experiment{isolation:isolate;--board-annotation:1;height:100svh;min-height:690px;position:relative}.scene{z-index:-3;background:#e5ddca;position:absolute;inset:0}.scene canvas{touch-action:pan-y;cursor:default;width:100%;height:100%;display:block}.scene canvas[data-view=overview]{cursor:grab;touch-action:none}.scene canvas[data-dragging=true]{cursor:grabbing}.scene-space{pointer-events:none;height:44%;position:absolute;top:16%;left:35%;right:5%}.paper-light{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff9e8a3 0%,#fff8e940 22%,#0000 39%),linear-gradient(#0000 80%,#f1e6ce42);position:absolute;inset:0}.copy{pointer-events:none;position:absolute;top:clamp(112px,15vh,164px);left:clamp(26px,3vw,58px)}.kicker{letter-spacing:.22em;color:#666d5b;align-items:center;gap:10px;margin:0 0 24px;font-size:9px;display:flex}.kicker>span{background:#8c957d;border-radius:50%;width:4px;height:4px}h1{font:400 clamp(90px,8.4vw,164px)/.85 var(--serif);letter-spacing:-.075em;color:#20251f;margin:0 0 0 -5px}.title-period{color:#9a936c;margin-left:.02em;font-size:.65em}.statement{letter-spacing:-.06em;margin:31px 0 0;font-size:clamp(21px,1.7vw,31px);font-weight:400;line-height:1.5}.intro{letter-spacing:-.025em;color:#6a705f;margin-top:23px;font-size:11px;line-height:1.9}.board-overlay{pointer-events:none;color:#eed;position:absolute;inset:0}.board-tag{letter-spacing:.13em;color:#d2d1b999;white-space:nowrap;font-size:9px;position:absolute;transform:translate(-50%,-50%)}.shift-guide{opacity:var(--board-annotation);position:absolute;inset:0}.shift-guide path#shift-path{stroke:#e6d8a4;stroke-width:1px;fill:none;opacity:.8}.target-label{white-space:nowrap;color:#afced6;text-shadow:0 1px 8px #0a252c80;opacity:var(--board-annotation);flex-direction:column-reverse;align-items:center;gap:15px;font-size:10px;display:flex;position:absolute;transform:translate(-50%,-100%)}.target-label i{border:1px solid #b4d9e7;border-radius:50%;width:23px;height:23px;display:block;box-shadow:0 0 10px #c0e4ef44}.target-label span{position:absolute;bottom:74px}.target-label.current{color:#f2d59a}.target-label.current i{border-color:#ffdf9a;width:25px;height:25px;box-shadow:0 0 13px #f9d97e88}.target-label.current span{bottom:100px}.pencil-hotspot{color:#676049;white-space:nowrap;text-shadow:0 1px 6px #fff8;background:0 0;border:0;align-items:center;gap:9px;padding:12px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;transform:translateY(-50%)}.hotspot-dot{background:#a3854b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #fffff63f}.hotspot-text{border-bottom:1px solid #736b4f40;padding-bottom:4px}.hotspot-text b{font-weight:400}.hotspot-text i{margin-left:5px;font-style:normal}.observer-panel{z-index:5;color:#383d32;scrollbar-width:thin;border-radius:16px;width:320px;max-height:calc(100% - 100px);padding:14px 16px 0;position:absolute;overflow-y:auto}.previous-observation{pointer-events:none;fill:none;stroke:#d8e0cd;stroke-width:1.1px;opacity:.3;position:absolute;inset:0}.previous-observation path{stroke-dasharray:3 5;stroke-linecap:round}.previous-observation #previous-shift-hit{stroke-dasharray:2 3}.panel-topline{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-collapse{color:#797c6c;background:0 0;border:0;min-width:26px;min-height:32px;padding:0;font-size:18px;line-height:1}.view-tabs{flex:1;gap:5px;display:flex}.view-tabs button{white-space:nowrap;background:#fff2;border:1px solid #fff9;border-radius:8px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 6px;font-size:11px;transition:background .3s,color .3s,border-color .3s,box-shadow .3s;display:flex}.view-tabs svg{stroke:currentColor;fill:none;stroke-width:1.1px;opacity:.7;width:17px;height:14px}.view-tabs button:hover{background:#fff7}.view-tabs button[aria-pressed=true]{color:#5f4b24;background:#f1dfb6b3;border-color:#fff4cf;box-shadow:inset 0 1px #fff7}.distance-control{padding-bottom:5px}.range-heading{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.distance-readouts{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:12px;margin-left:auto;display:flex}.range-heading output{color:#666c54;font-size:12px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ab9770,#b4bcaa);border-radius:10px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fcfaf2;border:1px solid #c1b99f;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 2px 5px #4b4a342b}input[type=range]::-moz-range-track{background:#b4aa8d;height:3px}input[type=range]::-moz-range-thumb{background:#fcfaf2;border:1px solid #c1b99f;border-radius:50%;width:15px;height:15px}.observer-panel details{border-top:1px solid #fff6}.observer-panel summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#727763;justify-content:space-between;padding:9px 0 10px;font-size:10px;list-style:none;display:flex}.observer-panel summary::-webkit-details-marker{display:none}.observer-panel summary span{font-size:12px;transition:transform .34s cubic-bezier(.22,1,.36,1)}details[data-expanded=true] summary span{transform:rotate(45deg)}.extra-body{padding-bottom:14px;display:flow-root}.extra-actions{gap:8px;display:flex}.extra-actions button{color:#686f57;background:#f4f4ec25;border:1px solid #fff8;border-radius:8px;flex:1;min-height:36px;padding:8px;font-size:10px;transition:background .2s}.extra-actions button:hover{background:#ffffff60}.explanation{color:#6c745d;word-break:keep-all;margin:10px 0 0;font-size:10px;line-height:1.8}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plan-body{padding:2px 0 12px}.plan-map{-webkit-user-select:none;user-select:none;isolation:isolate;width:100%;height:auto;display:block;overflow:hidden}.plan-map text{font-family:var(--sans);fill:#647362;text-anchor:middle;font-size:10px}.plan-leaf-shadow{mix-blend-mode:multiply;opacity:.3}.plan-wall-shadow{fill:none;stroke:#725c3d55;stroke-width:7px;stroke-linejoin:round}.plan-wall-surface{fill:none;stroke:url(#plan-plaster);stroke-width:5px;stroke-linejoin:round}.plan-window rect{fill:#d8e7dd;stroke:#7d8c7d;stroke-width:.65px}.plan-window path{fill:none;stroke:#fff8e7;stroke-width:.9px}.plan-board-frame{fill:#987748;stroke:#6e5737;stroke-width:.5px}.plan-board-tray{fill:none;stroke:#d4b881;stroke-width:1.2px}.plan-board{fill:none;stroke:#e9e6c49c;stroke-width:.45px;stroke-linecap:round}.plan-marks text{fill:#405e4b;font-size:11px}.plan-marks circle{fill:#69826e}.plan-board-title{letter-spacing:.12em}.plan-desks{stroke:none}.plan-desk-edge{fill:#9b7345;stroke:#705332;stroke-width:.55px}.plan-desk-rim{fill:none;stroke:#855f358c;stroke-width:.65px}.plan-desk-glint{fill:none;stroke:#fff2cba6;stroke-width:.7px}.plan-chair-frame{fill:url(#plan-metal);stroke:#737b70;stroke-width:.55px}.plan-chair-back{fill:none;stroke:url(#plan-metal);stroke-width:2.5px;stroke-linecap:round}.plan-ray{fill:none;stroke-width:1.3px;opacity:.9}.plan-ray path{stroke-dasharray:4 3}.plan-ray .plan-ray-underlay{stroke:#fff9e9;stroke-width:3px;stroke-opacity:.75}.plan-ray-left{stroke:#4b8098}.plan-ray-right{stroke:#a96d29}.plan-fixed-eye{fill:#f8f4e8;stroke-width:1px}.plan-current-ray{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.plan-current-ray,.board-overlay,.pencil-hotspot{will-change:opacity}.pencil-hotspot[data-eye-view]{transition:none}.shift-guide path[id^=shift-path]{stroke:#e6d8a4;stroke-width:1px;fill:none;opacity:.8}.previous-observation [id^=previous-shift-hit]{stroke-dasharray:2 3}.plan-current-ray .plan-ray-underlay{stroke:#fff9e9;stroke-width:4.1px;stroke-opacity:.85}.plan-current-hit,.plan-current-eye{fill:#f8f4e8;stroke-width:1.5px}.plan-pencil circle{fill:url(#plan-pencil-cap);stroke:#8e7044;stroke-width:1.1px}.plan-pencil path{fill:none;stroke:#8e7956;stroke-width:.8px}.plan-pencil text{text-anchor:start;fill:#614a2d;paint-order:stroke;stroke:#fff8e9c9;stroke-width:2.3px;stroke-linejoin:round}.plan-eye-labels path{fill:none;stroke-width:.7px}.plan-eye-labels .plan-left-leader{stroke:#6c96a8}.plan-eye-labels .plan-right-leader{stroke:#bd8a43}.plan-eye-labels text:first-of-type{fill:#567f93}.plan-eye-labels text:last-of-type{fill:#9c7339}.plan-scale path{fill:none;stroke:#7e8c7b;stroke-width:.8px}.plan-scale text,.plan-origin,.plan-map .plan-observer{fill:#7b8778;font-size:9px}.plan-view-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0 9px;display:grid}.plan-view-actions button{white-space:nowrap;background:#f5f6ef19;border:1px solid #fffff780;border-radius:8px;min-height:36px;padding:8px 5px;font-size:10px;line-height:1.5;transition:background .3s,color .3s,border-color .3s}.plan-view-actions button[data-view=left]{color:#547f94}.plan-view-actions button[data-view=right]{color:#976c33}.plan-view-actions button:hover{background:#ffffff60}.plan-view-actions button[data-view=left][aria-pressed=true]{color:#3e5652;background:#c7d6d1a6;border-color:#eaf2ed}.plan-view-actions button[data-view=right][aria-pressed=true]{color:#665337;background:#e9d8afb3;border-color:#f5e6c5}.plan-view-actions button[data-reference=true]:after{content:"기준";vertical-align:1px;opacity:.8;border:1px solid;border-radius:4px;margin-left:5px;padding:1px 3px;font-size:8px;line-height:1.25;display:inline-block}@media (width<=760px){.plan-view-actions button{min-height:40px}}.plan-hint{text-align:center;color:#697561;word-break:keep-all;margin:4px 0 0;font-size:9px;line-height:1.5}.observer-content>.panel-collapse{z-index:1;position:absolute;top:9px;right:9px}.observer-panel .classroom-plan{border-top:0}.observer-panel .classroom-plan>summary{min-height:33px;padding:3px 40px 12px 0}.plan-distance-layout{grid-template-columns:minmax(0,1fr) 52px;align-items:stretch;gap:12px;display:grid}.plan-distance-layout .plan-map{align-self:center;min-width:0}.distance-endpoint{display:none}.plan-distance-layout .distance-control{border-left:1px solid #ffffff40;grid-template-rows:auto auto minmax(60px,1fr) auto;justify-items:center;gap:5px;padding:1px 0 14px;display:grid}.plan-distance-layout .range-heading{text-align:center;flex-direction:column;justify-content:flex-start;gap:4px;font-size:9px;line-height:1.35}.plan-distance-layout .distance-readouts{gap:0;margin-left:0}.plan-distance-layout .range-heading output{font-size:12px;line-height:1.3}.plan-distance-layout .distance-endpoint{color:#73806b;pointer-events:none;font-size:8px;line-height:1.4;display:block}.plan-distance-layout #distance{writing-mode:vertical-lr;block-size:32px;inline-size:100%;cursor:ns-resize;touch-action:none;direction:rtl;width:32px;height:100%;min-height:0;margin:0;padding:0;display:block}.plan-distance-layout #distance::-webkit-slider-runnable-track{width:3px;height:100%;background:linear-gradient(#b4bcaa,#ab9770);block-size:3px;inline-size:100%}.plan-distance-layout #distance::-webkit-slider-thumb{width:16px;height:16px;margin:0;block-size:16px;inline-size:16px;margin-block-start:-6.5px}.plan-distance-layout #distance::-moz-range-track{width:3px;height:100%;background:linear-gradient(#b4bcaa,#ab9770);block-size:3px;inline-size:100%}.plan-distance-layout #distance::-moz-range-thumb{width:16px;height:16px;block-size:16px;inline-size:16px}@media (width>=761px){.observer-panel:not(.legacy-3d){width:360px}}@media (width>=1700px){.observer-panel:not(.legacy-3d){width:368px}}@media (width<=760px){.observer-panel:not(.legacy-3d){width:calc(100% - 36px);max-width:380px;margin:0 auto}.plan-distance-layout{grid-template-columns:minmax(0,1fr) 48px;gap:8px}}@media (width>=761px) and (height<=900px){.observer-panel .observer-content{padding-top:10px}.plan-distance-layout{--plan-room-height:clamp(130px,calc(100svh - var(--panel-top-clearance,440px) - 162px),240px);height:var(--plan-room-height);width:calc(var(--plan-room-height)*1.00741 + 64px);grid-template-rows:minmax(0,1fr);max-width:100%;margin-inline:auto}.plan-distance-layout .plan-map{height:100%;min-height:0}.plan-distance-layout .distance-control{grid-template-rows:auto auto minmax(52px,1fr) auto;gap:3px;min-height:0;padding-bottom:8px}.plan-body{padding-bottom:8px}.plan-view-actions{margin:6px 0}.plan-view-actions button{min-height:32px;padding:6px 4px}.plan-hint{display:none}.observer-panel .classroom-plan>summary{min-height:30px;padding-bottom:8px}.observer-panel #more>summary{padding:8px 0}}.view-caption{white-space:nowrap;color:#645e49;text-shadow:0 1px 5px #fff9;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:43px;left:51%;transform:translate(-50%)}.view-indicator{background:#6e9aaa;border-radius:50%;width:4px;height:4px}.key-hint{letter-spacing:.14em;color:#827a62;opacity:.6;margin-left:7px;font-size:8px}.caption{color:#666852;font-size:9px;position:absolute;bottom:32px;left:3vw}.caption-line{background:#72715a4f;width:100%;height:1px;margin-bottom:13px;display:block}.caption p{letter-spacing:.2em;margin:0 0 9px;font-size:8px}.caption i{color:#8a8d77;margin:0 14px;font-style:normal}.caption>span:last-child{letter-spacing:.015em;font-size:9px}.experiment-footer{letter-spacing:.17em;color:#6b654d;font-size:8px;position:absolute;bottom:40px;right:3vw}.experiment-footer span{opacity:.5;margin:0 8px}.render-status{z-index:10;color:#797f69;background:#eee8dc;justify-content:center;align-items:center;gap:11px;font-size:12px;transition:opacity .5s;display:flex;position:absolute;inset:0}.render-status span{background:#9b9e70;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite alternate loading}.render-status[data-ready=true]{opacity:0;pointer-events:none}.no-script{text-align:center;z-index:15;background:#fff;padding:20px;position:absolute;inset:45% 10% auto}@keyframes loading{to{opacity:.3;transform:scale(.5)}}@media (width>=1700px){.observer-panel{width:336px}}@media (width<=1150px) and (width>760px){.copy{top:115px;left:27px}h1{font-size:10vw}.statement{margin-top:25px;font-size:20px}.intro{max-width:200px;font-size:10px}.observer-panel{width:304px}.scene-space{height:40%;top:19%;left:32%;right:3%}.caption{font-size:8px;left:27px}.caption p{font-size:7px}.caption>span:last-child{font-size:8px}.view-caption{font-size:8px;left:54%}.key-hint{display:none}.experiment-footer{font-size:7px;right:24px}.board-tag{font-size:8px}}@media (width<=760px){.experiment{--board-annotation:1;height:auto;min-height:100svh;padding:83px 0 28px}.scene{position:absolute;inset:0}.copy{margin:0 23px;position:relative;top:auto;left:auto}.kicker{letter-spacing:.18em;margin-bottom:19px;font-size:7px}h1{font-size:87px;line-height:.78}.statement{margin-top:23px;font-size:20px;line-height:1.5}.intro{display:none}.paper-light{background:linear-gradient(#fff9ebdf 0,#fff9eb8a 22%,#0000 41%,#f0e7d09e 77%)}.scene-space{pointer-events:none;width:calc(100% - 30px);height:310px;margin:10px 15px 0;position:relative;top:auto;left:auto;right:auto}.observer-panel{border-radius:16px;width:auto;max-height:none;margin:0 18px;padding:14px 18px 0;position:relative;inset:auto}.panel-topline{margin-bottom:10px}.view-tabs button{border-radius:11px;flex-direction:row;justify-content:center;gap:6px;min-height:40px;font-size:10px}.view-tabs svg{width:17px}.observer-panel summary{padding:11px 1px 12px}.pencil-hotspot{font-size:9px}.hotspot-text{padding-bottom:3px}.target-label{font-size:8px}.target-label i{width:20px;height:20px}.target-label.current i{width:22px;height:22px}.target-label span{bottom:33px}.target-label.current span{bottom:51px}.board-tag{letter-spacing:.08em;font-size:7px}.view-caption{justify-content:center;margin-top:20px;font-size:8px;position:relative;inset:auto;transform:none}.key-hint{display:none}.caption{text-align:center;margin:27px 24px 0;position:relative;inset:auto}.caption-line{width:65%;margin:0 auto 13px}.caption p{font-size:7px}.caption>span:last-child{font-size:8px}.experiment-footer{text-align:center;margin-top:23px;font-size:7px;position:relative;inset:auto}.range-heading{font-size:11px}.explanation{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.target-label{transform:translate(-50%,-50%)}@media (width>760px){.observer-panel{max-height:calc(100% - var(--panel-top-clearance,440px) - 32px);overscroll-behavior:contain;scroll-padding:12px;bottom:32px;left:clamp(26px,3vw,58px);right:auto}.caption{text-align:right;bottom:70px;left:auto;right:3vw}}@media (width<=760px){.paper-light{background:linear-gradient(#fff9eb 0,#fff9ebba 215px,#0000 295px 600px,#f0e7d0b0 800px)}}.panel-collapse{min-width:28px;min-height:32px}@media (width>760px) and (width<=1150px){.experiment{min-height:760px}.observer-panel{left:27px}.intro{display:none}.view-caption{left:65%}}.perspective-guides{z-index:3;pointer-events:none;fill:none;stroke-width:1.2px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.perspective-guides text{stroke:#ffffe6;fill:#204f54;paint-order:stroke;stroke-width:3px;font-size:11px}:root{--ink:#252925;--muted:#70756e;--accent:#ad8a50;--blue:#86a7b0}body{background:#eeebe4}.scene canvas[data-renderer=homography-2d]{filter:none}.board-activation{pointer-events:none;position:absolute;inset:0;overflow:clip}.board-expand{transform-origin:0 0;pointer-events:auto;cursor:zoom-in;color:#f2f0db;text-align:left;opacity:1;will-change:opacity;background:0 0;border:0;width:1000px;height:375px;padding:0;transition:opacity .1s linear;position:absolute;top:0;left:0}.board-expand[data-transitioning=true]{opacity:0;pointer-events:none}.board-expand>span{letter-spacing:.04em;opacity:.7;background:#17372c59;border:1px solid #e7ead942;border-radius:5px;padding:6px 9px;font-size:12px;transition:opacity .2s,background .2s;position:absolute;top:23px;left:22px}.board-expand:hover>span,.board-expand:focus-visible>span{opacity:1;background:#17372c9c}.board-expand:focus-visible{outline-offset:-8px;outline:3px solid #f4e3b4}html.board-presenting{padding-right:var(--board-scrollbar,0px);overflow:hidden}.board-focus{color:#f4f2e6;cursor:zoom-out;touch-action:manipulation;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.board-focus,.board-focus *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.board-focus::backdrop{background:0 0}.board-focus-backdrop{pointer-events:none;background:#142a24;position:absolute;inset:0}.board-focus-art{transform-origin:0 0;filter:saturate(.76)hue-rotate(4deg)contrast(.96);will-change:transform;width:1000px;height:375px;position:absolute;top:0;left:0;overflow:hidden}.board-focus-marks{fill:#e6e5ce;text-anchor:middle;font-family:Georgia,serif;font-style:italic}.board-focus-toolbar{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));opacity:0;justify-content:space-between;gap:12px;transition:opacity .18s;display:flex;position:absolute}.board-focus[data-expanded=true] .board-focus-toolbar{opacity:1;transition-delay:.18s}.board-focus-toolbar button{--acrylic-start:#e1ecde52;--acrylic-end:#d2e2d547;--acrylic-shadow:#000a0414;color:#f3f2e6;border-radius:9px;min-height:40px;padding:9px 13px;font-size:12px}.board-focus-toolbar button:focus-visible{outline-color:#f4e3b4}.classroom-eye-images{pointer-events:none;contain:strict;position:absolute;inset:0}.classroom-eye-images canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.classroom-eye-images canvas[data-eye-image=right]{will-change:opacity}.paper-light{background:linear-gradient(90deg,#fffdf66b 0%,#fffdf61a 24%,#0000 39%),linear-gradient(#0000 82%,#eeece719)}.paper-light:before{content:"";height:var(--experiment-header-height,56px);background:#f3f1ebb3;position:absolute;inset:0 0 auto}@media (width>=761px){.paper-light{background:linear-gradient(#0000 82%,#eeece719)}.paper-light:before{z-index:1}.paper-light:after{content:"";-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(var(--panel-top-clearance,440px) - 78px),transparent calc(var(--panel-top-clearance,440px) + 32px));mask-image:linear-gradient(180deg,#000 0,#000 calc(var(--panel-top-clearance,440px) - 78px),transparent calc(var(--panel-top-clearance,440px) + 32px));background:linear-gradient(90deg,#fffdf66b 0%,#fffdf61a 24%,#0000 39%);position:absolute;inset:0}}h1{color:#191e1b}.title-period{color:#858675}.kicker{color:#505a53}.kicker>span{background:#8d988d}.intro{color:#626b62}.observer-panel{--acrylic-start:#f6f6f157;--acrylic-end:#e7e9e347;--acrylic-edge:#fffffccc;--acrylic-highlight:#fffffcb8;--acrylic-shadow:#30373013;color:#353e36}.view-tabs button{background:#f5f6ef19;border-color:#fffff780}.view-tabs button[aria-pressed=true]{color:#665337;background:#e9d8afb3;border-color:#f5e6c5}.view-tabs button#view-left[aria-pressed=true]{color:#3e5652;background:#c7d6d1a6;border-color:#eaf2ed}.explanation{color:#596552}.observer-panel summary,.extra-actions button{color:#606e5c}.range-heading output{color:#5d6b59}.observer-panel{flex-direction:column;padding:0;display:flex;overflow:clip}.observer-content{border-radius:inherit;scrollbar-width:thin;overscroll-behavior:contain;min-height:0;padding:14px 16px 0;scroll-padding:12px;position:relative;overflow-y:auto}@media (width<=760px){.observer-content{padding:14px 18px 0}.paper-light{background:linear-gradient(#fffdf5f2 0,#fffdf59e 215px,#0000 295px 600px,#eeece7a3 800px)}}