@font-face{font-family:Inter;src:url(/assets/Inter.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains;src:url(/assets/JetBrainsMono.ttf)format("truetype");font-weight:400;font-display:swap}:root{--paper:#f9f6f4;--ink:#100d0d;--muted:#716965;--gray:#a49b96;--line:#e2dcd8;--orange:#f03603;--soft:#f0eae6;--mono:JetBrains, monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px Inter,Arial,sans-serif}button,a{color:inherit;touch-action:manipulation}a{text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.lab{flex-direction:column;width:100%;max-width:1280px;min-height:100svh;margin:auto;padding:0 36px;display:flex}.lab>*{flex-shrink:0}.topbar{align-items:center;height:84px;display:flex}.wordmark{letter-spacing:-1.1px;font-size:24px;font-weight:750;display:flex}.orange{color:var(--orange)}.workspace{border:1px solid var(--line);background:var(--soft);border-radius:5px;width:100%;overflow:hidden}.scene-panel{min-width:0}.stage{aspect-ratio:16/9;isolation:isolate;width:100%;position:relative;overflow:hidden}.three-stage{z-index:1;position:absolute;inset:0}.three-stage>canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.scene-poster{z-index:2;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.scene-poster.loaded{opacity:0}.stage-tools{z-index:4;position:absolute;top:14px;right:14px}.stage-tools button{background:#f9f6f4da;border:1px solid #d9d0ca;border-radius:3px;place-items:center;padding:8px;display:grid}.stage-tools button:hover{border-color:var(--ink)}.orbit-hint{z-index:3;font:12px var(--mono);color:var(--muted);pointer-events:none;position:absolute;bottom:20px;right:20px}.orbit-hint span{color:var(--orange);margin-left:12px;font-size:20px}.scene-error{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.scene-error a{color:var(--orange)}.replay-details{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:32px;margin:28px 0 32px;display:grid}.neural-view{color:#fff;border:1px solid #28201c;border-left:2px solid var(--orange);background:#100d0d;border-radius:4px;min-width:0;padding:20px 22px 18px}.neural-title,.neural-caption{font:12px var(--mono);justify-content:space-between;gap:12px;display:flex}.neural-title{color:#c5bab3;letter-spacing:.6px}.neural-title>span:last-child{color:#fb724e}.neural-view canvas{width:100%;height:280px;margin:12px 0;display:block}.neural-caption{color:#aca19a;flex-wrap:wrap}.neural-error{color:#e9b4a7;margin:12px 0 0;font-size:13px}.task-explanation{min-width:0;padding:8px 0}.task-explanation h2{letter-spacing:-.8px;margin:0 0 16px;font-size:25px;font-weight:550;line-height:1.25}.task-overview{color:var(--muted);margin-bottom:26px;font-size:14px;line-height:1.65}.task-overview p{margin:0 0 12px}.task-overview p:last-child{margin-bottom:0}.task-overview a{color:var(--orange);text-underline-offset:3px;text-decoration:underline}.task-explanation>p{font-size:14px;line-height:1.6}.steps{gap:22px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--ink);gap:13px;display:flex}.steps li>span{font:12px var(--mono);border:1px solid var(--orange);background:var(--orange);color:#fff;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.steps b{margin:2px 0 6px;font-size:14px;font-weight:550;display:block}.steps small{color:var(--muted);font-size:13px;line-height:1.5;display:block}.lab>footer{color:var(--muted);justify-content:flex-end;margin-top:auto;padding:24px 0;font-size:12px;display:flex}footer a:hover{color:var(--orange)}@media (max-width:1050px){.lab{padding:0 22px}.stage{aspect-ratio:4/3}.replay-details{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:24px}.neural-view{padding:18px}.neural-view canvas{height:260px}}@media (max-width:760px){.lab{padding:0 14px}.topbar{height:68px}.stage{aspect-ratio:3/4}.replay-details{grid-template-columns:1fr;gap:26px;margin:20px 0 28px}.neural-view canvas{height:250px}.task-explanation{padding:0 4px}.task-explanation h2{font-size:23px}.orbit-hint{bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.video-mode{width:100vw;max-width:none;height:100vh;padding:0;overflow:hidden}.video-mode>.topbar,.video-mode>.replay-details,.video-mode>footer,.video-mode .stage-tools,.video-mode .orbit-hint{display:none}.video-mode .workspace{border:0;border-radius:0;width:100%;height:100%}.video-mode .scene-panel,.video-mode .stage{aspect-ratio:auto;width:100%;height:100%}.browser-peek{z-index:4;border:1px solid var(--line);background:#fff;border-radius:5px;width:47vw;position:absolute;top:22vh;right:3vw;overflow:hidden}.browser-peek>img{width:100%;height:auto;display:block}.peek-chrome{border-bottom:1px solid var(--line);height:42px;font:12px var(--mono);align-items:center;gap:16px;padding:0 20px;display:flex}.peek-chrome>span{color:var(--orange);font-size:11px}.peek-chrome>b{font-weight:400}.peek-chrome>small{color:var(--muted);margin-left:auto;font-size:11px}.browser-peek>svg{pointer-events:none;width:100%;height:calc(100% - 42px);position:absolute;top:42px;left:0}.github-link{width:36px;height:36px;color:var(--ink);place-items:center;margin-left:auto;transition:color .15s;display:grid}.github-link:hover,.github-link:focus-visible{color:var(--orange)}