/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--black:#07090d;--navy:#10151e;--graphite:#1b212a;--white:#eff2ec;--yellow:#f4d35e;--cyan:#61d9fa;--blue:#4d82e8;--violet:#a87bef;--green:#69d98c;--red:#f05b66;--orange:#ed9b4b;--muted:#8f9aa5;--line:#eff2ec1f;--panel:#10151ec7;--accent:var(--cyan);--font-display:"Space Grotesk", "Sora", "Avenir Next", system-ui, sans-serif;--font-body:"Inter", "Avenir Next", system-ui, sans-serif;--font-code:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font-body);margin:0;overflow-x:hidden}body::selection{background:var(--cyan);color:var(--black)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.skip-link{z-index:1000;background:var(--white);color:var(--black);border-radius:.6rem;padding:.8rem 1rem;font-weight:800;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.world-canvas{z-index:0;pointer-events:none;opacity:.9;position:fixed;inset:0}.world-canvas:after{content:"";background:radial-gradient(circle at 50% 38%,#0000 10%,#07090d85 62%,#07090d 100%);position:absolute;inset:0}.webgl-fallback{min-height:100vh;font:700 .72rem var(--font-code);color:var(--cyan);grid-template-columns:repeat(4,1fr);align-items:center;gap:1rem;padding:20vw;display:grid}.webgl-fallback span{border:1px solid;padding:2rem 1rem;transform:rotate(-8deg)}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#10151eb8;border:1px solid #eff2ec24;border-radius:1.1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;width:min(1180px,100% - 2rem);min-height:68px;padding:.65rem .75rem .65rem 1rem;transition:transform .35s,background .35s;display:grid;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000047}.site-header.is-hidden{transform:translate(-50%,-140%)}.brand-lockup{align-items:center;gap:.7rem;display:inline-flex}.brand-lockup>span:last-child{gap:.1rem;display:grid}.brand-lockup b{font:700 .92rem var(--font-display);letter-spacing:.11em}.brand-lockup small{color:var(--muted);font:600 .48rem var(--font-code);letter-spacing:.12em}.stack-logo{perspective:80px;width:32px;height:34px;position:relative}.stack-logo i{border:1px solid var(--cyan);background:#61d9fa1a;width:24px;height:12px;position:absolute;left:4px;transform:rotateX(58deg)rotate(-28deg);box-shadow:0 0 18px #61d9fa33}.stack-logo i:first-child{top:3px}.stack-logo i:nth-child(2){border-color:var(--violet);top:10px}.stack-logo i:nth-child(3){border-color:var(--yellow);top:17px}.header-nav{color:#bac2ca;gap:1.6rem;font-size:.8rem;font-weight:650;display:flex}.header-nav a{transition:color .2s;position:relative}.header-nav a:after{content:"";background:var(--cyan);height:1px;transition:right .25s;position:absolute;bottom:-.45rem;left:0;right:100%}.header-nav a:hover{color:#fff}.header-nav a:hover:after{right:0}.header-actions{justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.text-link{color:#c9d0d5;font-size:.74rem}.button{border:1px solid var(--cyan);background:var(--cyan);color:#071015;min-height:48px;font:750 .78rem var(--font-display);letter-spacing:.02em;border-radius:.7rem;justify-content:center;align-items:center;gap:.65rem;padding:.8rem 1.25rem;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 0 30px #61d9fa26}.button:hover{transform:translateY(-2px);box-shadow:0 12px 34px #61d9fa33}.button.secondary{color:var(--white);box-shadow:none;background:#10151ea8;border-color:#eff2ec47}.button.small{min-height:38px;padding:.55rem .85rem;font-size:.67rem}.icon-button{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:.55rem;place-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:grid}.icon-button:hover,.icon-button.is-active{color:var(--cyan);background:#61d9fa1a;border-color:#61d9fa8c}.menu-overlay{z-index:400;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07090df5;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.menu-overlay>.icon-button{z-index:2;position:absolute;top:2rem;right:2rem}.menu-overlay nav{z-index:1;width:min(620px,100% - 3rem);display:grid;position:relative}.menu-overlay nav a{border-bottom:1px solid var(--line);font:650 clamp(1.4rem, 4vw, 2.8rem) var(--font-display);grid-template-columns:44px 1fr auto;align-items:center;gap:1rem;padding:1.25rem .6rem;display:grid}.menu-overlay nav span{color:var(--cyan);font:.65rem var(--font-code)}.menu-overlay nav svg{width:1.2rem}.menu-code{opacity:.07;align-content:space-between;display:grid;position:absolute;inset:5%;transform:rotate(-8deg)scale(1.1)}.menu-code i{background:var(--cyan);height:8px;animation:.5s both codeAssemble}@keyframes codeAssemble{0%{width:0;transform:translate(-20px)}}.global-controls{z-index:90;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10151ed1;border-radius:.8rem;align-items:center;gap:.3rem;padding:.4rem;display:flex;position:fixed;bottom:1rem;right:1rem}.control-caption{color:var(--muted);font:600 .5rem var(--font-code);letter-spacing:.12em;padding:0 .45rem}.build-status{z-index:80;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:188px;font-family:var(--font-code);background:#10151eb3;border-radius:.8rem;padding:.8rem;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.status-heading{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.1em;align-items:center;gap:.4rem;padding-bottom:.65rem;font-size:.51rem;display:flex}.status-heading b{color:var(--cyan);margin-left:auto;font-weight:500}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.build-status dl{gap:.4rem;margin:.55rem 0 0;display:grid}.build-status dl div{justify-content:space-between;gap:.7rem;display:flex}.build-status dt{color:var(--muted);font-size:.55rem}.build-status dd{text-overflow:ellipsis;white-space:nowrap;max-width:95px;color:var(--white);margin:0;font-size:.56rem;overflow:hidden}.build-status dd.passing{color:var(--green)}.journey-nav{z-index:80;gap:.15rem;display:grid;position:fixed;top:50%;left:1rem;transform:translateY(-50%)}.journey-nav a{color:#66707a;border:1px solid #0000;border-radius:.5rem;grid-template-columns:28px 0fr;align-items:center;gap:0;width:35px;min-height:35px;padding:0 .25rem;transition:width .25s,color .25s,background .25s;display:grid;overflow:hidden}.journey-nav a:hover,.journey-nav a.active{width:102px;color:var(--white);border-color:var(--line);background:#10151ed1;grid-template-columns:28px 1fr}.journey-nav span{font:.55rem var(--font-code);color:var(--cyan)}.journey-nav b{white-space:nowrap;font:600 .58rem var(--font-display)}.module-section{z-index:2;isolation:isolate;grid-template-columns:minmax(260px,.78fr) minmax(500px,1.42fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(1180px,100% - 6rem);min-height:100vh;margin:0 auto;padding:10rem 2.5rem 8rem;display:grid;position:relative}.module-section:before{content:"";z-index:-1;background:radial-gradient(circle at 75% 50%, var(--accent), transparent 42%);border-top:1px solid #eff2ec0d;position:absolute;inset:8% -8%}@supports (color:color-mix(in lab, red, red)){.module-section:before{background:radial-gradient(circle at 75% 50%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 42%)}}.module-section:before{pointer-events:none}.module-section.reverse{grid-template-columns:minmax(500px,1.42fr) minmax(260px,.78fr)}.module-section.reverse .section-copy{order:2}.module-section.reverse .section-visual{order:1}.accent-cyan{--accent:var(--cyan)}.accent-yellow{--accent:var(--yellow)}.accent-green{--accent:var(--green)}.accent-violet{--accent:var(--violet)}.accent-blue{--accent:var(--blue)}.accent-orange{--accent:var(--orange)}.accent-red{--accent:var(--red)}.section-copy{min-width:0;position:relative}.section-label{color:var(--accent);font:650 .63rem var(--font-code);letter-spacing:.14em;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.section-label i{background:currentColor;width:42px;height:1px;box-shadow:0 0 10px}.section-copy h2{max-width:560px;font:650 clamp(2.3rem, 4.7vw, 5rem)/.92 var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0 0 1.35rem}.section-copy>p{color:#a9b2ba;max-width:520px;margin:0;font-size:.95rem;line-height:1.75}.section-signal{flex-wrap:wrap;gap:.35rem;margin-top:1.7rem;display:flex}.section-signal span{border:1px solid var(--line);color:var(--muted);font:.49rem var(--font-code);letter-spacing:.08em;border-radius:.3rem;padding:.35rem .5rem}.section-signal span:first-child{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-signal span:first-child{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.section-visual{perspective:1400px;min-width:0}.hero{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);gap:clamp(2rem,7vw,8rem);width:100%;max-width:none;min-height:100svh;padding:9.5rem max(4rem,50vw - 590px) 4rem;overflow:hidden}.hero:before{background:linear-gradient(90deg,#07090df2 0%,#07090dad 42%,#07090d38 70%,#07090dbf 100%),radial-gradient(circle at 72% 48%,#61d9fa1c,#0000 25%);inset:0}.hero-grid{z-index:-1;background-image:linear-gradient(#61d9fa0d 1px,#0000 1px),linear-gradient(90deg,#61d9fa0d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--cyan);font:650 .64rem var(--font-code);letter-spacing:.14em;margin-bottom:1.25rem;display:block}.hero h1{font:700 clamp(4.4rem, 8.2vw, 8.5rem)/.78 var(--font-display);letter-spacing:-.085em;margin:0}.hero h1 span{transform-origin:0;animation:.8s both revealLine;display:block}.hero h1 span:nth-child(2){color:var(--cyan);animation-delay:.1s}.hero h1 span:nth-child(3){animation-delay:.2s}@keyframes revealLine{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(28px)skewY(3deg)}}.hero-copy>p{color:#aeb7bf;max-width:590px;margin:1.8rem 0 0;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.5rem;padding-top:1.2rem;display:grid}.hero-stats span{color:var(--muted);font:.52rem var(--font-code);gap:.35rem;line-height:1.4;display:grid}.hero-stats b{color:var(--white);font:650 1rem var(--font-display)}.hero-editor{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:min(590px,64vh);min-height:480px;transform-style:preserve-3d;background:#10151ead;border:1px solid #61d9fa3d;border-radius:.9rem;animation:1s .2s both editorIn;position:relative;transform:rotateY(-7deg)rotateX(2deg);box-shadow:-50px 45px 100px #0006,inset 0 0 60px #61d9fa08}@keyframes editorIn{0%{opacity:0;transform:rotateY(-12deg)rotateX(4deg)translateY(40px)}}.window-bar{border-bottom:1px solid var(--line);height:40px;color:var(--muted);font:.55rem var(--font-code);align-items:center;gap:.4rem;padding:0 .8rem;display:flex}.window-bar>i{background:#343c46;border-radius:50%;width:7px;height:7px}.window-bar>i:first-child{background:var(--red)}.window-bar>i:nth-child(2){background:var(--yellow)}.window-bar>i:nth-child(3){background:var(--green)}.window-bar span{margin-left:.5rem}.window-bar b{color:var(--green);margin-left:auto;font-weight:500}.hero-code{width:55%;font:clamp(.6rem, .9vw, .78rem)/1.25 var(--font-code);gap:.72rem;padding:1.5rem .7rem;display:grid;transform:translateZ(40px)}.hero-code span{white-space:nowrap}.hero-code em{color:#59636d;width:28px;font-style:normal;display:inline-block}.violet{color:var(--violet)}.blue{color:var(--blue)}.green{color:var(--green)}.yellow{color:var(--yellow)}.cyan{color:var(--cyan)}.red{color:var(--red)}.caret{background:var(--cyan);width:6px;height:1em;margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-output{width:44%;height:43%;transform-style:preserve-3d;position:absolute;bottom:16%;right:5%;transform:translateZ(82px)rotateX(55deg)rotate(-6deg)}.code-platform{width:55%;height:38%;font:650 .52rem var(--font-code);background:#07090db8;border:1px solid;place-items:center;display:grid;position:absolute;box-shadow:0 0 25px}@supports (color:color-mix(in lab, red, red)){.code-platform{box-shadow:0 0 25px color-mix(in srgb, currentColor 18%, transparent)}}.code-platform:after{content:"";opacity:.35;border:1px dashed;position:absolute;inset:8px}.p1{color:var(--orange);bottom:0;left:0;transform:translateZ(5px)}.p2{color:var(--cyan);bottom:14%;left:34%;transform:translateZ(32px)}.p3{color:var(--yellow);bottom:42%;left:8%;transform:translateZ(62px)}.p4{color:var(--violet);bottom:54%;left:44%;transform:translateZ(92px)}.data-path{background:var(--cyan);width:54%;height:2px;box-shadow:0 0 12px var(--cyan);animation:1.5s infinite dataPulse;position:absolute;bottom:27%;left:28%}@keyframes dataPulse{50%{filter:hue-rotate(80deg);transform:translateZ(30px)rotate(8deg)}}.editor-footer{border-top:1px solid var(--line);color:#70808d;height:28px;font:.48rem var(--font-code);align-items:center;gap:1.3rem;padding:0 .8rem;display:flex;position:absolute;bottom:0;left:0;right:0}.editor-footer span:first-child{color:var(--cyan)}.editor-footer span:nth-child(2){margin-left:auto}.scroll-cue{color:var(--muted);font:.48rem var(--font-code);letter-spacing:.12em;flex-direction:column;align-items:center;gap:.55rem;display:flex;position:absolute;bottom:1.5rem;left:50%}.scroll-cue i{background:linear-gradient(var(--cyan), transparent);width:1px;height:35px;animation:1.6s infinite scrollCue}@keyframes scrollCue{50%{transform-origin:top;transform:scaleY(.4)}}.lab-card{border:1px solid var(--accent);min-height:540px;padding:1rem;position:relative}@supports (color:color-mix(in lab, red, red)){.lab-card{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line))}}.lab-card{box-shadow:0 35px 100px #00000059, inset 0 0 65px var(--accent);background:linear-gradient(145deg,#1b212ae0,#07090ded);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.lab-card{box-shadow:0 35px 100px #00000059, inset 0 0 65px color-mix(in srgb, var(--accent) 4%, transparent)}}.lab-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;overflow:hidden;transform:rotateY(-1.5deg)}.reverse .lab-card{transform:rotateY(1.5deg)}.lab-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff06,#0000 65%);position:absolute;inset:0}.lab-top{border-bottom:1px solid var(--line);min-height:40px;color:var(--muted);font:.55rem var(--font-code);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1rem;padding:0 .35rem 1rem;display:flex}.lab-top b{color:var(--accent);font-weight:500}.passing-text{color:var(--green)!important}.error-text{color:var(--red)!important}.lab-top select{color:var(--white);font:.58rem var(--font-code);background:0 0;border:0}.lab-controls{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.lab-controls button,.lab-controls>a,.preset-row button,.gallery-filters button,.path-tabs button{border:1px solid var(--line);color:#b6c0c8;min-height:34px;font:560 .54rem var(--font-code);cursor:pointer;background:#ffffff06;border-radius:.4rem;align-items:center;gap:.35rem;padding:.45rem .65rem;transition:all .2s;display:inline-flex}.lab-controls button:hover,.lab-controls button.active,.preset-row button:hover,.preset-row button.active,.gallery-filters button.active,.path-tabs button.active{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-controls button:hover,.lab-controls button.active,.preset-row button:hover,.preset-row button.active,.gallery-filters button.active,.path-tabs button.active{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.lab-controls button:hover,.lab-controls button.active,.preset-row button:hover,.preset-row button.active,.gallery-filters button.active,.path-tabs button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-controls button:hover,.lab-controls button.active,.preset-row button:hover,.preset-row button.active,.gallery-filters button.active,.path-tabs button.active{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.lab-controls button:disabled{opacity:.35;cursor:not-allowed}.range-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem;display:grid}.range-grid label{color:var(--muted);font:.52rem var(--font-code);gap:.35rem;display:grid}input[type=range]{width:100%;accent-color:var(--accent)}.metrics,.path-meta,.student-inspector,.test-summary{border:1px solid var(--line);border-radius:.45rem;grid-template-columns:repeat(4,1fr);margin-top:.8rem;display:grid}.metrics span,.path-meta span,.student-inspector span,.test-summary span{color:var(--muted);font:.48rem var(--font-code);gap:.25rem;padding:.55rem;display:grid}.metrics span+span,.path-meta span+span,.student-inspector span+span,.test-summary span+span{border-left:1px solid var(--line)}.metrics b,.path-meta b,.student-inspector b,.test-summary b{color:var(--white);font-weight:500}.code-strip{border:1px solid var(--line);color:#c3ccd3;font:.63rem/1.5 var(--font-code);background:#080a0e;border-radius:.45rem;padding:.8rem;display:block}.code-strip span{color:var(--violet)}.code-strip em{color:var(--green);font-style:normal}.playground-shell{background:#0a0d12;border:1px solid #61d9fa40;border-radius:.9rem;min-height:630px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0006}.playground-shell.is-fullscreen{z-index:500;min-height:0;position:fixed;inset:1rem}.playground-tabs{border-bottom:1px solid var(--line);background:#10141b;height:42px;display:flex;overflow-x:auto}.playground-tabs button{border:0;border-right:1px solid var(--line);color:#7d8993;min-width:84px;font:.54rem var(--font-code);cursor:pointer;background:0 0;padding:0 .8rem}.playground-tabs button[aria-selected=true]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:#61d9fa0f}.playground-body{grid-template-columns:1fr 1fr;height:520px;display:grid}.monaco-wrap{border-right:1px solid var(--line);min-width:0;position:relative;overflow:hidden}.editor-loading{height:100%;color:var(--muted);font:.6rem var(--font-code);align-content:center;place-items:center;gap:1rem;display:grid}.editor-loading svg{color:var(--cyan);animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.safe-preview{place-items:center;transition:background .4s;display:grid;position:relative;overflow:hidden}.safe-preview:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;transform:perspective(500px)rotateX(64deg)scale(1.8)translateY(28%)}.preview-badge{z-index:4;color:var(--muted);font:.48rem var(--font-code);align-items:center;gap:.4rem;display:flex;position:absolute;top:.7rem;left:.7rem}.preview-badge span{border-radius:50%;width:6px;height:6px}.preview-badge .passing{background:var(--green);box-shadow:0 0 8px var(--green)}.preview-badge .failed{background:var(--orange);box-shadow:0 0 8px var(--orange)}.preview-light{z-index:0;filter:blur(55px);border-radius:50%;width:240px;height:240px;transition:all .4s;position:absolute}.preview-object{--shape-color:var(--cyan);z-index:2;background:var(--shape-color);width:92px;height:92px;box-shadow:inset -24px -20px 35px #00000061, 0 28px 55px var(--shape-color);border:0;position:relative}@supports (color:color-mix(in lab, red, red)){.preview-object{box-shadow:inset -24px -20px 35px #00000061, 0 28px 55px color-mix(in srgb, var(--shape-color) 25%, transparent)}}.preview-object{cursor:pointer;transition:border-radius .35s,clip-path .35s,background .35s;transform:rotateX(-22deg)rotateY(34deg)}.preview-object.is-running{animation:previewSpin var(--shape-speed,4s) linear infinite}.preview-object.geometry-sphere{border-radius:50%}.preview-object.geometry-torus{border:22px solid var(--shape-color);background:0 0;border-radius:50%}@keyframes previewSpin{to{transform:rotateX(338deg)rotateY(394deg)}}.preview-ground{z-index:1;filter:blur(13px);background:#0000008f;border-radius:50%;width:58%;height:28px;position:absolute;bottom:24%}.preview-hud{color:#72808c;font:.43rem var(--font-code);justify-content:space-between;display:flex;position:absolute;bottom:.7rem;left:.7rem;right:.7rem}.playground-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.35rem;min-height:66px;padding:.65rem;display:flex}.playground-toolbar button{border:1px solid var(--line);color:#b7c0c7;min-height:32px;font:.5rem var(--font-code);cursor:pointer;background:#12171f;border-radius:.35rem;align-items:center;gap:.3rem;padding:.35rem .55rem;display:inline-flex}.playground-toolbar button:hover{color:var(--cyan);border-color:#61d9fa80}.toolbar-notice{color:var(--green);font:.48rem var(--font-code);margin-left:auto}.editor-error{z-index:5;color:#ffc0c4;font:.55rem var(--font-code);background:#53121af0;border:1px solid #f05b6666;border-radius:.4rem;align-items:center;gap:.5rem;padding:.7rem;display:flex;position:absolute;bottom:4.6rem;left:.7rem;right:.7rem}.dom-tree{perspective:800px;gap:.33rem;width:63%;margin:1.2rem 0;display:grid}.dom-tree button{left:calc(var(--depth) * 24px);width:calc(100% - var(--depth) * 24px);border:1px solid var(--line);color:#9aa6af;text-align:left;min-height:35px;font:.56rem var(--font-code);cursor:pointer;transform:translateZ(calc(var(--depth) * 10px));background:#0b0e13;border-radius:.35rem;align-items:center;gap:.45rem;padding:.4rem .6rem;display:flex;position:relative}.dom-tree button span{color:var(--cyan)}.dom-tree button i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:auto}.dom-tree button.selected{color:var(--cyan);border-color:var(--cyan);background:#61d9fa14}.dom-tree.invalid button:nth-child(7){border-color:var(--red);color:var(--red);transform:translate(-32px)}.inspector-card{background:#10151edb;border:1px solid #61d9fa40;border-radius:.6rem;flex-direction:column;gap:1rem;width:31%;min-height:260px;padding:1rem;display:flex;position:absolute;top:72px;right:1rem}.inspector-card b{color:var(--cyan);font:700 1rem var(--font-code)}.inspector-card span{color:var(--muted);font-size:.68rem;line-height:1.55}.inspector-card code{color:var(--green);font:.55rem/1.6 var(--font-code);word-break:break-all;margin-top:auto}.box-model{perspective:900px;place-items:center;min-height:330px;display:grid}.box-model span{font:.46rem var(--font-code);position:absolute;top:.35rem;left:.45rem}.margin-layer,.border-layer,.padding-layer,.content-layer{transform-style:preserve-3d;place-items:center;transition:padding .3s,border-radius .3s;display:grid;position:relative}.margin-layer{padding:var(--mar);border:1px dashed var(--orange);color:var(--orange);transform:rotateX(57deg)rotate(-28deg)}.border-layer{border:3px solid var(--yellow);color:var(--yellow);padding:12px;transform:translateZ(22px)}.padding-layer{padding:var(--pad);border:1px dashed var(--violet);color:var(--violet);transform:translateZ(22px)}.content-layer{border-radius:var(--radius);background:linear-gradient(135deg, var(--cyan), var(--blue));width:150px;height:95px;color:var(--black);font:700 .6rem var(--font-code);transform:translateZ(22px);box-shadow:0 12px 35px #61d9fa40}.logic-flow{perspective:900px;justify-content:space-around;align-items:center;gap:.5rem;min-height:300px;display:flex}.logic-flow>div{border:1px solid var(--line);background:#0a0d12;align-content:center;place-items:center;gap:.45rem;width:88px;height:88px;transition:all .3s;display:grid;position:relative;transform:rotateX(55deg)rotate(-12deg)}.logic-flow>div.active{border-color:var(--yellow);color:var(--yellow);transform:rotateX(45deg)rotate(-5deg)translateZ(30px);box-shadow:0 0 30px #f4d35e29}.logic-flow span{font:700 1rem var(--font-code)}.logic-flow b{color:var(--muted);font:.45rem var(--font-code)}.logic-flow i{background:linear-gradient(to right, var(--yellow), transparent);width:42px;height:1px;position:absolute;top:50%;left:100%}.algorithm-bars{border-bottom:1px solid var(--line);perspective:800px;justify-content:center;align-items:flex-end;gap:.6rem;height:320px;padding:2rem 1rem 0;display:flex}.algorithm-bars i{background:linear-gradient(to top, #1e3440, var(--cyan));width:8%;min-width:24px;transition:height .3s,background .2s;position:relative;transform:rotateX(-6deg)rotateY(-8deg);box-shadow:6px 5px #13222a}.algorithm-bars i.active{background:linear-gradient(to top, #6d5b17, var(--yellow));transform:translateY(-8px)rotateX(-6deg)rotateY(-8deg);box-shadow:6px 5px #41360b,0 0 22px #f4d35e40}.algorithm-bars span{color:var(--muted);font:.48rem var(--font-code);position:absolute;top:-1.25rem;left:50%;transform:translate(-50%)}.component-world{perspective:900px;height:340px;position:relative}.component-world:before{content:"";background-image:linear-gradient(#61d9fa17 1px,#0000 1px),linear-gradient(90deg,#61d9fa17 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:12%;transform:rotateX(60deg)rotate(-15deg)}.component-world button{left:var(--x);top:var(--y);z-index:2;color:#9cacb8;min-width:88px;font:.5rem var(--font-code);transform:translate(-50%,-50%) translateZ(var(--z));cursor:pointer;background:#0a0d12eb;border:1px solid #61d9fa40;border-radius:.4rem;padding:.65rem;position:absolute}.component-world button i{background:linear-gradient(var(--cyan), transparent);transform-origin:top;width:1px;height:42px;position:absolute;top:100%;left:50%;transform:rotate(35deg)}.component-world button.selected{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 22px #61d9fa2e}.component-world button.yellow{color:var(--yellow);border-color:var(--yellow)}.component-world button.violet{color:var(--violet);border-color:var(--violet)}.component-world button.green{color:var(--green);border-color:var(--green)}.state-console{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.state-console span{color:var(--muted);font:.48rem var(--font-code);gap:.3rem;padding:.7rem;display:grid}.state-console span+span{border-left:1px solid var(--line)}.state-console b{color:var(--white);font-weight:500}.type-station{perspective:800px;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.value-cube,.type-port{border:1px solid var(--line);width:120px;min-height:90px;font:650 .8rem var(--font-code);text-align:center;background:#0b0e13;align-content:center;place-items:center;gap:.4rem;padding:.7rem;display:grid;overflow:hidden;transform:rotateY(18deg)}.value-cube.valid{color:var(--green);border-color:var(--green);box-shadow:8px 8px #69d98c1f}.value-cube.invalid{color:var(--red);border-color:var(--red);animation:.3s shake;box-shadow:8px 8px #f05b661f}@keyframes shake{50%{transform:translate(8px)rotateY(18deg)}}.type-port{color:var(--blue);border-color:var(--blue);transform:rotateY(-18deg)}.type-port small{color:var(--muted);font-size:.45rem}.type-station>i{background:var(--green);width:90px;height:2px;box-shadow:0 0 10px var(--green)}.type-station>i.broken{background:repeating-linear-gradient(90deg, var(--red) 0 8px, transparent 8px 15px);box-shadow:none}.field-label{color:var(--muted);font:.52rem var(--font-code);gap:.35rem;display:grid}.field-label input,.form-grid input,.form-grid select{border:1px solid var(--line);min-height:42px;color:var(--white);background:#0a0d12;border-radius:.4rem;padding:.65rem .75rem}.friendly-error{color:var(--red);font:.55rem var(--font-code);margin:.5rem 0 0}.network-map{height:310px;position:relative}.network-map>div{left:calc(8% + (var(--i) % 3) * 38%);top:calc(18% + (var(--i) > 2 ? 44% : 0%));border:1px solid var(--line);width:108px;height:70px;color:var(--muted);background:#0b0e13;border-radius:.5rem;grid-template-columns:25px 1fr;align-items:center;gap:.2rem;padding:.55rem;transition:all .25s;display:grid;position:absolute}.network-map>div svg{width:18px}.network-map>div b{font:.52rem var(--font-code)}.network-map>div span{color:#66717b;font:.42rem var(--font-code);grid-column:2}.network-map>div>i{background:repeating-linear-gradient(90deg, var(--cyan) 0 5px, transparent 5px 10px);width:90px;height:1px;transform:rotate(calc((var(--i) - 2) * 12deg));transform-origin:0;opacity:.32;position:absolute;top:50%;left:100%}.network-map>div.active{color:var(--cyan);border-color:var(--cyan);transform:translateZ(30px);box-shadow:0 0 24px #61d9fa29}.network-map>div.error{color:var(--red);border-color:var(--red)}.request-detail{border:1px solid var(--line);background:#080a0e;border-radius:.4rem;gap:.35rem;padding:.7rem;display:grid}.request-detail code{color:var(--green);font:.55rem var(--font-code)}.request-detail span{color:var(--muted);font:.44rem var(--font-code)}.schema-map{perspective:900px;min-height:355px;position:relative}.schema-map button{left:calc(5% + (var(--i) % 3) * 33%);top:calc(8% + (var(--i) > 2 ? 48% : 0%));border:1px solid var(--line);width:28%;min-height:125px;color:var(--muted);text-align:left;cursor:pointer;transform:rotateX(4deg) rotateY(calc((var(--i) - 2) * 2deg));background:#0a0d12;border-radius:.5rem;grid-template-columns:25px 1fr;gap:.35rem;padding:.75rem;display:grid;position:absolute}.schema-map button>svg{width:18px;color:var(--blue)}.schema-map button>b{font:.62rem var(--font-code);color:#c7d0d6}.schema-map button span{font:.46rem var(--font-code);grid-column:1/3}.schema-map button em{color:var(--yellow);border:1px solid #f4d35e40;padding:.15rem .2rem;font-style:normal}.schema-map button>i{background:var(--blue);opacity:.5;width:32px;height:1px;position:absolute;top:50%;left:100%}.schema-map button.selected{color:var(--blue);border-color:var(--blue);transform:translateZ(25px);box-shadow:0 0 22px #4d82e829}.query-row{border:1px solid var(--line);background:#080a0e;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem;display:flex}.query-row code{color:var(--green);font:.5rem var(--font-code)}.query-row span{color:var(--yellow);font:.5rem var(--font-code)}.git-graph{height:310px;margin:1rem 0;position:relative;overflow:hidden}.branch-line{background:var(--blue);height:2px;position:absolute;top:48%;left:8%;right:8%;box-shadow:0 0 12px #4d82e866}.branch-line.feature{background:var(--violet);transform-origin:0;top:68%;left:30%;right:10%;transform:skewY(-13deg)}.git-graph button{z-index:2;color:var(--muted);cursor:pointer;font:.46rem var(--font-code);background:0 0;border:0;position:absolute;top:48%;transform:translate(-50%,-50%)}.git-graph button i{border:3px solid var(--blue);background:var(--black);border-radius:50%;width:17px;height:17px;margin:0 auto .5rem;display:block}.git-graph button.head i{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 18px #f4d35e80}.merge-conflict{border:1px solid var(--red);color:var(--red);font:.5rem var(--font-code);background:#f05b6614;padding:.6rem;animation:.7s infinite alternate pulse;position:absolute;top:40%;right:12%}@keyframes pulse{50%{opacity:.5}}.git-stages{justify-content:center;align-items:center;gap:.5rem;display:flex}.git-stages span{color:var(--muted);font:.43rem var(--font-code);gap:.3rem;display:grid}.git-stages b{color:var(--white);font-weight:500}.git-stages>i{background:linear-gradient(90deg, var(--blue), transparent);width:28px;height:1px}.creative-stage{perspective:900px;place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.creative-stage:before{content:"";background-image:linear-gradient(#61d9fa17 1px,#0000 1px),linear-gradient(90deg,#61d9fa17 1px,#0000 1px);background-size:24px 24px;width:75%;height:42%;position:absolute;bottom:2%;transform:rotateX(64deg)}.stage-light{background:var(--cyan);filter:blur(65px);border-radius:50%;width:240px;height:240px;position:absolute}.creative-object{z-index:2;background:var(--cyan);cursor:pointer;border:1px solid #ffffff59;width:110px;height:110px;position:relative;transform:rotateX(-22deg)rotateY(30deg);box-shadow:inset -30px -25px 50px #00000073,0 35px 60px #00000073}.creative-object.orb{border-radius:50%}.creative-object.torus{border:24px solid var(--cyan);background:0 0;border-radius:50%}.creative-object.wire{border:2px solid var(--cyan);background:0 0;box-shadow:inset 0 0 0 20px #61d9fa0f}.creative-object.glass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#61d9fa26}.creative-object.rotating{animation:5s linear infinite threeSpin}@keyframes threeSpin{to{transform:rotateX(338deg)rotateY(390deg)}}.orbit-ring{z-index:3;border:1px solid #61d9fa59;border-radius:50%;width:220px;height:90px;position:absolute;transform:rotateX(72deg)rotate(-12deg)}.creative-stage>span{color:var(--muted);font:.46rem var(--font-code);position:absolute;bottom:1rem;right:1rem}.shader-surface{background:radial-gradient(circle at calc(var(--frequency) * 1%), #fff 0, var(--cyan) 12%, var(--violet) 36%, #081118 66%);filter:saturate(1.2);border-radius:.6rem;place-items:center;height:265px;margin:1rem 0;display:grid;position:relative;overflow:hidden}.shader-surface:before{content:"";background:repeating-radial-gradient(#0000 0 12px,#ffffff21 13px 14px);animation:5s linear infinite shaderWave;position:absolute;inset:-30%}.shader-surface:after{content:"";mix-blend-mode:overlay;background:linear-gradient(120deg,#0000,#ffffff3b,#0000);animation:2.5s infinite alternate shaderShift;position:absolute;inset:0}.shader-surface span{z-index:2;font:.55rem var(--font-code);text-transform:uppercase;letter-spacing:.2em;background:#07090d94;border:1px solid #ffffff4d;padding:.5rem;position:relative}.shader-surface.shader-error{background:repeating-linear-gradient(135deg,#3c1117 0 12px,#18090c 12px 24px)}.shader-surface.shader-error:before{display:none}@keyframes shaderWave{to{transform:rotate(1turn)scale(1.15)}}@keyframes shaderShift{to{transform:translate(40%)}}.shader-code,.challenge-code{border:1px solid var(--line);font:.54rem var(--font-code);background:#080a0e;gap:.35rem;padding:.7rem;display:grid}.shader-code em,.challenge-code em{color:#56616b;width:28px;font-style:normal;display:inline-block}.preset-row{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.debug-room{perspective:800px;height:315px;position:relative;overflow:hidden}.debug-room:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 30px,#f05b660a 30px 31px);border:1px solid #f05b6633;position:absolute;inset:12%;transform:rotateX(60deg)rotate(-15deg)}.error-core{border:1px solid var(--red);width:82px;height:82px;color:var(--red);background:#f05b661f;place-items:center;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotateX(-10deg)rotateY(18deg);box-shadow:0 0 35px #f05b6633}.error-core svg{opacity:.15;width:55px;height:55px;position:absolute}.error-core span{font:700 1.7rem var(--font-code)}.debug-room button{z-index:2;border:1px solid var(--line);color:var(--muted);font:.48rem var(--font-code);cursor:pointer;background:#0a0d12;padding:.55rem;position:absolute}.debug-room button:first-of-type{top:22%;left:8%}.debug-room button:nth-of-type(2){top:28%;right:8%}.debug-room button:nth-of-type(3){bottom:16%;left:16%}.debug-room button i{background:var(--red);opacity:.25;width:80px;height:1px;position:absolute}.debug-room button.active{color:var(--yellow);border-color:var(--yellow)}.debug-lab.fixed .error-core{color:var(--green);border-color:var(--green);background:#69d98c1a;box-shadow:0 0 35px #69d98c33}.debug-message{border-left:2px solid var(--red);background:#f05b660d;gap:.3rem;padding:.7rem;display:grid}.fixed .debug-message{border-color:var(--green);background:#69d98c0d}.debug-message b{font:.58rem var(--font-code)}.debug-message span{color:var(--muted);font:.48rem var(--font-code)}.test-tubes{perspective:800px;justify-content:center;align-items:center;gap:.65rem;height:320px;display:flex}.test-tubes button{border:1px solid var(--line);width:28px;height:150px;color:var(--muted);cursor:pointer;background:#ffffff05;border-top:0;border-radius:0 0 15px 15px;padding:0;position:relative;overflow:hidden;transform:rotateX(-5deg)}.test-tubes button i{background:var(--green);opacity:.6;border-radius:0 0 12px 12px;height:75%;position:absolute;bottom:3px;left:3px;right:3px}.test-tubes button.fail i{background:var(--red)}.test-tubes button.running i{animation:.8s infinite alternate testFill}@keyframes testFill{to{opacity:.2;height:15%}}.test-tubes button span{z-index:2;color:#07100b;font:700 .45rem var(--font-code);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.test-note{color:var(--muted);font:.47rem var(--font-code);margin-top:.7rem}.pipeline{perspective:900px;justify-content:center;align-items:center;gap:.2rem;min-height:310px;display:flex}.pipeline>div{color:#58636d;width:64px;font:.44rem var(--font-code);text-align:center;place-items:center;gap:.7rem;display:grid;position:relative}.pipeline>div>i{z-index:2;border:1px solid var(--line);background:#0a0d12;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid;position:relative}.pipeline>div>b{background:#2a3139;width:70%;height:1px;position:absolute;top:19px;left:72%}.pipeline>div.complete{color:var(--green)}.pipeline>div.complete>i{border-color:var(--green);box-shadow:0 0 14px #69d98c2e}.pipeline>div.complete>b{background:var(--green)}.pipeline>div.failed{color:var(--red)}.pipeline>div.failed>i{border-color:var(--red);animation:.6s infinite alternate pulse}.build-log{border:1px solid var(--line);min-height:75px;font:.5rem var(--font-code);background:#080a0e;align-content:center;gap:.45rem;padding:.8rem;display:grid}.build-log span:first-child{color:var(--muted)}.build-log span:last-child{color:var(--green)}.path-tabs,.gallery-filters{flex-wrap:wrap;gap:.35rem;margin:.8rem 0;display:flex}.skill-road{perspective:900px;justify-content:center;align-items:center;gap:.2rem;min-height:310px;display:flex}.skill-road>div{border:1px solid var(--line);width:15%;min-width:70px;height:115px;transform:rotateY(-12deg) translateZ(calc(var(--i) * 8px));background:#0a0d12;align-content:center;place-items:center;gap:.5rem;display:grid;position:relative}.skill-road i{color:var(--cyan);font:.48rem var(--font-code);font-style:normal}.skill-road b{font:.53rem var(--font-code);text-align:center}.skill-road span{color:var(--muted);font:.4rem var(--font-code)}.skill-road em{background:var(--cyan);width:16px;height:2px;position:absolute;top:50%;left:100%}.project-orbit{perspective:900px;grid-template-columns:45px 1fr 45px;place-items:center;height:300px;display:grid;position:relative}.orbit-prev,.orbit-next{border:1px solid var(--line);width:38px;height:38px;color:var(--cyan);cursor:pointer;background:#0a0d12;border-radius:50%}.mini-world{width:260px;height:180px;transform-style:preserve-3d;animation:5s ease-in-out infinite worldFloat;position:relative}@keyframes worldFloat{50%{transform:translateY(-10px)rotateY(8deg)}}.mini-browser{border:1px solid var(--cyan);background:linear-gradient(145deg,#111824,#080a0e);border-radius:.5rem;width:210px;height:130px;position:absolute;top:15px;left:0;transform:rotateY(-13deg);box-shadow:15px 15px 45px #00000073}.mini-browser i{background:var(--red);border-radius:50%;width:5px;height:5px;margin:8px 2px;display:inline-block}.mini-browser i:nth-child(2){background:var(--yellow)}.mini-browser i:nth-child(3){background:var(--green)}.mini-product{border:1px solid var(--violet);background:#a87bef1a;place-items:center;width:110px;height:110px;display:grid;position:absolute;bottom:0;right:4px;transform:translateZ(60px)rotateY(18deg)}.mini-product span{background:var(--violet);width:48px;height:48px;transform:rotateX(-22deg)rotateY(34deg);box-shadow:inset -15px -12px 20px #0006}.mini-world>em{filter:blur(10px);background:#0009;border-radius:50%;height:20px;position:absolute;bottom:0;left:20%;right:10%}.project-details{gap:.4rem;display:grid}.project-details .eyebrow{margin:0;font-size:.47rem}.project-details h3{font:650 1.5rem var(--font-display);margin:0}.project-details p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.5}.project-details div{gap:.35rem;display:flex}.project-details div b{border:1px solid var(--line);color:#b9c4cc;font:.44rem var(--font-code);padding:.3rem .4rem}.challenge-code{align-content:center;gap:.75rem;min-height:260px;margin-top:1rem;font-size:.65rem}.hint-box,.solution-box{color:#d7ca85;min-height:50px;font:.52rem var(--font-code);background:#f4d35e0f;border:1px solid #f4d35e4d;align-items:center;gap:.5rem;margin-top:.7rem;padding:.7rem;display:flex}.solution-box{color:var(--green);background:#69d98c0f;border-color:#69d98c4d}.gallery-stage{perspective:1000px;height:355px;position:relative}.gallery-stage button{left:calc(6% + (var(--i) * 18%));top:calc(16% + ((var(--i) % 2) * 25%));border:1px solid var(--line);width:145px;height:120px;color:var(--muted);text-align:left;transform:rotateY(calc((var(--i) - 2) * -5deg)) translateZ(calc(var(--i) * 8px));cursor:pointer;background:#0a0d12eb;align-content:end;gap:.25rem;padding:.6rem;display:grid;position:absolute}.gallery-stage button>span{grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:absolute;inset:8px 8px 48px}.gallery-stage button>span i{background:linear-gradient(135deg, var(--cyan), var(--violet));opacity:calc(.3 + var(--i) * .1)}.gallery-stage button b{color:var(--white);font:.52rem var(--font-code)}.gallery-stage button small{font:.4rem var(--font-code)}.gallery-stage button.selected{border-color:var(--cyan);transform:translateZ(60px)scale(1.08);box-shadow:0 15px 40px #0006}.classroom-stage{perspective:1000px;height:360px;position:relative;overflow:hidden}.classroom-stage:before{content:"";background-image:linear-gradient(#61d9fa12 1px,#0000 1px),linear-gradient(90deg,#61d9fa12 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:4%;transform:rotateX(65deg)}.classroom-stage button{left:calc(10% + (var(--i) % 4) * 23%);top:calc(14% + (var(--i) > 3 ? 45% : 0%));width:100px;height:95px;color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute}.desk-screen{border:1px solid var(--cyan);background:linear-gradient(135deg,#61d9fa1f,#080a0e);width:70px;height:48px;position:absolute;top:0;left:15px;transform:rotateX(-10deg)}.classroom-stage button>i{background:#303640;height:8px;position:absolute;top:53px;left:6px;right:6px;transform:rotateX(65deg)}.classroom-stage button b{font:.44rem var(--font-code);position:absolute;bottom:10px;left:0;right:0}.classroom-stage button small{z-index:2;color:var(--green);font:.4rem var(--font-code);position:absolute;top:4px;right:5px}.classroom-stage button.selected .desk-screen{border-color:var(--yellow);background:#f4d35e1f;box-shadow:0 0 22px #f4d35e2e}.student-inspector{grid-template-columns:repeat(4,1fr)}.billing-toggle{color:var(--white);cursor:pointer;font:.5rem var(--font-code);background:0 0;border:0;align-items:center;gap:.5rem;display:inline-flex}.billing-toggle i{background:#313943;border-radius:20px;width:28px;height:15px;position:relative}.billing-toggle i:after{content:"";background:var(--muted);border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:2px;left:2px}.billing-toggle i.annual:after{background:var(--green);left:15px}.plan-stack{perspective:1200px;justify-content:center;align-items:center;gap:.7rem;min-height:420px;display:flex}.plan-stack>button{border:1px solid var(--line);width:31%;min-height:345px;color:var(--muted);text-align:left;cursor:pointer;transform:rotateY(calc((var(--i) - 1) * -6deg)) translateZ(0);background:#0a0d12e0;align-content:start;gap:.7rem;padding:1rem;transition:all .25s;display:grid;position:relative}.plan-stack>button.selected{z-index:2;border-color:var(--cyan);transform:translateZ(45px)translateY(-8px);box-shadow:0 25px 50px #00000059}.plan-stack span{color:var(--cyan);font:.42rem var(--font-code);letter-spacing:.1em}.plan-stack h3{color:var(--white);font:650 1.1rem var(--font-display);margin:0}.plan-stack strong{color:var(--white);font:650 1.55rem var(--font-display)}.plan-stack ul{gap:.55rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.plan-stack li{font:.48rem var(--font-code);gap:.35rem;display:flex}.plan-stack li svg{width:12px;height:12px;color:var(--green)}.plan-stack>button>b{color:var(--cyan);font:.45rem var(--font-code);margin-top:auto}.pricing-note{color:var(--muted);font:.45rem var(--font-code);margin:0}.signup-lab{min-height:0}.form-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem;display:grid}.form-grid label{color:var(--muted);font:.5rem var(--font-code);gap:.4rem;display:grid}.form-grid input,.form-grid select{outline:none;width:100%}.form-grid input:focus,.form-grid select:focus{border-color:var(--cyan)}.form-message{font:.5rem/1.5 var(--font-code);border:1px solid;border-radius:.4rem;align-items:flex-start;gap:.5rem;margin-top:.8rem;padding:.7rem;display:flex}.form-message svg{flex:none;width:15px}.form-message.error{color:var(--red);background:#f05b660d}.form-message.success{color:var(--green);background:#69d98c0d}.submit-button{cursor:pointer;border:0;margin-top:1rem}.file-archive{max-height:470px;margin-top:.8rem;padding-right:.4rem;display:grid;overflow-y:auto}.file-archive>div{border-bottom:1px solid var(--line)}.file-archive button{color:#b2bdc5;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:100px 1fr 20px;align-items:center;gap:.8rem;width:100%;min-height:56px;display:grid}.file-archive button span{color:var(--cyan);font:.43rem var(--font-code)}.file-archive button b{font:560 .68rem var(--font-display)}.file-archive button svg{width:15px;transition:all .2s}.file-archive .open button svg{transform:rotate(180deg)}.file-archive p{color:var(--muted);margin:0 0 1rem 100px;font-size:.67rem;line-height:1.65}.final-cta{background:radial-gradient(circle at 25%,#61d9fa17,#0000 34%);grid-template-columns:1fr 1fr;width:100%;max-width:none;min-height:100vh;padding-inline:max(4rem,50vw - 590px)}.final-editor{background:#10151ec7;border:1px solid #61d9fa40;border-radius:.8rem;height:520px;transform:rotateY(5deg);box-shadow:-30px 35px 80px #00000073}.final-system{grid-template-columns:repeat(2,1fr);align-content:start;gap:.7rem;height:calc(100% - 40px);padding:1.5rem;display:grid;position:relative}.final-system>span{border:1px solid var(--line);color:var(--muted);font:.52rem var(--font-code);align-items:center;gap:.5rem;padding:.65rem;display:flex}.final-system>span svg{width:15px;color:var(--cyan)}.final-world{height:210px;transform-style:preserve-3d;border:1px solid #61d9fa33;position:absolute;bottom:13%;left:20%;right:20%;transform:rotateX(58deg)rotate(-25deg)}.final-world i{border:1px solid var(--cyan);background:#61d9fa1a;width:80px;height:70px;position:absolute;transform:translateZ(35px)}.final-world i:first-child{bottom:10%;left:10%}.final-world i:nth-child(2){border-color:var(--violet);top:10%;right:10%;transform:translateZ(75px)}.final-world i:nth-child(3){border-color:var(--yellow);top:18%;left:42%;transform:translateZ(110px)}.final-world b{color:var(--green);font:.55rem var(--font-code);position:absolute;top:44%;left:38%;transform:translateZ(140px)}.final-copy h2{font:680 clamp(3rem, 5vw, 5.5rem)/.9 var(--font-display);letter-spacing:-.065em;margin:0}.final-copy p{max-width:560px;color:var(--muted);line-height:1.7}.site-footer{z-index:3;border-top:1px solid var(--line);background:linear-gradient(#07090d4d,#07090d 40%);align-content:end;min-height:760px;padding:5rem max(3rem,50vw - 590px) 2rem;display:grid;position:relative;overflow:hidden}.footer-workspace{width:760px;height:330px;transform-style:preserve-3d;position:absolute;top:9%;left:50%;transform:translate(-50%)perspective(900px)rotateX(62deg)rotate(-10deg)}.desk-editor{border:1px solid var(--cyan);background:#0b0e13;width:380px;height:210px;padding:2rem;position:absolute;top:4%;left:4%;transform:translateZ(60px)}.desk-editor span{background:var(--cyan);opacity:.4;width:70%;height:5px;margin:1rem;display:block}.desk-editor span:nth-child(2){background:var(--violet);width:42%}.desk-editor span:nth-child(3){background:var(--yellow);width:80%}.desk-editor b{color:var(--green);font:.6rem var(--font-code);position:absolute;bottom:1rem;right:1rem}.desk-preview{border:1px solid var(--violet);background:#0e1118;width:280px;height:190px;position:absolute;top:0;right:5%;transform:translateZ(80px)}.desk-preview i{background:var(--violet);width:55px;height:55px;position:absolute;transform:rotate(35deg)}.desk-preview i:first-child{top:25%;left:20%}.desk-preview i:nth-child(2){background:var(--cyan);top:45%;left:55%}.desk-preview i:nth-child(3){background:var(--yellow);top:10%;left:65%}.keyboard{grid-template-columns:repeat(10,1fr);gap:3px;width:360px;display:grid;position:absolute;bottom:0;left:24%;transform:translateZ(20px)}.keyboard i{background:#11161d;border:1px solid #2a323c;height:21px}.notebook{color:#222;width:110px;height:80px;font:.55rem var(--font-code);background:#cabf83;padding:1rem;position:absolute;bottom:0;right:4%;transform:translateZ(15px)}.footer-main{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:1rem;padding-bottom:2rem;display:grid}.footer-main>p{font:650 clamp(1.7rem, 3vw, 3.2rem) var(--font-display);letter-spacing:-.04em;grid-column:1;margin:.8rem 0 0}.footer-links{grid-area:1/2/3;grid-template-columns:repeat(2,1fr);gap:.7rem 2rem;display:grid}.footer-links a{color:var(--muted);font-size:.68rem}.footer-links a:hover{color:var(--cyan)}.footer-bottom{color:#65707a;font:.46rem var(--font-code);grid-template-columns:1fr 1fr auto;gap:1rem;padding-top:1.2rem;display:grid}.footer-bottom>div{gap:1rem;display:flex}.footer-bottom a:hover{color:var(--white)}.custom-caret,.cursor-ring{z-index:900;pointer-events:none;will-change:transform;position:fixed;top:-50px;left:-50px}.custom-caret{background:var(--cyan);width:2px;height:17px;box-shadow:0 0 9px var(--cyan)}.custom-caret:after{content:attr(data-label);background:var(--cyan);color:var(--black);font:700 .43rem var(--font-code);opacity:0;padding:.2rem .35rem;transition:opacity .15s;position:absolute;top:-5px;left:7px}.custom-caret[data-label]:not([data-label=""]):after{opacity:1}.cursor-ring{border:1px solid #61d9fa61;border-radius:50%;width:31px;height:31px;margin:-7px 0 0 -15px}.reduced-motion{scroll-behavior:auto}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=1180px){.build-status{display:none}.module-section{grid-template-columns:minmax(240px,.7fr) minmax(440px,1.3fr);width:calc(100% - 4rem);padding-inline:1rem}.module-section.reverse{grid-template-columns:minmax(440px,1.3fr) minmax(240px,.7fr)}.hero{grid-template-columns:.9fr 1.1fr;width:100%;padding-inline:4rem}.header-nav{display:none}.site-header{grid-template-columns:1fr 1fr}.header-actions{grid-column:2}.gallery-stage button{width:125px}.plan-stack>button{padding:.75rem}}@media (width<=900px){.journey-nav,.custom-caret,.cursor-ring,.text-link{display:none}.module-section,.module-section.reverse,.hero,.final-cta{grid-template-columns:1fr;gap:2.5rem;width:100%;min-height:auto;padding:8rem 2rem 5rem;overflow:clip}.module-section.reverse .section-copy,.module-section.reverse .section-visual{order:initial}.hero{min-height:100svh;padding-top:8rem}.hero-editor{height:500px;transform:none}.section-copy h2{font-size:clamp(2.8rem,8vw,5.2rem)}.lab-card,.reverse .lab-card{transform:none}.playground-body{grid-template-columns:1fr;height:760px}.monaco-wrap{border-right:0;border-bottom:1px solid var(--line);height:390px}.safe-preview{height:370px}.playground-shell{min-height:870px}.final-editor{order:2}.final-copy{order:1}.global-controls{max-width:calc(100% - 1rem);left:50%;right:auto;transform:translate(-50%)}.control-caption{display:none}.footer-workspace{transform:translate(-50%)scale(.82)perspective(900px)rotateX(62deg)rotate(-10deg)}}@media (width<=620px){.site-header{width:calc(100% - 1rem);min-height:58px;padding-left:.7rem;top:.6rem}.site-header .button{display:none}.header-actions{gap:.4rem}.brand-lockup small{display:none}.module-section,.module-section.reverse,.hero,.final-cta{padding:6.5rem 1rem 4rem;overflow:clip}.module-section>*,.module-section.reverse>*{width:100%;min-width:0;max-width:100%}.lab-card,.playground-shell{width:100%;max-width:100%}.lab-top>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playground-tabs{width:100%;max-width:100%}.playground-tabs button{min-width:20%;padding-inline:.2rem;font-size:.45rem}.hero{min-height:auto;padding-top:7.5rem}.hero h1{font-size:clamp(4.1rem,20vw,6.3rem)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-editor{height:430px;min-height:430px}.hero-code{width:72%;font-size:.55rem}.hero-output{width:55%;bottom:12%;right:1%}.scroll-cue{display:none}.section-copy h2{font-size:clamp(2.55rem,13vw,4rem)}.section-copy>p{font-size:.84rem}.lab-card{min-height:500px;padding:.75rem}.lab-top{font-size:.48rem}.lab-controls button,.lab-controls>a{min-height:42px;font-size:.52rem}.playground-shell{min-height:850px}.playground-body{height:720px}.monaco-wrap{height:350px}.safe-preview{height:370px}.playground-toolbar{min-height:86px}.toolbar-notice{width:100%;margin-left:0}.editor-error{bottom:6.7rem}.dom-tree{width:100%}.inspector-card{width:100%;min-height:150px;position:relative;top:auto;right:auto}.dom-tree button{left:calc(var(--depth) * 9px);width:calc(100% - var(--depth) * 9px)}.range-grid{grid-template-columns:1fr}.box-model{min-height:280px;margin:-20px;transform:scale(.82)}.logic-flow{flex-wrap:wrap;min-height:340px}.logic-flow>div{width:42%}.logic-flow i{display:none}.metrics,.path-meta,.student-inspector,.test-summary{grid-template-columns:repeat(2,1fr)}.metrics span:nth-child(3),.path-meta span:nth-child(3),.student-inspector span:nth-child(3),.test-summary span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metrics span:nth-child(4),.path-meta span:nth-child(4),.student-inspector span:nth-child(4),.test-summary span:nth-child(4){border-top:1px solid var(--line)}.algorithm-bars{gap:.3rem}.algorithm-bars i{min-width:19px}.component-world button{min-width:72px;font-size:.43rem}.state-console{grid-template-columns:1fr}.state-console span+span{border-left:0;border-top:1px solid var(--line)}.network-map>div{left:calc(2% + (var(--i) % 2) * 50%);top:calc(3% + floor(var(--i) / 2) * 31%);width:46%}.network-map>div:nth-child(3),.network-map>div:nth-child(4){top:36%}.network-map>div:nth-child(5),.network-map>div:nth-child(6){top:69%}.network-map>div>i{width:25px}.schema-map{min-height:400px}.schema-map button{left:calc(2% + (var(--i) % 2) * 50%);width:46%;min-height:112px;top:auto}.schema-map button:first-child,.schema-map button:nth-child(2){top:2%}.schema-map button:nth-child(3),.schema-map button:nth-child(4){top:35%}.schema-map button:nth-child(5),.schema-map button:nth-child(6){top:68%}.git-stages{gap:.2rem}.git-stages>i{width:10px}.test-tubes{gap:.25rem}.test-tubes button{width:22px;height:125px}.pipeline{flex-wrap:wrap;min-height:350px}.pipeline>div{width:22%}.pipeline>div>b{display:none}.skill-road{grid-template-columns:repeat(3,1fr);min-height:350px;display:grid}.skill-road>div{width:auto;min-width:0}.skill-road em{display:none}.gallery-stage{height:470px}.gallery-stage button{left:calc(2% + (var(--i) % 2) * 50%);top:calc(3% + (var(--i) > 1 ? 31% : 0%) + (var(--i) > 3 ? 31% : 0%));width:46%;transform:none}.gallery-stage button.selected{transform:scale(1.04)}.classroom-stage{height:500px}.classroom-stage button{left:calc(5% + (var(--i) % 2) * 50%);top:calc(2% + (var(--i) > 1 ? 24% : 0%) + (var(--i) > 3 ? 24% : 0%) + (var(--i) > 5 ? 24% : 0%))}.plan-stack{grid-template-columns:1fr;display:grid}.plan-stack>button{width:100%;min-height:0;transform:none}.plan-stack>button.selected{transform:none}.form-grid{grid-template-columns:1fr}.file-archive button{grid-template-columns:74px 1fr 18px}.file-archive p{margin-left:74px}.final-editor{height:430px;transform:none}.final-world{left:12%;right:12%}.site-footer{min-height:680px;padding-inline:1rem}.footer-workspace{top:3%;transform:translate(-50%)scale(.52)perspective(900px)rotateX(62deg)rotate(-10deg)}.footer-main{grid-template-columns:1fr}.footer-links{grid-area:auto/1;margin-top:1rem}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div{flex-wrap:wrap}}@media (pointer:coarse){.custom-caret,.cursor-ring{display:none}}.site-footer{contain:paint;overflow:clip}@media (width<=620px){.footer-workspace{transform:translate(-50%)scale(.42)perspective(900px)rotateX(62deg)rotate(-10deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}