:root{--ink: #e8edf2;--ink-dim: #9aa7b4;--ink-faint: #61707e;--paper: #0b0f14;--paper-1: #10161d;--paper-2: #161f28;--edge: #22303c;--accent: #7cf0a3;--accent-2: #8ecaff;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Inter", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}main{width:min(64rem,100% - 2.5rem);margin-inline:auto;padding-block:clamp(2rem,7vw,5rem);display:flex;flex-direction:column;gap:clamp(2.5rem,7vw,5rem)}.topline{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.source{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none;white-space:nowrap;transition:color .18s ease}.source:hover{color:var(--accent)}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem}.eyebrow:before{content:"// ";color:var(--accent)}h1{font-family:var(--sans);font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 .7rem}.lede{font-family:var(--sans);font-size:clamp(1rem,1.3vw,1.14rem);color:var(--ink-dim);max-width:62ch;margin:0 0 1.8rem}.wild{font-family:var(--sans);font-size:.95rem;color:var(--ink-dim);max-width:62ch;margin:0 0 1.8rem;padding:.7rem .95rem;border:1px solid var(--edge);border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--paper-1) 70%,transparent)}.wild b{font-family:var(--mono);font-size:.9em;font-weight:500;color:var(--ink)}a{color:var(--accent-2);text-decoration-color:color-mix(in srgb,var(--accent-2) 45%,transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}h2{font-family:var(--sans);font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700;letter-spacing:-.01em;margin:0 0 .8rem}h3{font-family:var(--mono);font-size:.82rem;font-weight:500;color:var(--ink-dim);letter-spacing:.05em;margin:1.5rem 0 .5rem}.prose{font-family:var(--sans);color:var(--ink-dim);max-width:64ch;margin:0 0 .9rem}.prose.small{font-size:.88rem;margin-top:1rem}.prose em{color:var(--accent-2);font-style:italic}code{font-family:var(--mono);font-size:.9em;color:#f7c873}.panel{max-width:44rem;background:color-mix(in srgb,var(--paper-1) 88%,transparent);border:1px solid var(--edge);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;border-bottom:1px solid var(--edge);background:color-mix(in srgb,var(--paper-2) 70%,transparent);font-size:.8rem;color:var(--ink-dim)}.state{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.state.on{color:var(--accent)}.panel-body{padding:.9rem}.row{display:flex;flex-wrap:wrap;gap:.4rem}button{font-family:var(--mono);font-size:.78rem;color:var(--ink-dim);background:transparent;border:1px solid var(--edge);border-radius:6px;padding:.4rem .75rem;cursor:pointer;transition:border-color .18s ease,color .18s ease}button:hover:not(:disabled){color:var(--ink);border-color:var(--accent)}button.go{color:var(--accent);border-color:var(--accent)}button:disabled{opacity:.38;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gain{display:grid;gap:.3rem;margin:.9rem 0 .7rem;max-width:22rem;font-size:.72rem;letter-spacing:.05em;color:var(--ink-faint)}.gain b{color:var(--ink-dim);font-weight:400}.gain input{width:100%;accent-color:var(--accent)}.live{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}#preview{width:128px;height:auto;transform:scaleX(-1);border:1px solid var(--edge);border-radius:6px;background:var(--paper)}.readout{font-size:.74rem;color:var(--ink-faint);margin:0}.readout b{font-weight:400;color:var(--ink-dim)}.problem{font-size:.76rem;color:#ff8a8a;margin:.7rem 0 0;max-width:56ch}.skull{--sk-d: 1;margin:0;max-width:40rem}.skull-frame{display:grid;place-items:center;height:300px;padding:1rem;border:1px dashed var(--edge);border-radius:10px;background:radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),color-mix(in srgb,var(--paper-1) 60%,transparent);overflow:hidden}.skull-warp{--sk-a: calc(var(--sk-d) * -58deg);transform:translateY(calc(var(--sk-d) * 7%)) rotate(calc(var(--sk-d) * -20deg)) scale(calc((1 + var(--sk-d) * 2) / cos(var(--sk-a))),calc(1 - var(--sk-d) * .7)) perspective(260px) rotateY(var(--sk-a)) rotate(calc(var(--sk-d) * 90deg));transform-origin:50% 50%;opacity:calc(.34 + (1 - min(var(--sk-d),1))*.66);will-change:transform}.skull-warp svg{display:block;width:150px;height:auto;color:var(--ink-dim);transition:color .2s ease}.skull.is-resolved .skull-warp svg{color:var(--accent)}.sk-bone{fill:color-mix(in srgb,var(--paper-2) 80%,transparent);stroke:currentColor;stroke-width:3;stroke-linejoin:round}.sk-hollow{fill:var(--paper);stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.sk-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.75}.skull figcaption{display:flex;align-items:center;gap:.8rem;margin-top:.7rem;font-size:.74rem;color:var(--ink-faint)}.skull-bar{flex:none;width:88px;height:3px;border-radius:2px;background:var(--edge);overflow:hidden}.skull-bar i{display:block;width:0%;height:100%;background:var(--accent);transition:width 90ms linear}.skull.is-resolved .skull-hint{color:var(--accent)}.ladder{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px dashed var(--edge);border-radius:10px;max-width:36rem}.plate{display:flex;align-items:baseline;gap:.7rem;padding:.6rem .9rem;background:color-mix(in srgb,var(--paper-2) 92%,transparent);border:1px solid var(--edge);border-radius:6px;font-size:.82rem}.plate code{color:var(--accent);font-weight:600}.plate .z{color:var(--ink-faint);font-size:.75rem}.plate .note{color:var(--ink-dim);font-size:.75rem;margin-left:auto}.two{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;align-items:start}@media(max-width:860px){.two{grid-template-columns:1fr}}.code{margin:0;padding:.9rem 1rem;background:var(--paper-1);border:1px solid var(--edge);border-radius:8px;font-family:var(--mono);font-size:.78rem;line-height:1.6;color:var(--ink-dim);overflow-x:auto;white-space:pre}.t-com{color:#566472}.t-str{color:#f7c873}.t-key{color:#c3a6ff}.t-num{color:#f2a97e}.t-fn,.t-tag,.t-sel{color:var(--accent)}.t-prop,.t-attr{color:var(--accent-2)}.t-op,.t-punc{color:#78889a}.facts{display:grid;gap:.6rem;margin:0;padding:0;list-style:none;max-width:64ch;font-family:var(--sans);color:var(--ink-dim)}.facts b{color:var(--ink);font-weight:600}.plug{display:flex;align-items:flex-start;gap:1.25rem;font-family:var(--sans);color:var(--ink-dim);max-width:44rem;padding:1.25rem 1.4rem;border:1px solid var(--edge);border-radius:10px;background:color-mix(in srgb,var(--paper-1) 88%,transparent)}.plug-mark{flex:none;width:88px;height:auto;border-radius:8px}.plug p{margin:0;max-width:54ch}.plug p.plug-lead{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.35rem}.plug p.plug-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:.55rem}.plug p.plug-cta{margin-top:.9rem}.plug-cta a{display:inline-block;font-family:var(--mono);font-size:.8rem;color:var(--accent);text-decoration:none;border:1px solid var(--accent);border-radius:6px;padding:.45rem .85rem;transition:background-color .18s ease,color .18s ease}.plug-cta a:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink)}@media(max-width:560px){.plug{flex-direction:column;gap:.9rem}.plug-mark{width:64px}}.foot{display:flex;gap:.6rem;font-size:.76rem;color:var(--ink-faint);border-top:1px solid var(--edge);padding-top:1.2rem}.sep{opacity:.5}:root{--ana-wall-near: var(--paper);--ana-wall-far: var(--paper-2);--ana-wall-back: #1e2b36;--ana-line: color-mix(in srgb, var(--accent) 42%, transparent);--ana-dust: var(--ink);--ana-glow: color-mix(in srgb, var(--accent) 16%, transparent)}:root{--ana-mix: 0;--ana-persp: 2200px;--ana-ox: 50%;--ana-oy: 50%;--ana-cz: 0px;--ana-sx: 50%;--ana-sy: 34%;--ana-scroll: 0px;--ana-room: clamp(680px, 92vmin, 1400px);--ana-cell: 64px;--ana-wall-near: #0a0e12;--ana-wall-far: #141b23;--ana-wall-back: #1a232d;--ana-line: rgba(124, 240, 163, .42);--ana-dust: #e6edf3;--ana-glow: rgba(124, 240, 163, .16);--ana-bezel: rgba(0, 0, 0, .3);--ana-bezel-edge: rgba(230, 237, 243, .09);--ana-sheen: rgba(255, 255, 255, .05);--ana-ribbon: clamp(112px, 12vw, 176px);--ana-far-x: 0px;--ana-far-y: 0px;--ana-far-s: 1;--ana-deep-x: 0px;--ana-deep-y: 0px;--ana-deep-s: 1;--ana-mid-x: 0px;--ana-mid-y: 0px;--ana-mid-s: 1;--ana-fore-x: 0px;--ana-fore-y: 0px;--ana-fore-s: 1;--ana-near-x: 0px;--ana-near-y: 0px;--ana-near-s: 1;--ana-t-far: translate3d(var(--ana-far-x), var(--ana-far-y), 0) scale(var(--ana-far-s));--ana-t-deep: translate3d(var(--ana-deep-x), var(--ana-deep-y), 0) scale(var(--ana-deep-s));--ana-t-mid: translate3d(var(--ana-mid-x), var(--ana-mid-y), 0) scale(var(--ana-mid-s));--ana-t-fore: translate3d(var(--ana-fore-x), var(--ana-fore-y), 0) scale(var(--ana-fore-s));--ana-t-near: translate3d(var(--ana-near-x), var(--ana-near-y), 0) scale(var(--ana-near-s))}[data-ana=on] [data-ana-plane]{position:relative;will-change:transform}[data-ana=on] [data-ana-plane=far]{transform:var(--ana-t-far);z-index:1}[data-ana=on] [data-ana-plane=deep]{transform:var(--ana-t-deep);z-index:2}[data-ana=on] [data-ana-plane=mid]{transform:var(--ana-t-mid);z-index:3}[data-ana=on] [data-ana-plane=fore]{transform:var(--ana-t-fore);z-index:4}[data-ana=on] [data-ana-plane=near]{transform:var(--ana-t-near);z-index:5}[data-ana=on] [data-ana-page]{position:relative;z-index:1}.ana-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ana-wall-near);opacity:var(--ana-mix);perspective:var(--ana-persp);perspective-origin:var(--ana-ox) var(--ana-oy)}.ana-chamber{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateZ(var(--ana-cz));will-change:transform}.ana-wall{position:absolute;background:var(--ana-wall-near)}.ana-back{top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--ana-room) * -1));background:radial-gradient(120% 90% at 50% 45%,var(--ana-wall-back) 0%,var(--ana-wall-far) 42%,var(--ana-wall-near) 100%)}.ana-left{top:0;bottom:0;left:0;width:var(--ana-room);transform-origin:left center;transform:rotateY(90deg);background:linear-gradient(to right,var(--ana-wall-near) 0%,var(--ana-wall-far) 100%)}.ana-right{top:0;bottom:0;right:0;width:var(--ana-room);transform-origin:right center;transform:rotateY(-90deg);background:linear-gradient(to left,var(--ana-wall-near) 0%,var(--ana-wall-far) 100%)}.ana-top{left:0;right:0;top:0;height:var(--ana-room);transform-origin:center top;transform:rotateX(-90deg);background:linear-gradient(to bottom,var(--ana-wall-near) 0%,var(--ana-wall-far) 100%)}.ana-bottom{left:0;right:0;bottom:0;height:var(--ana-room);transform-origin:center bottom;transform:rotateX(90deg);background:linear-gradient(to top,var(--ana-wall-near) 0%,var(--ana-wall-far) 100%)}.ana-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--ana-line) 1px,transparent 1px),linear-gradient(to bottom,var(--ana-line) 1px,transparent 1px);background-size:var(--ana-cell) var(--ana-cell)}.ana-back .ana-grid,.ana-left .ana-grid{background-position:0 calc(var(--ana-scroll) * -.07)}.ana-right .ana-grid{background-position:right calc(var(--ana-scroll) * -.07)}.ana-top .ana-grid{background-position:0 0}.ana-bottom .ana-grid{background-position:0 bottom}.ana-back .ana-grid{opacity:.5;-webkit-mask-image:radial-gradient(80% 72% at 50% 50%,#000 28%,transparent 90%);mask-image:radial-gradient(80% 72% at 50% 50%,#000 28%,transparent 90%)}.ana-left .ana-grid{opacity:.42;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%);mask-image:linear-gradient(to right,transparent 0%,#000 38%)}.ana-right .ana-grid{opacity:.42;-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 38%);mask-image:linear-gradient(to left,transparent 0%,#000 38%)}.ana-top .ana-grid{opacity:.34;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 38%);mask-image:linear-gradient(to bottom,transparent 0%,#000 38%)}.ana-bottom .ana-grid{opacity:.38;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 38%);mask-image:linear-gradient(to top,transparent 0%,#000 38%)}.ana-cast{position:absolute;left:50%;top:52%;width:52vmin;height:34vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--ana-glow),transparent 72%);filter:blur(22px)}.ana-motes{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.ana-motes b{position:absolute;border-radius:50%;background:var(--ana-dust);opacity:.12;animation:ana-drift 18s ease-in-out infinite}@keyframes ana-drift{0%,to{opacity:.08}50%{opacity:.42}}.ana-glass{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none;opacity:var(--ana-mix)}.ana-bezel{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px var(--ana-bezel-edge),inset 0 0 90px 24px var(--ana-bezel),inset 0 0 220px 70px var(--ana-bezel)}.ana-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 44% at var(--ana-sx) var(--ana-sy),var(--ana-sheen),transparent 72%)}@media(prefers-reduced-motion:reduce){.ana-motes b{animation:none;opacity:.16}}