@property --yaw{syntax:"<angle>";inherits:false;initial-value:-32deg}@property --pitch{syntax:"<angle>";inherits:false;initial-value:-28deg}@property --zoom{syntax:"<number>";inherits:false;initial-value:1}@property --pan-x{syntax:"<length>";inherits:false;initial-value:0}@property --pan-y{syntax:"<length>";inherits:false;initial-value:0}@property --explode{syntax:"<number>";inherits:false;initial-value:0}@property --open-fit{syntax:"<number>";inherits:false;initial-value:1}.system-explorer_viewport__a5EYp{position:relative;overflow:hidden;isolation:isolate;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(120% 70% at 50% 0,color-mix(in oklab,var(--primary) 8%,transparent),transparent 70%),var(--background);perspective:1500px;perspective-origin:50% 42%;width:100%;max-width:var(--pane-cap,none);height:var(--pane-tall,auto);margin-inline:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;cursor:grab}.system-explorer_viewport__a5EYp:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 55%,transparent)}.system-explorer_viewport__a5EYp[data-touch=pan-y]{touch-action:pan-y}@media (pointer:coarse){.system-explorer_viewport__a5EYp{touch-action:pan-y}}.system-explorer_viewport__a5EYp[data-dragging=true]{cursor:grabbing}.system-explorer_viewport__a5EYp[data-interactive=false]{touch-action:auto;pointer-events:none;cursor:default}@media (max-width:63.999rem){.system-explorer_heldPane__dPogV{height:auto;aspect-ratio:var(--pane-shape,3/2);min-height:min(280px,var(--pane-tall,280px));max-height:var(--pane-tall,none);position:sticky;top:.5rem;z-index:1}}.system-explorer_boardMachine__vzB4T [data-scene-viewport]{position:static;z-index:auto}.system-explorer_scene__4cBSs{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:translate(var(--pan-x,0),var(--pan-y,0)) scale(calc(var(--zoom, 1) / var(--open-fit, 1))) rotateX(var(--pitch,-28deg)) rotateY(var(--yaw,-32deg))}.system-explorer_floor__Q0k4i{position:absolute;pointer-events:none;--grid-line:color-mix(in oklab,var(--foreground) 11%,transparent);background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:50%;-webkit-mask-image:radial-gradient(closest-side,black 50%,transparent 100%);mask-image:radial-gradient(closest-side,black 50%,transparent 100%)}.system-explorer_box__ZqrA7{position:absolute;left:0;top:0;width:0;height:0;margin:0;padding:0;border:0;background:transparent;appearance:none;transform-style:preserve-3d;cursor:pointer;outline:none;color:var(--foreground);--lift:0%;--pw:0px;--ph:0px;--pd:0px;--tone:var(--kind);--edge-width:var(--edge-thin,1px);--edge:color-mix(in oklab,var(--kind) 50%,black);--part-glow:0 0 0 0 transparent;--edge-fit:min(2px,max(var(--edge-thin,1px),calc(min(var(--pw), var(--ph), var(--pd)) / 4)));--edge-fit-strong:min(3px,max(var(--edge-thin,1px),calc(min(var(--pw), var(--ph), var(--pd)) / 4)))}.system-explorer_kind__gXEus[data-kind=compute]{--kind:oklch(0.76 0.11 190);--tone-top:oklab(0.832 -0.07583 -0.01337);--tone-side:oklab(0.608 -0.08666 -0.01528);--tone-bottom:oklab(0.4408 -0.06283 -0.01108);--edge:oklab(0.38 -0.05416 -0.00955)}.system-explorer_kind__gXEus[data-kind=memory]{--kind:oklch(0.74 0.13 300);--tone-top:oklab(0.818 0.0455 -0.07881);--tone-side:oklab(0.592 0.052 -0.09007);--tone-bottom:oklab(0.4292 0.0377 -0.0653);--edge:oklab(0.37 0.0325 -0.05629)}.system-explorer_kind__gXEus[data-kind=network]{--kind:oklch(0.82 0.13 75);--tone-top:oklab(0.874 0.02355 0.0879);--tone-side:oklab(0.656 0.02692 0.10046);--tone-bottom:oklab(0.4756 0.01951 0.07283);--edge:oklab(0.41 0.01682 0.06279)}.system-explorer_kind__gXEus[data-kind=io]{--kind:oklch(0.72 0.12 245);--tone-top:oklab(0.804 -0.0355 -0.07613);--tone-side:oklab(0.576 -0.04057 -0.08701);--tone-bottom:oklab(0.4176 -0.02941 -0.06308);--edge:oklab(0.36 -0.02536 -0.05438)}.system-explorer_kind__gXEus[data-kind=host]{--kind:oklch(0.66 0.03 255);--tone-top:oklab(0.762 -0.00544 -0.02028);--tone-side:oklab(0.528 -0.00621 -0.02318);--tone-bottom:oklab(0.3828 -0.0045 -0.01681);--edge:oklab(0.33 -0.00388 -0.01449)}.system-explorer_kind__gXEus[data-kind=power]{--kind:oklch(0.76 0.13 15);--tone-top:oklab(0.832 0.0879 0.02355);--tone-side:oklab(0.608 0.10046 0.02692);--tone-bottom:oklab(0.4408 0.07283 0.01951);--edge:oklab(0.38 0.06279 0.01682)}.system-explorer_kind__gXEus[data-kind=thermal]{--kind:oklch(0.89 0.07 205);--tone-top:oklab(0.923 -0.04441 -0.02071);--tone-side:oklab(0.712 -0.05075 -0.02367);--tone-bottom:oklab(0.5162 -0.0368 -0.01716);--edge:oklab(0.445 -0.03172 -0.01479)}.system-explorer_kind__gXEus[data-kind=mechanical]{--kind:oklch(0.78 0.012 250);--tone-top:oklab(0.846 -0.00287 -0.00789);--tone-side:oklab(0.624 -0.00328 -0.00902);--tone-bottom:oklab(0.4524 -0.00238 -0.00654);--edge:oklab(0.39 -0.00205 -0.00564)}.dark .system-explorer_kind__gXEus[data-kind=compute]{--kind:oklch(0.58 0.1 190);--tone-top:oklab(0.6388 -0.08469 -0.01493);--tone-side:oklab(0.4408 -0.07485 -0.0132);--tone-bottom:oklab(0.3016 -0.05121 -0.00903);--edge:oklab(0.769 -0.05416 -0.00955)}.dark .system-explorer_kind__gXEus[data-kind=memory]{--kind:oklch(0.56 0.12 300);--tone-top:oklab(0.6216 0.0516 -0.08937);--tone-side:oklab(0.4256 0.0456 -0.07898);--tone-bottom:oklab(0.2912 0.0312 -0.05404);--edge:oklab(0.758 0.033 -0.05716)}.dark .system-explorer_kind__gXEus[data-kind=network]{--kind:oklch(0.64 0.12 75);--tone-top:oklab(0.6904 0.02671 0.09968);--tone-side:oklab(0.4864 0.0236 0.08809);--tone-bottom:oklab(0.3328 0.01615 0.06027);--edge:oklab(0.802 0.01708 0.06375)}.dark .system-explorer_kind__gXEus[data-kind=io]{--kind:oklch(0.55 0.11 245);--tone-top:oklab(0.613 -0.03998 -0.08574);--tone-side:oklab(0.418 -0.03533 -0.07577);--tone-bottom:oklab(0.286 -0.02417 -0.05184);--edge:oklab(0.7525 -0.02557 -0.05483)}.dark .system-explorer_kind__gXEus[data-kind=host]{--kind:oklch(0.6 0.035 255);--tone-top:oklab(0.656 -0.00779 -0.02907);--tone-side:oklab(0.456 -0.00688 -0.02569);--tone-bottom:oklab(0.312 -0.00471 -0.01758);--edge:oklab(0.78 -0.00498 -0.01859)}.dark .system-explorer_kind__gXEus[data-kind=power]{--kind:oklch(0.58 0.12 15);--tone-top:oklab(0.6388 0.09968 0.02671);--tone-side:oklab(0.4408 0.08809 0.0236);--tone-bottom:oklab(0.3016 0.06027 0.01615);--edge:oklab(0.769 0.06375 0.01708)}.dark .system-explorer_kind__gXEus[data-kind=thermal]{--kind:oklch(0.74 0.07 205);--tone-top:oklab(0.7764 -0.05456 -0.02544);--tone-side:oklab(0.5624 -0.04822 -0.02248);--tone-bottom:oklab(0.3848 -0.03299 -0.01538);--edge:oklab(0.857 -0.03489 -0.01627)}.dark .system-explorer_kind__gXEus[data-kind=mechanical]{--kind:oklch(0.47 0.006 250);--tone-top:oklab(0.5442 -0.00176 -0.00485);--tone-side:oklab(0.3572 -0.00156 -0.00428);--tone-bottom:oklab(0.2444 -0.00107 -0.00293);--edge:oklab(0.7085 -0.00113 -0.0031)}.system-explorer_box__ZqrA7.system-explorer_ownUnowned__GNbq2{--kind:oklch(0.88 0.004 250);--tone-top:oklab(0.916 -0.00096 -0.00263);--tone-side:oklab(0.704 -0.00109 -0.00301);--tone-bottom:oklab(0.5104 -0.00079 -0.00218)}.system-explorer_box__ZqrA7.system-explorer_ownOwned__CJ4qc{--edge:oklch(0.7 0.16 60);--edge-width:var(--edge-fit)}.system-explorer_box__ZqrA7.system-explorer_ownBuilt__wE_Eh{--edge:oklch(0.62 0.17 150);--edge-width:var(--edge-fit)}.dark .system-explorer_box__ZqrA7.system-explorer_ownUnowned__GNbq2{--kind:oklch(0.42 0.004 250);--tone-top:oklab(0.5012 -0.00118 -0.00323);--tone-side:oklab(0.3192 -0.00104 -0.00286);--tone-bottom:oklab(0.2184 -0.00071 -0.00195)}.dark .system-explorer_box__ZqrA7.system-explorer_ownOwned__CJ4qc{--edge:oklch(0.7 0.16 60);--edge-width:var(--edge-fit)}.dark .system-explorer_box__ZqrA7.system-explorer_ownBuilt__wE_Eh{--edge:oklch(0.62 0.17 150);--edge-width:var(--edge-fit)}.system-explorer_face__oAAEi{position:absolute;left:0;top:0;transform-origin:50% 50%;backface-visibility:hidden;background:var(--tone);box-shadow:inset 0 0 0 var(--edge-width) var(--edge)}.system-explorer_box__ZqrA7:focus-visible .system-explorer_face__oAAEi,.system-explorer_box__ZqrA7[aria-pressed=true] .system-explorer_face__oAAEi,.system-explorer_lit__JT1xc .system-explorer_face__oAAEi{box-shadow:inset 0 0 0 var(--edge-width) var(--edge),var(--part-glow)}.system-explorer_faceBottom__V1u16,.system-explorer_faceTop__XPNvs{width:var(--pw);height:var(--pd);left:calc(var(--pw) / -2);top:calc(var(--pd) / -2)}.system-explorer_faceBack__XrnII,.system-explorer_faceFront__Juhq0{width:var(--pw);height:var(--ph);left:calc(var(--pw) / -2);top:calc(var(--ph) / -2)}.system-explorer_faceLeft__M6vJ5,.system-explorer_faceRight__LQBE1{width:var(--pd);height:var(--ph);left:calc(var(--pd) / -2);top:calc(var(--ph) / -2)}.system-explorer_faceTop__XPNvs{--tone:var(--tone-top);transform:rotateX(90deg) translateZ(calc(var(--ph) / 2))}.system-explorer_faceFront__Juhq0{transform:translateZ(calc(var(--pd) / 2))}.system-explorer_faceBack__XrnII{transform:rotateY(180deg) translateZ(calc(var(--pd) / 2))}.system-explorer_faceRight__LQBE1{--tone:var(--tone-side);transform:rotateY(90deg) translateZ(calc(var(--pw) / 2))}.system-explorer_faceLeft__M6vJ5{--tone:var(--tone-side);transform:rotateY(-90deg) translateZ(calc(var(--pw) / 2))}.system-explorer_faceBottom__V1u16{--tone:var(--tone-bottom);transform:rotateX(-90deg) translateZ(calc(var(--ph) / 2))}.system-explorer_box__ZqrA7:focus-visible .system-explorer_face__oAAEi,.system-explorer_box__ZqrA7:hover .system-explorer_face__oAAEi,.system-explorer_hovered___r4nI .system-explorer_face__oAAEi,.system-explorer_lit__JT1xc .system-explorer_face__oAAEi{background-image:linear-gradient(rgb(255 255 255/var(--lift)),rgb(255 255 255/var(--lift)))}.system-explorer_box__ZqrA7:hover,.system-explorer_hovered___r4nI{--lift:9%}.system-explorer_box__ZqrA7[aria-pressed=true]{--edge:var(--foreground);--edge-width:var(--edge-fit);--part-glow:0 0 0 1px color-mix(in oklab,var(--foreground) 35%,transparent)}.system-explorer_box__ZqrA7.system-explorer_lit__JT1xc{--edge:oklch(0.72 0.17 70);--edge-width:var(--edge-fit);--lift:12%;--part-glow:0 0 18px 3px oklch(0.8 0.17 70/0.55)}.system-explorer_box__ZqrA7:focus-visible{--edge:var(--foreground);--edge-width:var(--edge-fit-strong);--lift:9%;--part-glow:0 0 0 3px color-mix(in oklab,var(--ring) 70%,transparent),0 0 16px 4px color-mix(in oklab,var(--ring) 45%,transparent)}.system-explorer_shell__3Z9Es{pointer-events:none;cursor:default}.system-explorer_shell__3Z9Es .system-explorer_face__oAAEi{backface-visibility:hidden;background:transparent;box-shadow:none;border:1px solid color-mix(in oklab,var(--kind) 55%,var(--foreground) 30%)}.system-explorer_cover__3eQ7s .system-explorer_face__oAAEi{opacity:.26}.system-explorer_cover__3eQ7s[data-through=d] .system-explorer_faceBack__XrnII,.system-explorer_cover__3eQ7s[data-through=d] .system-explorer_faceFront__Juhq0,.system-explorer_cover__3eQ7s[data-through=h] .system-explorer_faceBottom__V1u16,.system-explorer_cover__3eQ7s[data-through=h] .system-explorer_faceTop__XPNvs,.system-explorer_cover__3eQ7s[data-through=w] .system-explorer_faceLeft__M6vJ5,.system-explorer_cover__3eQ7s[data-through=w] .system-explorer_faceRight__LQBE1{pointer-events:none}.system-explorer_cover__3eQ7s.system-explorer_lit__JT1xc .system-explorer_face__oAAEi,.system-explorer_cover__3eQ7s:focus-visible .system-explorer_face__oAAEi,.system-explorer_cover__3eQ7s[aria-pressed=true] .system-explorer_face__oAAEi{opacity:.45}.system-explorer_ownUnowned__GNbq2{--kind:oklch(0.88 0.004 250)}.dark .system-explorer_ownUnowned__GNbq2{--kind:oklch(0.42 0.004 250)}.system-explorer_ownOwned__CJ4qc{--edge:oklch(0.7 0.16 60);--edge-width:2px}.system-explorer_ownBuilt__wE_Eh{--edge:oklch(0.62 0.17 150);--edge-width:2px}.system-explorer_storyScene__oDfsy .system-explorer_label__GEwhS,.system-explorer_storyStaticScene__KrPm1 .system-explorer_label__GEwhS{font-size:var(--label-type,12px);padding:2px 7px;max-width:calc(var(--pane-width, 100vw) * .6)}.system-explorer_label__GEwhS{position:absolute;left:0;top:0;transform-origin:0 0;white-space:nowrap;padding:2px 8px;border-radius:999px;font-family:var(--font-body-sans,system-ui,sans-serif);font-size:11px;font-weight:600;line-height:1.35;letter-spacing:.01em;color:var(--foreground);background:color-mix(in oklab,var(--card) 90%,transparent);box-shadow:0 0 0 1px var(--border),0 2px 8px rgb(0 0 0/.14);pointer-events:none}.system-explorer_labelText__4FOY5{display:block;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.system-explorer_label__GEwhS:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:var(--leader,0);transform-origin:top center;transform:rotate(var(--leader-tilt,0deg));background:color-mix(in oklab,var(--foreground) 45%,transparent);pointer-events:none}.system-explorer_labelLit__aH8IF{color:oklch(.32 .09 60);background:oklch(.95 .07 85);box-shadow:0 0 0 1px oklch(.72 .17 70),0 2px 8px rgb(0 0 0/.14)}.dark .system-explorer_labelLit__aH8IF{color:oklch(.95 .06 85);background:oklch(.4 .09 60)}.system-explorer_swatch__CGHcq{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;flex:none;background:var(--kind,var(--muted));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--kind,var(--muted)) 50%,black)}.dark .system-explorer_swatch__CGHcq{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--kind,var(--muted)) 55%,white)}.system-explorer_legendSwatch__JL5Dd{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;flex:none;background:color-mix(in oklab,var(--kind,var(--muted-foreground)) 45%,transparent);box-shadow:inset 0 0 0 2px var(--edge,var(--border))}@media (forced-colors:active){.system-explorer_scene__4cBSs .system-explorer_face__oAAEi{forced-color-adjust:none;border:1px solid var(--edge)}.system-explorer_shell__3Z9Es .system-explorer_face__oAAEi{forced-color-adjust:auto;border:1px solid}.system-explorer_legendSwatch__JL5Dd,.system-explorer_swatch__CGHcq{forced-color-adjust:none}.system-explorer_viewport__a5EYp:focus-visible{outline:3px solid Highlight;outline-offset:-3px}.system-explorer_box__ZqrA7:focus-visible .system-explorer_face__oAAEi{outline:2px solid Highlight;outline-offset:1px}.system-explorer_toolFocus__JauOC:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.system-explorer_toolFocus__JauOC:focus-visible{outline:2px solid transparent;outline-offset:2px}.system-explorer_hintTouch__SBivG{display:none}@media (pointer:coarse){.system-explorer_hintMouse__5FNL9{display:none}.system-explorer_hintTouch__SBivG{display:inline}}.system-explorer_hint__2yOEh{position:absolute;inset:auto .75rem .6rem auto;z-index:1;pointer-events:none;font-size:11px;line-height:1.3;color:var(--muted-foreground);background:color-mix(in oklab,var(--card) 80%,transparent);padding:2px 8px;border-radius:999px}.system-explorer_anchorScene__Xokzt{content-visibility:auto;contain-intrinsic-size:100% 280px}.system-explorer_story__mKWgO{position:relative;min-width:0}.system-explorer_storyStage__K3Qo_{position:absolute;top:0;left:0;width:100%;height:100vh;height:var(--story-screen,100dvh);display:flex;align-items:center;justify-content:flex-start;padding:1.5rem;box-sizing:border-box}.system-explorer_storyStage__K3Qo_[data-pin=fixed]{position:fixed;top:0}.system-explorer_storyStage__K3Qo_[data-pin=bottom]{top:auto;bottom:0}.system-explorer_storyScene__oDfsy{flex:0 0 54%;max-width:none;will-change:transform;height:min(calc(var(--story-screen, 100dvh) * .78),720px);min-width:0;margin-inline:0;border-color:transparent;background:none;border-radius:0}.system-explorer_storyCaptions__vQecr{position:relative;z-index:1;margin:0;padding:0;list-style:none;pointer-events:none}.system-explorer_storyCard__UMyUh{min-height:100vh;min-height:var(--story-screen,100dvh);display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;box-sizing:border-box}.system-explorer_storyCardBody__4D08Z{pointer-events:auto;width:min(40%,30rem);padding:1rem 1.15rem;border-radius:1rem;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 88%,transparent);backdrop-filter:blur(6px);box-shadow:0 8px 30px rgb(0 0 0/.08);transition:opacity .24s ease}.system-explorer_storyCard__UMyUh[data-active=false] .system-explorer_storyCardBody__4D08Z{opacity:.55}@media (prefers-reduced-motion:reduce){.system-explorer_storyCardBody__4D08Z{transition:none}}@media (max-width:767px){.system-explorer_storyStage__K3Qo_{align-items:flex-start;padding:.75rem}.system-explorer_storyScene__oDfsy{flex:1 1 auto;height:max(240px,calc(var(--story-screen, 100dvh) * .42))}.system-explorer_storyCard__UMyUh{align-items:flex-start;justify-content:center;padding:calc(var(--story-screen, 100dvh) * .45) .75rem 0}.system-explorer_storyCardBody__4D08Z{width:100%}}@media (max-width:767px) and (orientation:landscape){.system-explorer_storyStage__K3Qo_{align-items:center;padding:.5rem}.system-explorer_storyScene__oDfsy{flex:0 0 52%;height:calc(var(--story-screen, 100dvh) * .82)}.system-explorer_storyCard__UMyUh{align-items:center;justify-content:flex-end;padding:0 .5rem}.system-explorer_storyCardBody__4D08Z{width:44%;padding:.6rem .8rem}}.system-explorer_storyStatic__6xBmg{display:grid;gap:2rem;min-width:0}.system-explorer_storyStaticStage__2WWus{display:grid;gap:1rem;align-items:center;min-width:0}.system-explorer_storyStaticScene__KrPm1{height:min(52vh,420px);width:100%;max-width:34rem;justify-self:center;min-width:0;border-color:transparent;background:none;border-radius:0}@media (min-width:768px){.system-explorer_storyStaticStage__2WWus{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.system-explorer_storyStatic__6xBmg .system-explorer_storyCardBody__4D08Z{width:100%}}@media (max-width:767px){.system-explorer_storyStatic__6xBmg .system-explorer_storyCardBody__4D08Z{width:100%}}@keyframes inference-story_arrive__Q6vXC{0%{opacity:.85}to{opacity:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.inference-story_reveal__p0viQ{animation:inference-story_arrive__Q6vXC linear both;animation-duration:auto!important;animation-timeline:view();animation-range:entry 0 entry 70%}.inference-story_reveal__p0viQ:has(.lesson-video-stage.fixed){position:relative;z-index:50}}}