:root{--accent: 111 227 255;--ink: #05060a;--chalk: #e7e9f0;--haze: #8a90a6}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink)}body{color:var(--chalk);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}::selection{background:rgb(var(--accent) / .3);color:#fff}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:none}.webgl-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.content{position:relative;z-index:10}.hero,.panel,.outro{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:6rem clamp(1.5rem,6vw,8rem)}.outro{flex-direction:column;justify-content:center;text-align:center}.site-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,4vw,2.5rem)}.brand{display:flex;align-items:baseline;gap:.75rem}.brand__name{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.brand__sub{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--haze)}.lang{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.lang__sep{color:#ffffff40}.lang__btn{background:none;border:0;padding:.2rem;color:var(--haze);letter-spacing:.2em;text-transform:uppercase;transition:color .25s ease}.lang__btn:hover{color:var(--chalk)}.lang__btn.is-active{color:rgb(var(--accent))}.chapnav{position:fixed;top:50%;right:1rem;z-index:40;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.chapnav__item{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:none;border:0;padding:0}.chapnav__label{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.625rem;letter-spacing:.12em;color:var(--haze);opacity:0;transform:translate(.4rem);transition:opacity .3s ease,transform .3s ease,color .3s ease}.chapnav__item:hover .chapnav__label{opacity:1;transform:translate(0)}.chapnav__item.is-active .chapnav__label{opacity:1;transform:translate(0);color:rgb(var(--accent))}.chapnav__tick{width:1rem;height:1px;background:#ffffff4d;transition:width .3s ease,background .3s ease}.chapnav__item:hover .chapnav__tick{background:#ffffffb3}.chapnav__item.is-active .chapnav__tick{width:2rem;background:rgb(var(--accent))}.progress{position:fixed;inset:0 auto 0 0;z-index:30;width:2px;height:100%;background:#ffffff0d}.progress__fill{width:100%;height:100%;transform-origin:top;transform:scaleY(0);background:rgb(var(--accent))}.hero__inner{max-width:52rem;overflow:hidden;text-shadow:0 1px 22px rgba(0,0,0,.55)}.hero__kicker{margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:rgb(var(--accent))}.hero__title{font-weight:600;line-height:1.04;font-size:clamp(2.6rem,7vw,6.5rem);letter-spacing:-.02em}.hero__lead{margin-top:2rem;max-width:34rem;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;color:var(--haze)}.hero__hint{display:flex;align-items:center;gap:1rem;margin-top:3.5rem;color:var(--haze)}.hero__hint-label{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}.hero__hint-line{width:1px;height:2.5rem;background:linear-gradient(to bottom,rgb(var(--accent)),transparent);animation:pulse 1.8s ease-in-out infinite}.scrim{position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#05060ad1,#05060a73,#05060a00 52%)}.panel__inner{position:relative;max-width:33rem;text-shadow:0 1px 22px rgba(0,0,0,.55)}.panel__head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.panel__num{font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.3em;color:rgb(var(--panel-accent))}.panel__rule{width:3rem;height:1px;background:rgb(var(--panel-accent) / .6)}.panel__meta{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--haze)}.panel__title{font-weight:600;line-height:1.08;font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.015em}.panel__tagline{margin-top:1rem;font-size:clamp(1.1rem,1.6vw,1.35rem);color:rgb(var(--panel-accent))}.panel__body{margin-top:1.5rem;max-width:30rem;font-size:1rem;line-height:1.65;color:var(--haze)}.panel__points{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.panel__point{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:#e7e9f0d9}.panel__dot{flex:none;width:.4rem;height:.4rem;margin-top:.5rem;border-radius:9999px;background:rgb(var(--panel-accent))}.outro__inner{display:flex;flex-direction:column;align-items:center}.outro__kicker{margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:rgb(var(--accent))}.outro__title{max-width:46rem;font-weight:600;line-height:1.08;font-size:clamp(2rem,4.6vw,3.6rem)}.outro__lead{margin-top:1.5rem;max-width:32rem;font-size:1.05rem;line-height:1.6;color:var(--haze)}.outro__btn{margin-top:3rem;padding:1rem 2rem;background:none;border:1px solid rgb(255 255 255 / .2);color:var(--chalk);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.25em;text-indent:.25em;text-transform:uppercase;transition:color .25s ease,border-color .25s ease}.outro__btn:hover{color:rgb(var(--accent));border-color:rgb(var(--accent))}.labels{position:fixed;inset:0;z-index:12;pointer-events:none}.node-label{position:absolute;top:0;left:0;padding:.25rem .55rem;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--chalk);background:#05060a8c;border:1px solid rgb(255 255 255 / .08);border-radius:4px;backdrop-filter:blur(4px);will-change:transform,opacity;transition:color .3s ease,border-color .3s ease}.node-label.is-on{color:rgb(var(--accent));border-color:rgb(var(--accent) / .5)}.cursor-ring{position:fixed;top:0;left:0;border-radius:9999px;pointer-events:none;z-index:95;will-change:transform;mix-blend-mode:difference;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgb(255 255 255 / .7);transition:width .25s ease,height .25s ease,margin .25s ease}body.node-hover{cursor:pointer}.cursor-ring.is-hover,body.node-hover .cursor-ring{width:54px;height:54px;margin:-27px 0 0 -27px}.grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:80;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-3%,4%)}80%{transform:translate(4%,-3%)}to{transform:translate(0)}}@media (max-width: 980px){.chapnav{display:none}.hero,.panel{align-items:flex-end;padding-bottom:4rem}.hero__inner,.panel__inner{max-width:100%}.scrim{background:linear-gradient(0deg,#05060ae6,#05060a80 32%,#05060a00 66%)}}@media (prefers-reduced-motion: reduce){.grain,.hero__hint-line{animation:none}html.lenis.lenis-smooth{scroll-behavior:auto}}.word{transition:filter .5s ease,text-shadow .5s ease}.word.lit{filter:brightness(1.65);text-shadow:0 0 8px rgb(var(--accent) / .5)}.panel__detail{display:inline-block;margin-top:2rem;padding:.7rem 1.3rem;background:none;border:1px solid rgb(var(--panel-accent) / .4);color:rgb(var(--panel-accent));font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;transition:background .25s ease,border-color .25s ease}.panel__detail:hover{background:rgb(var(--panel-accent) / .12)}.site-header,.chapnav,.progress,.content,.labels{transition:opacity .4s ease}body.detail-open .site-header,body.detail-open .chapnav,body.detail-open .progress,body.detail-open .content,body.detail-open .labels{opacity:0;pointer-events:none}.detail{--detail-accent: 111 227 255;position:fixed;inset:0;z-index:85;visibility:hidden;opacity:0;overflow-y:auto;background:radial-gradient(120% 120% at 32% 28%,#0a0d14db,#040509ed);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.detail__inner{position:relative;z-index:1;min-height:100%;max-width:1320px;margin:0 auto;padding:clamp(4.5rem,12vh,8rem) clamp(1.5rem,5vw,4.5rem) 5rem;display:flex;flex-direction:column;font-family:JetBrains Mono,monospace}.detail__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.detail__back{background:none;border:0;padding:0;color:var(--haze);font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.1em;transition:color .25s ease}.detail__back:hover{color:rgb(var(--detail-accent))}.detail__chapter{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--haze)}.detail__heading{margin-bottom:.75rem;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:500;letter-spacing:.08em;color:var(--haze)}.detail__tagline{margin-bottom:2rem;font-size:clamp(1.1rem,1.9vw,1.5rem);color:rgb(var(--detail-accent))}.detail__summary{display:flex;flex-direction:column;gap:1.25rem}.detail__para{max-width:38rem;font-size:clamp(.95rem,1.15vw,1.05rem);line-height:1.75;color:#e7e9f0eb}.detail__block{margin-top:3rem}.detail__label{margin-bottom:1rem;font-size:.78rem;letter-spacing:.12em;color:var(--haze)}.detail__concepts{display:flex;flex-direction:column;gap:.25rem}.detail__concept{display:flex;gap:.75rem;width:100%;align-items:flex-start;padding:.4rem .5rem;background:none;border:0;border-radius:4px;text-align:left;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.5;color:#e7e9f0d9;transition:background .2s ease,color .2s ease}.detail__concept:hover{background:rgb(var(--detail-accent) / .08);color:var(--chalk)}.detail__concept.is-active{background:rgb(var(--detail-accent) / .14);color:rgb(var(--detail-accent))}.detail__arrow{color:rgb(var(--detail-accent))}.detail__point{display:flex;gap:.75rem;align-items:flex-start;padding:.4rem .5rem;font-size:.95rem;line-height:1.5;color:#e7e9f0d9}.detail__related{display:flex;flex-wrap:wrap;gap:.75rem}.detail__chip{padding:.5rem 1rem;background:none;border:1px solid rgb(var(--detail-accent) / .35);border-radius:2px;color:rgb(var(--detail-accent));font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.04em;transition:background .25s ease}.detail__chip:hover{background:rgb(var(--detail-accent) / .12)}.detail__stage{flex:1;display:flex;align-items:center}.detail__cols{display:flex;width:100%;gap:clamp(2rem,4vw,4rem);align-items:center;justify-content:space-between}.detail__main{flex:1 1 0;min-width:0;max-width:560px}.detail__aside{flex:1 1 0;min-width:0;width:clamp(420px,50vw,720px)}.detail__mini{position:relative;margin-top:1rem}.detail__mini-canvas{display:block;width:100%;height:clamp(440px,66vh,720px)}.mini-labels{position:absolute;inset:0;pointer-events:none}.mini-label{position:absolute;top:0;left:0;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.08em;white-space:nowrap;color:var(--haze);will-change:transform,opacity}.mini-label.is-on{color:rgb(var(--detail-accent))}.detail__shards{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:.55;pointer-events:none}.detail__shard{position:absolute;will-change:transform,opacity;background:linear-gradient(135deg,rgb(var(--detail-accent) / .07),#ffffff04)}@media (max-width: 900px){.detail__stage{display:block}.detail__cols{flex-direction:column;align-items:stretch}.detail__aside{flex:none;width:100%;max-width:440px}}.terminal-open{overflow:hidden}.term{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(.75rem,3vw,2.5rem);background:radial-gradient(ellipse at 50% 40%,#0a0e16,#04060a 70%,#020306);font-family:JetBrains Mono,monospace}.term__win{position:relative;width:80vw;height:min(86vh,760px);display:flex;flex-direction:column;border:1px solid rgb(var(--accent) / .28);border-radius:10px;background:#080b12eb;box-shadow:0 30px 90px #0009;overflow:hidden}.term__win:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,rgb(var(--accent) / .2),transparent 70%);filter:blur(28px);z-index:-1;animation:termGlow 4s ease-in-out infinite}@keyframes termGlow{0%,to{opacity:.55}50%{opacity:.9}}.term__bar{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .06)}.term__lights{display:flex;gap:.5rem}.term__light{display:block;width:11px;height:11px;border-radius:9999px}.term__light.is-red{background:#ff5f57}.term__light.is-amber{background:#febc2e}.term__light.is-green{background:#28c840}.term__title{flex:1;text-align:center;font-size:.78rem;letter-spacing:.04em;color:var(--haze)}.term__lang{background:none;border:0;color:var(--haze);font:inherit;font-size:.72rem;letter-spacing:.12em;cursor:pointer}.term__lang:hover{color:rgb(var(--accent))}.term__tabs{display:flex;gap:.25rem;padding:0 .6rem;border-bottom:1px solid rgb(255 255 255 / .06);overflow-x:auto}.term__tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--haze);font:inherit;font-size:.74rem;padding:.6rem .7rem;white-space:nowrap;cursor:pointer;opacity:.6;transition:opacity .2s,color .2s,border-color .2s;animation:termTabFlicker 4.5s ease-in-out infinite}.term__tab:hover{opacity:1;color:rgb(var(--accent));border-bottom-color:rgb(var(--accent) / .6)}.term__tabs.has-active .term__tab{animation:none}.term__tab.is-active{opacity:1;color:rgb(var(--accent));background:rgb(var(--accent) / .08);border-bottom-color:rgb(var(--accent))}@keyframes termTabFlicker{0%,to{color:var(--haze);opacity:.5;text-shadow:none}50%{color:#fff;opacity:1;text-shadow:0 0 6px rgb(var(--accent) / .5),0 0 14px rgb(var(--accent) / .3)}}.term__tabicon{margin-right:.4rem;opacity:.8}.term__body{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;padding:1.1rem 1.2rem;font-size:.86rem;line-height:1.6;color:var(--haze)}.term__out{flex:1 1 auto;min-height:0;overflow:auto;white-space:pre-wrap}.term__input{display:block;width:min(28rem,100%);margin-top:.5rem;padding:.2rem 0;background:none;border:0;border-bottom:1px solid rgb(var(--accent) / .5);outline:0;color:#e8eef7;font:inherit;caret-color:rgb(var(--accent))}.term__scene{position:relative;margin-top:.9rem;height:210px;background:transparent}.term__scene canvas{display:block;background:transparent}.term__status{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;border-top:1px solid rgb(255 255 255 / .06);font-size:.68rem;letter-spacing:.06em;color:#fff6}.term__statusright{display:flex;gap:1rem}.term__line{white-space:pre-wrap}.tok-host{color:#98c379}.tok-path,.tok-prompt{color:#61afef}.tok-cmd{color:#e6edf3}.tok-comment{color:#7f8c98}.tok-bullet{color:#56b6c2}.tok-error{color:#e06c75}.term__outlabel{margin:.1rem 0 .05rem;padding-left:.2rem;font-size:.76rem}.tok-label-dot{color:rgb(var(--accent) / .75)}.tok-label{color:#6b7686;letter-spacing:.05em}.term__diagram{margin:.5rem 0 .25rem;overflow-x:auto}.term__dline{white-space:pre;font-size:.82rem;line-height:1.5}.tok-node{color:rgb(var(--accent))}.tok-tree{color:#4b5468}.term__caret{display:inline-block;width:.5em;height:1.05em;vertical-align:text-bottom;background:rgb(var(--accent));animation:termBlink 1.05s step-end infinite}@keyframes termBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.term__win:before{animation:none}.term__caret,.term__tab{animation:none}}@media (max-width: 600px){.term{padding:0}.term__win{width:100vw;height:100vh;border:0;border-radius:0}.term__body{font-size:.8rem}.term__title{display:none}}@media (max-height: 560px){.term__scene{display:none}}