:root{color-scheme:dark;--bg: #04060b;--bg-soft: #070a12;--panel: rgba(255, 255, 255, .028);--panel-strong: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #eaf1fb;--text-dim: #a4b1c6;--text-faint: #6b7891;--aqua: #22d3ee;--violet: #8b5cf6;--glow-aqua: rgba(34, 211, 238, .5);--glow-violet: rgba(139, 92, 246, .45);--radius: 18px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.35) transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,select,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;-moz-user-select:text;user-select:text}body{margin:0;min-height:100vh;background:transparent;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default}.site-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 620px at 78% -8%,rgba(139,92,246,.16),transparent 62%),radial-gradient(760px 560px at 8% 8%,rgba(34,211,238,.13),transparent 60%),radial-gradient(1100px 700px at 50% 108%,rgba(59,130,246,.1),transparent 66%),linear-gradient(180deg,#04060b 0%,#060911 55%,#04060b 100%)}.site-backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 32%,black 12%,transparent 76%);-webkit-mask-image:radial-gradient(circle at 50% 32%,black 12%,transparent 76%)}canvas.webgl-layer{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease)}canvas.webgl-layer.is-ready{opacity:1}a,button,summary,label[for],[role=button],[role=tab],[role=option]{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:default}input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),textarea{cursor:text}::-moz-selection{background:rgba(34,211,238,.28);color:#fff}::selection{background:rgba(34,211,238,.28);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--aqua),var(--violet));border-radius:99px}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:6px}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.022em;color:var(--text)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.grad-text{background:linear-gradient(100deg,#7ef2ea 0%,#22d3ee 38%,#a78bfa 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.shell{width:100%;max-width:1180px;margin-inline:auto;padding-inline:1.25rem}@media (min-width: 768px){.shell{padding-inline:2rem}}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.panel{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.014)),rgba(6,9,16,.66);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 24px 70px -34px #000000f2}.panel-quiet{background:linear-gradient(rgba(255,255,255,.022),rgba(255,255,255,.022)),rgba(6,9,16,.5);border:1px solid var(--line);border-radius:var(--radius)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),rgba(139,92,246,.45),transparent);opacity:.55;pointer-events:none}.spotlight:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 0%),rgba(34,211,238,.14),transparent 62%);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}.spotlight:hover:after,.spotlight:focus-within:after{opacity:1}.tilt-scene{perspective:1000px}.tilt{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .5s var(--ease),border-color .4s var(--ease),box-shadow .5s var(--ease);will-change:transform}.tilt.is-tilting{transition:border-color .4s var(--ease),box-shadow .5s var(--ease)}.tilt:hover{border-color:var(--line-strong);box-shadow:0 30px 80px -36px #22d3ee52,0 0 0 1px #22d3ee1f}.tilt-lift{transform:translateZ(38px);transform-style:preserve-3d}html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:var(--reveal-delay, 0ms)}html.js .reveal.is-visible{opacity:1;transform:none}.hl{padding:.08em .28em;border-radius:.35em;color:#fff;font-weight:600;background-image:linear-gradient(100deg,rgba(34,211,238,.4),rgba(139,92,246,.4));background-repeat:no-repeat;background-size:0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:hl-sweep 1.1s var(--ease) .5s forwards}@keyframes hl-sweep{to{background-size:100% 100%}}@media (max-width: 640px){.hl{padding:0 .1em;background-position:0 100%;background-size:0% 38%;animation-name:hl-sweep-band}@keyframes hl-sweep-band{to{background-size:100% 38%}}}[data-filter-root] .hud-btn{border:1px solid var(--line);background:rgba(255,255,255,.022)}[data-filter-root] .hud-btn:hover{border-color:var(--line-strong)}[data-filter-root] .hud-btn[data-active=true]{border-color:transparent}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(34,211,238,.28);background:rgba(34,211,238,.07);color:#9fe9f5;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.06em;white-space:nowrap}.btn{--btn-accent: var(--aqua);position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:12px;border:1px solid var(--line-strong);background:rgba(255,255,255,.035);color:var(--text);font-size:.86rem;font-weight:500;text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--btn-accent) 55%,transparent);background:color-mix(in srgb,var(--btn-accent) 12%,transparent);box-shadow:0 14px 34px -18px color-mix(in srgb,var(--btn-accent) 70%,transparent)}.btn-violet{--btn-accent: var(--violet)}.btn-solid{border-color:transparent;background:linear-gradient(100deg,rgba(34,211,238,.9),rgba(139,92,246,.9));color:#04060b;font-weight:600}.btn-solid:hover{background:linear-gradient(100deg,rgba(126,242,234,1),rgba(167,139,250,1))}.link-ul{position:relative;color:var(--text);text-decoration:none}.link-ul:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:linear-gradient(90deg,var(--aqua),var(--violet));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.link-ul:hover:after{transform:scaleX(1)}.scroll-rail{position:fixed;top:0;left:0;height:2px;width:100%;z-index:90;background:transparent;pointer-events:none}.scroll-rail span{display:block;height:100%;width:var(--scroll-progress, 0%);background:linear-gradient(90deg,var(--aqua),var(--violet),#7ef2ea);box-shadow:0 0 12px #22d3ee99}.prose-panel{font-size:1rem;line-height:1.75;color:var(--text-dim)}.prose-panel h1,.prose-panel h2,.prose-panel h3,.prose-panel h4{margin-top:2rem;margin-bottom:.75rem;line-height:1.25}.prose-panel h2{padding-bottom:.4rem;border-bottom:1px solid var(--line)}.prose-panel p,.prose-panel li{color:var(--text-dim)}.prose-panel strong{color:#fff;font-weight:600}.prose-panel ul,.prose-panel ol{margin:0 0 1.5rem 1.25rem;padding-left:.5rem}.prose-panel li{margin-bottom:.4rem}.prose-panel li::marker{color:var(--aqua)}.prose-panel a{color:#9fe9f5}.prose-panel img{max-width:100%;height:auto}.prose-panel code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em}.prose-panel pre{overflow-x:auto;padding:1rem;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.45)}.prose-panel blockquote{color:var(--text-dim);font-style:italic}.prose-panel hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.prose-panel table{width:100%;border-collapse:collapse;font-size:.9rem}.prose-panel th,.prose-panel td{border:1px solid var(--line);padding:.5rem .7rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.js .reveal{opacity:1;transform:none}.hl{background-size:100% 100%}}.nav-shell{position:sticky;top:0;z-index:60;transition:background .4s var(--ease),border-color .4s var(--ease),-webkit-backdrop-filter .4s var(--ease);transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease);transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease),-webkit-backdrop-filter .4s var(--ease);border-bottom:1px solid transparent}.nav-shell[data-open=true],.nav-shell[data-stuck=true]{background:rgba(4,6,11,.72);border-bottom-color:var(--line);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.nav-link{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:10px;color:var(--text-dim);font-size:.88rem;text-decoration:none;transition:color .3s var(--ease),background .3s var(--ease)}.nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-link[aria-current=page]{color:#fff;background:rgba(34,211,238,.1);box-shadow:inset 0 0 0 1px #22d3ee38}.nav-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s var(--ease),opacity .3s var(--ease)}.nav-panel[data-open=true]{max-height:24rem;opacity:1}.nav-burger{display:inline-flex;flex-direction:column;gap:4px;padding:.6rem;border-radius:10px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04)}.nav-burger span{display:block;width:18px;height:1.5px;background:var(--text);transition:transform .35s var(--ease),opacity .25s var(--ease)}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.palette{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:clamp(2rem,10dvh,8rem) 1rem max(1rem,env(safe-area-inset-bottom));background:rgba(2,4,8,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.palette[data-open=true]{display:flex}.palette-box{width:min(38rem,100%);max-height:70dvh;display:flex;flex-direction:column;overflow:hidden;background:rgba(8,11,19,.96);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 40px 100px -30px #000}.palette-box input{width:100%;padding:1rem 1.15rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-family:inherit;font-size:.98rem;outline:none}.palette-box input::-moz-placeholder{color:var(--text-faint)}.palette-box input::placeholder{color:var(--text-faint)}.palette-list{overflow-y:auto;padding:.4rem}.palette-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .85rem;border-radius:10px;color:var(--text-dim);text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)}.palette-row:hover,.palette-row[data-active=true]{background:rgba(34,211,238,.1);color:#fff}.palette-row-tag{flex-shrink:0;font-size:.62rem;color:var(--text-faint)}.kbd{display:inline-flex;align-items:center;padding:.1rem .4rem;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;background:rgba(255,255,255,.05);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;color:var(--text-dim)}.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:center;padding-block:clamp(2.5rem,7vw,5rem)}.hero-copy{position:relative;z-index:1}.hero-veil{position:absolute;inset:-14% -22% -14% -40%;z-index:-1;pointer-events:none;background:radial-gradient(58% 54% at 32% 52%,rgba(4,6,11,.86) 0%,rgba(4,6,11,.66) 44%,rgba(4,6,11,.3) 68%,transparent 84%)}.hero-title{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:700;line-height:1.03;letter-spacing:-.035em}.caret{display:inline-block;width:3px;height:.95em;margin-left:.12em;vertical-align:-.08em;background:linear-gradient(180deg,var(--aqua),var(--violet));animation:caret-blink 1.05s steps(2,start) infinite}.caret[data-done=true]{animation-duration:1.6s;opacity:.7}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}[data-field-ui]{display:none}html.field-interactive [data-field-ui]{display:block}.hud{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-btn{padding:.36rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--text-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.hud-btn:hover{color:var(--text)}.hud-btn[data-active=true]{color:#04060b;background:linear-gradient(100deg,var(--aqua),var(--violet));box-shadow:0 6px 20px -8px #22d3eecc}.stat{padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}.stat b{display:block;font-size:1.6rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none}.card-media{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(34,211,238,.09),transparent 65%),rgba(0,0,0,.35);border-bottom:1px solid var(--line)}.card-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:.9rem;transition:transform .7s var(--ease),filter .7s var(--ease)}.card:hover .card-media img{transform:scale(1.045);filter:saturate(1.15)}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.7rem;padding:1.1rem 1.15rem 1.25rem}.card-title{font-size:1.02rem;font-weight:600;line-height:1.35;color:var(--text)}.card-desc{font-size:.88rem;line-height:1.6;color:var(--text-dim)}.card-index{position:absolute;top:.6rem;right:.6rem;z-index:2;padding:.15rem .4rem;border-radius:6px;background:rgba(4,6,11,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.14em;color:#ffffff9e}.grid-auto{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.rail{position:relative;padding-left:2.1rem}.rail:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.5),rgba(139,92,246,.4),transparent)}.rail-node:before{content:"";position:absolute;left:-2.1rem;top:1.65rem;width:15px;height:15px;border-radius:50%;border:1px solid rgba(34,211,238,.45);background:#04060b;box-shadow:0 0 0 4px #04060b,0 0 16px #22d3ee73}.rail-node[data-live=true]:after{content:"";position:absolute;left:calc(-2.1rem + 4px);top:calc(1.65rem + 4px);width:7px;height:7px;border-radius:50%;background:var(--aqua);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #22d3ee8c}50%{opacity:.55;box-shadow:0 0 0 7px #22d3ee00}}.heading{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700;letter-spacing:-.03em}.rule{height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}@media (max-width: 1023px){.hero-veil{inset:-12% -1rem}}body{overflow-x:clip}