:root{--bg: #0a0a0a;--bg-elevated: #101011;--bg-card: #0e0e0f;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ededed;--text-2: #b4b4b6;--text-3: #76767b;--text-4: #5c5c61;--accent: oklch(.78 .11 64);--accent-soft: oklch(.78 .11 64 / .14);--live: oklch(.8 .15 150);--max: 1080px;--ease: cubic-bezier(.22, .61, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Geist,system-ui,-apple-system,sans-serif;font-feature-settings:"cv01","cv03","ss01";line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:auto}::selection{background:var(--accent-soft);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-grid{background-image:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 75%)}.bg-noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.cursor-glow{position:fixed;top:0;left:0;width:480px;height:480px;margin:-240px 0 0 -240px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,oklch(.85 .08 70 / .06) 0%,transparent 60%);opacity:0;transition:opacity .6s var(--ease);will-change:transform}.blog-mev .cursor-glow{width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,oklch(.8 .12 150 / .07) 0%,oklch(.72 .08 270 / .05) 38%,transparent 62%)}.blog-auth .cursor-glow{width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,oklch(.68 .12 250 / .07) 0%,oklch(.72 .1 220 / .05) 38%,transparent 62%)}.starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s var(--ease)}.starfield.on{opacity:1}.site-nav{position:fixed;top:0;left:0;right:0;z-index:7;pointer-events:none;border-bottom:1px solid transparent;transition:border-color .35s var(--ease),background .35s var(--ease)}.site-nav-inner{pointer-events:auto;max-width:var(--max);margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;text-decoration:none;color:var(--text);flex:none;opacity:.92;transition:opacity .3s var(--ease)}.nav-brand:hover{opacity:1}.nav-wordmark{display:block;height:22px;width:auto}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-family:Geist Mono,ui-monospace,monospace;font-size:12.5px;font-weight:500;letter-spacing:.01em;color:var(--text-3);text-decoration:none;padding:8px 12px;border-radius:6px;transition:color .25s var(--ease),background .25s var(--ease)}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.is-active{color:var(--text)}.nav-link.is-active:before{content:"› ";color:var(--live)}@supports (backdrop-filter: blur(12px)){.site-nav{background:#0a0a0a8c;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--line)}}@supports not (backdrop-filter: blur(12px)){.site-nav{background:var(--bg);border-bottom-color:var(--line)}}.wrap{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 32px}section{position:relative}.section-pad{padding:clamp(72px,11vh,130px) 0}.eyebrow{font-family:Geist Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--text-3);display:flex;align-items:center;gap:12px;margin-bottom:36px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--line-strong)}.eyebrow .idx{color:var(--text-4)}h2.section-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.instant{transition:none!important}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:96px;padding-bottom:64px}.status{display:inline-flex;align-items:center;gap:9px;font-family:Geist Mono,monospace;font-size:12.5px;letter-spacing:.02em;color:var(--text-2);margin-bottom:40px;width:fit-content}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:breathe 3.4s var(--ease) infinite}@keyframes breathe{0%,to{box-shadow:0 0 #6ed88973}50%{box-shadow:0 0 0 5px #6ed88900}}.hero h1{font-size:clamp(3.4rem,12vw,8.4rem);font-weight:600;letter-spacing:-.045em;line-height:.92;color:#fff}.hero .role{margin-top:20px;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:400;color:var(--text-2);letter-spacing:-.01em}.hero .role span{color:var(--text)}.hero .lede{margin-top:30px;max-width:30ch;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.45;color:var(--text);letter-spacing:-.012em;font-weight:400;text-wrap:balance}.hero .hero-meta{margin-top:18px;font-family:Geist Mono,monospace;font-size:13px;line-height:1.5;letter-spacing:.01em;color:var(--text-3)}.hero .hero-meta b{font-weight:500;color:var(--text-2)}.divider{margin:44px 0;height:1px;width:100%;max-width:540px;background:linear-gradient(to right,var(--line-strong),var(--line) 40%,transparent);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) .35s}.hero.loaded .divider{transform:scaleX(1)}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:500;letter-spacing:-.01em;padding:12px 22px;border-radius:9px;border:1px solid transparent;text-decoration:none;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);will-change:transform}.btn:active{transform:scale(.985)}.btn-primary{background:#fafafa;color:#0a0a0a}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--text-3);background:#ffffff06;transform:translateY(-2px)}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(2px,-2px)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:44px 32px;position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)}.stat .num{font-size:clamp(2.1rem,4vw,3.1rem);font-weight:500;letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.stat .num .unit{color:var(--text-3);font-weight:400}.stat .label{margin-top:12px;font-size:13px;color:var(--text-3);letter-spacing:-.005em;line-height:1.35;max-width:16ch}.about-grid{display:grid;grid-template-columns:.85fr 1.6fr;gap:clamp(32px,6vw,88px);align-items:start}.about p{font-size:clamp(1.35rem,2.7vw,1.95rem);line-height:1.4;letter-spacing:-.022em;font-weight:400;color:var(--text);text-wrap:pretty}.about p .mut{color:var(--text-3)}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xp-card{border:1px solid var(--line);border-radius:14px;padding:30px 30px 32px;background:var(--bg-card);transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease)}.xp-card:hover{border-color:var(--line-strong);background:var(--bg-elevated);transform:translateY(-3px)}.xp-hover{position:relative;overflow:hidden;isolation:isolate}.xp-hover.is-live{border-color:var(--line-strong);background:var(--bg-elevated)}.xp-hover>*:not(.xp-panel){position:relative;z-index:1}.xp-panel{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .5s var(--ease)}.xp-hover.is-live .xp-panel,.xp-hover:hover .xp-panel{opacity:1}.xp-panel-logo{position:absolute;top:8px;right:0;width:auto;height:clamp(150px,58%,260px);max-width:none;object-fit:contain;object-position:left top;opacity:0;transform:translate(34%);transform-origin:top right;transition:opacity .5s var(--ease),transform .55s var(--ease)}.xp-hover--octopus .xp-panel-logo{height:clamp(300px,150%,640px);transform:translate(38%);object-position:left top}.xp-hover--bitesup .xp-panel-logo{height:clamp(160px,62%,280px);transform:translate(36%)}.xp-hover.is-live .xp-panel-logo,.xp-hover:hover .xp-panel-logo{opacity:.2}.xp-hover--octopus.is-live .xp-panel-logo,.xp-hover--octopus:hover .xp-panel-logo{opacity:.09;filter:saturate(.75) brightness(1.02);transform:translate(36%)}.xp-hover--bitesup.is-live .xp-panel-logo,.xp-hover--bitesup:hover .xp-panel-logo{opacity:.16;filter:brightness(1.15);transform:translate(32%)}.xp-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px}.xp-head h3{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.xp-period{font-family:Geist Mono,monospace;font-size:12px;color:var(--text-4);white-space:nowrap}.xp-role{font-size:13.5px;color:var(--text-3);margin-bottom:14px;font-family:Geist Mono,monospace;letter-spacing:-.01em}.xp-tags{margin-bottom:22px}.xp-tags .tag{font-size:11.5px;padding:5px 10px}.xp-card ul{list-style:none;display:flex;flex-direction:column;gap:13px}.xp-card li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--text-2);letter-spacing:-.008em;text-wrap:pretty}.xp-card li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:1px;background:var(--text-4);transform:rotate(45deg);transition:background .4s var(--ease)}.xp-card:hover li:before{background:var(--accent)}.xp-earlier{margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.xp-earlier-label{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--text-4);padding:16px 26px 0}.xp-mini{display:flex;justify-content:space-between;align-items:baseline;gap:28px;padding:18px 26px;transition:background .4s var(--ease)}.xp-mini+.xp-mini{border-top:1px solid var(--line)}.xp-mini:hover{background:var(--bg-elevated)}.xp-mini-left{display:flex;flex-direction:column;gap:5px;min-width:0}.xp-mini-head{font-size:1rem;font-weight:500;letter-spacing:-.015em}.xp-mini-head .co{color:var(--text-3)}.xp-mini-desc{font-size:13.5px;line-height:1.45;color:var(--text-3);letter-spacing:-.005em;text-wrap:pretty}.xp-mini-period{font-family:Geist Mono,monospace;font-size:12px;color:var(--text-4);white-space:nowrap;flex-shrink:0}.tags{display:flex;flex-wrap:wrap;gap:9px}.tag{font-family:Geist Mono,monospace;font-size:12.5px;color:var(--text-2);padding:7px 13px;border:1px solid var(--line);border-radius:7px;letter-spacing:-.01em;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}.tag:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff05}.proj-card{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--bg-card);display:flex;flex-direction:column;transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease)}.proj-card:hover{border-color:var(--line-strong);background:var(--bg-elevated);transform:translateY(-3px)}.mev-hover{position:relative;overflow:hidden;isolation:isolate}.mev-hover.is-live{border-color:var(--line-strong)}.proj-card.mev-hover.is-live{background:var(--bg-elevated)}.mev-hover>*:not(.mev-panel){position:relative;z-index:1}.mev-hover .proj-card-inner{display:flex;flex-direction:column;flex:1}.mev-panel{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .55s var(--ease);overflow:hidden;border-radius:inherit}.mev-hover.is-live .mev-panel,.mev-hover:hover .mev-panel{opacity:1}.mev-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 52% 48% at 88% 22%,oklch(.72 .1 270 / .14),transparent 68%),radial-gradient(ellipse 44% 38% at 12% 88%,oklch(.8 .15 150 / .1),transparent 62%),radial-gradient(ellipse 36% 32% at 78% 78%,oklch(.78 .11 64 / .08),transparent 58%);opacity:0;transition:opacity .55s var(--ease)}.mev-hover.is-live .mev-panel:before,.mev-hover:hover .mev-panel:before{opacity:1}.mev-eth{position:absolute;right:7%;top:10%;width:76px;height:auto;transform:rotate(-10deg);color:#8ca2e4;opacity:0;transition:opacity .55s var(--ease),transform .65s var(--ease)}.mev-hover.is-live .mev-eth,.mev-hover:hover .mev-eth{opacity:.16;transform:rotate(-5deg)}.mev-sandwich{position:absolute;right:6%;bottom:22%;width:118px;display:flex;flex-direction:column;gap:6px}.mev-tx{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 9px;border-radius:6px;border:1px solid oklch(1 0 0 / .06);background:#02020259;font-family:Geist Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.04em;color:var(--text-4);opacity:0;transition:opacity .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}.mev-tx-label{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);opacity:.7}.mev-hover.is-live .mev-tx--buy,.mev-hover:hover .mev-tx--buy{opacity:.28;transition-delay:.05s;border-color:#6ed88938;color:#6ed8898c}.mev-hover.is-live .mev-tx--victim,.mev-hover:hover .mev-tx--victim{opacity:.32;transition-delay:.12s;border-color:#e9a86a47;color:#e9a86a99;animation:mevSqueeze 1.6s var(--ease) .2s infinite alternate}.mev-hover.is-live .mev-tx--sell,.mev-hover:hover .mev-tx--sell{opacity:.28;transition-delay:.2s;border-color:#6ed88938;color:#6ed8898c}@keyframes mevSqueeze{0%{transform:scale(1)}to{transform:scale(.97)}}.mev-stream{position:absolute;left:0;right:0;bottom:0;height:64px;overflow:hidden;opacity:0;transition:opacity .5s var(--ease);mask-image:linear-gradient(to top,#000 35%,transparent 100%);-webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%)}.mev-hover.is-live .mev-stream,.mev-hover:hover .mev-stream{opacity:.35}.mev-stream-track{display:flex;flex-direction:column;gap:5px;padding:0 16px 8px;font-family:Geist Mono,monospace;font-size:8.5px;letter-spacing:.03em;color:var(--text-4);animation:mevScroll 7s linear infinite;animation-play-state:paused}.mev-hover.is-live .mev-stream-track,.mev-hover:hover .mev-stream-track{animation-play-state:running}@keyframes mevScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.mev-hover--row .mev-eth{width:48px;right:5%;top:8%}.mev-hover--row .mev-sandwich{width:96px;right:4%;bottom:14%;gap:4px}.mev-hover--row .mev-tx{padding:4px 7px;font-size:8px}.mev-hover--row .mev-stream{height:48px}.mev-hover--row.is-live,.mev-hover--row:hover{background:var(--bg-elevated)}@media(prefers-reduced-motion:reduce){.mev-stream-track,.mev-hover.is-live .mev-tx--victim,.mev-hover:hover .mev-tx--victim{animation:none}.mev-hover.is-live .mev-tx,.mev-hover:hover .mev-tx{opacity:.25}}.auth-hover{position:relative;overflow:hidden;isolation:isolate}.auth-hover.is-live{border-color:var(--line-strong)}.proj-card.auth-hover.is-live{background:var(--bg-elevated)}.auth-hover>*:not(.auth-panel){position:relative;z-index:1}.auth-hover .proj-card-inner{display:flex;flex-direction:column;flex:1}.auth-panel{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .55s var(--ease);overflow:hidden;border-radius:inherit}.auth-hover.is-live .auth-panel,.auth-hover:hover .auth-panel{opacity:1}.auth-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 52% 48% at 88% 22%,oklch(.68 .12 250 / .14),transparent 68%),radial-gradient(ellipse 44% 38% at 12% 88%,oklch(.72 .1 220 / .11),transparent 62%),radial-gradient(ellipse 36% 32% at 78% 78%,oklch(.75 .08 200 / .08),transparent 58%);opacity:0;transition:opacity .55s var(--ease)}.auth-hover.is-live .auth-panel:before,.auth-hover:hover .auth-panel:before{opacity:1}.auth-brackets{position:absolute;right:4%;top:6%;font-family:Geist Mono,monospace;font-size:clamp(48px,9vw,72px);font-weight:500;letter-spacing:-.04em;color:#5b9ddf;opacity:0;line-height:1;transition:opacity .55s var(--ease);pointer-events:none;user-select:none}.auth-hover.is-live .auth-brackets,.auth-hover:hover .auth-brackets{opacity:.06}.auth-viz{position:absolute;right:5%;top:14%;width:128px;opacity:0;transform:scale(.94);transition:opacity .55s var(--ease),transform .6s var(--ease)}.auth-hover.is-live .auth-viz,.auth-hover:hover .auth-viz{opacity:1;transform:scale(1)}.auth-viz-svg{display:block;width:100%;height:auto;color:#5b9ddf}.auth-viz-track{opacity:0;transition:opacity .5s var(--ease)}.auth-hover.is-live .auth-viz-track,.auth-hover:hover .auth-viz-track{opacity:.12}.auth-viz-ring{opacity:0;transform-origin:64px 64px;transition:opacity .5s var(--ease)}.auth-hover.is-live .auth-viz-ring,.auth-hover:hover .auth-viz-ring{opacity:.28;animation:authRingSpin 10s linear infinite}@keyframes authRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-viz-sweep{opacity:0;transform-origin:64px 64px;transition:opacity .45s var(--ease)}.auth-hover.is-live .auth-viz-sweep,.auth-hover:hover .auth-viz-sweep{opacity:1;animation:authSweepSpin 2.4s var(--ease) infinite}@keyframes authSweepSpin{0%{transform:rotate(-90deg);opacity:.35}50%{opacity:.7}to{transform:rotate(270deg);opacity:.35}}.auth-viz-arc{stroke:#51b3d0;stroke-dasharray:145;stroke-dashoffset:145}.auth-hover.is-live .auth-viz-arc,.auth-hover:hover .auth-viz-arc{animation:authArcDraw 2.4s var(--ease) infinite}@keyframes authArcDraw{0%,15%{stroke-dashoffset:145}55%{stroke-dashoffset:20}to{stroke-dashoffset:145}}.auth-viz-arrow{color:#51b3d0;opacity:.55}.auth-viz-lock{opacity:0;transition:opacity .45s var(--ease) .08s}.auth-hover.is-live .auth-viz-lock,.auth-hover:hover .auth-viz-lock{opacity:.5}.auth-viz-shackle{transform-origin:0 -9px}.auth-hover.is-live .auth-viz-shackle,.auth-hover:hover .auth-viz-shackle{animation:authShackleLock 2.4s var(--ease) infinite}@keyframes authShackleLock{0%,28%{transform:translateY(-3px)}42%,to{transform:translateY(0)}}.auth-viz-hash{position:relative;margin-top:10px;height:14px;font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.04em;color:#7ea9d58c;text-align:center}.auth-viz-hash-line{position:absolute;left:0;right:0;opacity:0;transition:opacity .35s var(--ease)}.auth-hover.is-live .auth-viz-hash-a,.auth-hover:hover .auth-viz-hash-a{animation:authHashA 2.4s var(--ease) infinite}.auth-hover.is-live .auth-viz-hash-b,.auth-hover:hover .auth-viz-hash-b{animation:authHashB 2.4s var(--ease) infinite}@keyframes authHashA{0%,42%{opacity:.65}52%,to{opacity:0}}@keyframes authHashB{0%,42%{opacity:0}52%,to{opacity:.65}}.auth-stream{position:absolute;left:0;right:0;bottom:0;height:64px;overflow:hidden;opacity:0;transition:opacity .5s var(--ease);mask-image:linear-gradient(to top,#000 35%,transparent 100%);-webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%)}.auth-hover.is-live .auth-stream,.auth-hover:hover .auth-stream{opacity:.38}.auth-stream-track{display:flex;flex-direction:column;gap:5px;padding:0 16px 8px;font-family:Geist Mono,monospace;font-size:8.5px;letter-spacing:.03em;color:var(--text-4);text-align:left;animation:authScroll 8s linear infinite;animation-play-state:paused}.auth-hover.is-live .auth-stream-track,.auth-hover:hover .auth-stream-track{animation-play-state:running}@keyframes authScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.auth-hover--row .auth-brackets{font-size:40px;top:4%}.auth-hover--row .auth-viz{width:96px;right:3%;top:10%}.auth-hover--row .auth-viz-hash{display:none}.auth-hover--row .auth-stream{height:48px}.auth-hover--row.is-live,.auth-hover--row:hover{background:var(--bg-elevated)}@media(prefers-reduced-motion:reduce){.auth-stream-track,.auth-viz-ring,.auth-viz-sweep,.auth-viz-arc,.auth-viz-shackle,.auth-viz-hash-a,.auth-viz-hash-b{animation:none}.auth-hover.is-live .auth-viz-sweep,.auth-hover:hover .auth-viz-sweep{opacity:.45}.auth-hover.is-live .auth-viz-hash-a,.auth-hover:hover .auth-viz-hash-a{opacity:.5}}.proj-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.proj-card h3{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.proj-glyph{font-family:Geist Mono,monospace;font-size:12px;color:var(--text-4);border:1px solid var(--line);border-radius:6px;padding:4px 8px}.proj-card p{font-size:14.5px;line-height:1.55;color:var(--text-2);letter-spacing:-.008em;margin-bottom:24px;text-wrap:pretty;flex:1}.proj-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.proj-tags .tag{font-size:11.5px;padding:5px 10px}.proj-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gh-btn{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-size:13.5px;font-weight:500;color:var(--text-2);text-decoration:none;padding:9px 15px;border:1px solid var(--line);border-radius:8px;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}.gh-btn:hover{border-color:var(--line-strong);color:#fff;background:#ffffff08}.gh-btn svg{width:16px;height:16px}.gh-btn .arr{transition:transform .25s var(--ease)}.gh-btn:hover .arr{transform:translate(2px,-2px)}.gh-btn.is-private{color:var(--text-4);cursor:not-allowed;border-style:dashed}.gh-btn.is-private:hover{border-color:var(--line);color:var(--text-4);background:transparent}.contact{border-top:1px solid var(--line)}.contact-line{font-size:clamp(1.8rem,5vw,3.4rem);font-weight:500;letter-spacing:-.035em;line-height:1.05;color:#fff;max-width:16ch;margin-bottom:16px}.contact-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-3);letter-spacing:-.01em;margin-bottom:52px}.links{display:flex;flex-direction:column;border-top:1px solid var(--line)}.link{display:flex;align-items:center;justify-content:space-between;padding:24px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:padding .4s var(--ease),color .4s var(--ease)}button.link{width:100%;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;text-align:left}.link:hover,button.link:hover{padding-left:18px;color:#fff}.link .k{font-family:Geist Mono,monospace;font-size:12px;color:var(--text-4);width:90px;flex-shrink:0;letter-spacing:.04em}.link .v{flex:1;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:400;letter-spacing:-.02em}.link .arr2{color:var(--text-4);transition:transform .4s var(--ease),color .4s var(--ease)}.link:hover .arr2,button.link:hover .arr2{transform:translate(3px,-3px);color:var(--accent)}body.cv-modal-open{overflow:hidden}.cv-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.cv-modal[hidden]{display:none}.cv-modal-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(6px)}.cv-modal-panel{position:relative;z-index:1;width:min(880px,100%);height:min(86dvh,860px);max-height:100%;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-card);box-shadow:0 24px 80px #0000008c;overflow:hidden;animation:cv-modal-in .35s var(--ease) both}@keyframes cv-modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.cv-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.cv-modal-title{font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.04em;color:var(--text-3);text-transform:uppercase}.cv-modal-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cv-modal-dl{font-size:13px;color:var(--text-2);text-decoration:none;padding:7px 12px;border:1px solid var(--line);border-radius:8px;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}.cv-modal-dl:hover{border-color:var(--line-strong);color:#fff;background:#ffffff08}.cv-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text-3);font-size:20px;line-height:1;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}.cv-modal-close:hover{border-color:var(--line-strong);color:#fff;background:#ffffff08}.cv-modal-body{flex:1;min-height:0;overflow:auto;background:var(--bg);overscroll-behavior:contain}.cv-status{margin:0;padding:48px 16px;text-align:center;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.04em;color:var(--text-4)}.cv-pages{display:flex;flex-direction:column;width:100%}.cv-page{width:100%;line-height:0;background:var(--bg)}.cv-page+.cv-page{margin-top:-1px}.cv-page canvas{display:block;width:100%;height:auto;vertical-align:top;filter:invert(1) hue-rotate(180deg) brightness(.88) contrast(1.04)}footer{padding:40px 0 56px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}footer .f{font-family:Geist Mono,monospace;font-size:12px;color:var(--text-4);letter-spacing:-.005em}.bug-glitch{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0}.bug-glitch.is-active{opacity:1}.bug-glitch-wash{position:absolute;inset:0;opacity:0;transform:scale(.2);mix-blend-mode:screen}.bug-glitch-scan{position:absolute;inset:0;opacity:0}.bug-streak{position:absolute;height:1.5px;opacity:0;mix-blend-mode:screen;background:linear-gradient(to right,transparent 0%,var(--streak-col, oklch(.84 .22 25 / .85)) 3%,var(--streak-col, oklch(.84 .22 25 / .85)) 97%,transparent 100%);box-shadow:0 -1px oklch(.7 .18 200 / .35),0 1px var(--bug-edge, oklch(.8 .24 25 / .45));will-change:transform,opacity}.bug-streak.run{animation:streakRise var(--dur, 1.6s) steps(1,end) var(--delay, 0s) both}.bug-glitch.is-active.is-bug .bug-glitch-wash{animation:bugWash .4s var(--ease)}.bug-glitch.is-active.is-bug .bug-glitch-scan{animation:bugScan .4s steps(5)}@keyframes streakRise{0%{opacity:0;transform:translate(0)}6%{opacity:1;transform:translate(calc(var(--sx) * .6),calc(var(--rise) * -.09))}26%{opacity:0;transform:translate(calc(var(--sx) * .6),calc(var(--rise) * -.09))}27%{opacity:1;transform:translate(calc(var(--sx) * -.85),calc(var(--rise) * -.3))}46%{opacity:0;transform:translate(calc(var(--sx) * -.85),calc(var(--rise) * -.3))}47%{opacity:1;transform:translate(calc(var(--sx) * .7),calc(var(--rise) * -.52))}65%{opacity:0;transform:translate(calc(var(--sx) * .7),calc(var(--rise) * -.52))}66%{opacity:1;transform:translate(calc(var(--sx) * -.55),calc(var(--rise) * -.74))}84%{opacity:0;transform:translate(calc(var(--sx) * -.55),calc(var(--rise) * -.74))}85%{opacity:1;transform:translate(calc(var(--sx) * .3),calc(var(--rise) * -.92))}99%{opacity:0;transform:translate(calc(var(--sx) * .3),calc(var(--rise) * -.92))}to{opacity:0;transform:translateY(calc(var(--rise) * -1))}}@keyframes bugWash{0%{opacity:0;transform:scale(.18)}9%{opacity:1;transform:scale(.62)}16%{opacity:.45;transform:scale(.74)}23%{opacity:1;transform:scale(.9)}33%{opacity:.7;transform:scale(1)}40%{opacity:1;transform:scale(1.04)}62%{opacity:.85;transform:scale(1.07)}to{opacity:0;transform:scale(1.18)}}@keyframes bugScan{0%,to{opacity:0;transform:translateY(0)}10%{opacity:1;transform:translateY(-2px)}28%{opacity:.2;transform:translateY(3px)}46%{opacity:.85;transform:translateY(-4px)}66%{opacity:.3;transform:translateY(2px)}82%{opacity:0}}.bug-glitch.is-bug{--bug-edge: oklch(.8 .24 25 / .6);--streak-col: oklch(.84 .22 25 / .85)}.bug-glitch.is-bug .bug-glitch-wash{transform-origin:0% 100%;background:radial-gradient(125% 125% at 0% 100%,oklch(.66 .26 25 / .62) 0%,oklch(.58 .27 25 / .4) 16%,oklch(.52 .26 25 / .18) 34%,oklch(.5 .25 25 / .05) 50%,transparent 64%)}.bug-glitch.is-bug .bug-glitch-scan{background:repeating-linear-gradient(0deg,oklch(.78 .24 25 / .22) 0px,oklch(.78 .24 25 / .22) 1px,transparent 1px,transparent 4px);-webkit-mask-image:radial-gradient(120% 120% at 0% 100%,#000 0%,#000 30%,transparent 60%);mask-image:radial-gradient(120% 120% at 0% 100%,#000 0%,#000 30%,transparent 60%)}.bug-glitch.is-deploy{--bug-edge: oklch(.82 .18 150 / .6);--streak-col: oklch(.86 .18 150 / .85)}.bug-glitch.is-deploy .bug-glitch-wash{transform-origin:100% 100%;background:radial-gradient(125% 125% at 100% 100%,oklch(.74 .2 150 / .55) 0%,oklch(.66 .2 150 / .34) 16%,oklch(.6 .18 150 / .15) 34%,oklch(.58 .17 150 / .05) 50%,transparent 64%)}.bug-glitch.is-deploy .bug-glitch-scan{background:repeating-linear-gradient(0deg,oklch(.82 .2 150 / .2) 0px,oklch(.82 .2 150 / .2) 1px,transparent 1px,transparent 4px);-webkit-mask-image:radial-gradient(120% 120% at 100% 100%,#000 0%,#000 30%,transparent 60%);mask-image:radial-gradient(120% 120% at 100% 100%,#000 0%,#000 30%,transparent 60%)}.bug-log{position:fixed;left:24px;bottom:22px;z-index:6;pointer-events:none;display:inline-flex;align-items:flex-start;gap:9px;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:-.01em;line-height:1.45;color:var(--text-3);background:#0e0e0fc7;border:1px solid var(--line);border-radius:8px;padding:9px 13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease);max-width:min(92vw,520px)}.bug-log.show:hover{border-color:var(--line-strong)}.bug-log.show{opacity:1;transform:none;pointer-events:auto}.bug-log.is-right{left:auto;right:24px}.bug-log .bug-dot{width:6px;height:6px;margin-top:5px;border-radius:50%;background:oklch(.72 .2 25);box-shadow:0 0 8px oklch(.72 .2 25 / .7);flex-shrink:0}.bug-log .bug-time,.bug-log .bug-lvl{flex-shrink:0;white-space:nowrap}.bug-log.is-ok .bug-dot{background:#54dd7d;box-shadow:0 0 8px #54dd7db3}.bug-log .bug-time{color:var(--text-4)}.bug-log .bug-lvl{color:var(--text-3)}.bug-log .bug-lvl.is-bad{color:#fd7562}.bug-log .bug-lvl.is-ok{color:#66da85}.bug-log .bug-msg{color:var(--text-2);min-width:0;white-space:normal;overflow-wrap:anywhere}.bug-log .bug-cursor{color:var(--text-3);animation:bugBlink 1s steps(2) infinite}@keyframes bugBlink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:18px}.cards-2{grid-template-columns:1fr}.stats-inner{grid-template-columns:1fr 1fr}.stat{padding:32px 26px}.stat:nth-child(odd):before{display:none}.stat:nth-child(3):after,.stat:nth-child(4):after{content:"";position:absolute;top:0;left:22%;width:56%;height:1px;background:var(--line)}}@media(max-width:520px){.wrap{padding:0 22px}.site-nav-inner{padding:16px 22px}.xp-mini{flex-direction:column;gap:8px}.blog-index a.post-link{min-height:0;padding:24px 22px}.cv-modal{padding:10px}.cv-modal-panel{height:min(92dvh,100%)}.cv-modal-title{font-size:11px}.stats-inner{grid-template-columns:1fr}.stat:before{display:none!important}.stat:after{display:none!important}.stat+.stat{border-top:1px solid var(--line)}.link .k{width:64px}.cta-row .btn{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.divider{transform:scaleX(1)}}.blog-index .blog-lede{font-size:14.5px;line-height:1.55;color:var(--text-2);letter-spacing:-.008em;max-width:58ch;margin-top:-20px;margin-bottom:4px;text-wrap:pretty}.blog-index .xp-earlier{margin-top:32px}.blog-index a.post-link{align-items:center;min-height:112px;padding:28px 26px}.blog-index a.post-link .xp-mini-left{gap:8px}.blog-index a.post-link .xp-mini-head{font-size:1.0625rem}.blog-index a.post-link .xp-mini-desc{font-size:14px;line-height:1.5;max-width:52ch}.blog-index a.post-link .xp-mini-period{font-size:12.5px;align-self:center}a.post-link{text-decoration:none;color:inherit;cursor:pointer}a.post-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}a.post-link .xp-mini-head{transition:color .35s var(--ease)}a.post-link:hover .xp-mini-head{color:var(--text)}.blog-empty-inner{padding:22px 26px 26px}.blog-empty-line{font-size:1rem;font-weight:500;letter-spacing:-.015em;color:var(--text)}.blog-empty-sub{margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--text-3);letter-spacing:-.005em;max-width:46ch;text-wrap:pretty}.post-back{display:inline-block;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.02em;color:var(--text-3);text-decoration:none;transition:color .25s var(--ease)}.post-back:hover{color:var(--accent)}.blog-post .post-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:28px}.blog-post .post-head h1{font-size:clamp(1.55rem,3.8vw,2.15rem);font-weight:500;letter-spacing:-.03em;line-height:1.12;color:var(--text)}.blog-post .post-dek{margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--text-2);letter-spacing:-.008em;max-width:62ch;text-wrap:pretty}.post-tags{margin-top:18px}.post-tags .tag{font-size:11.5px;padding:5px 10px}.blog-index .post-tags{margin-top:10px}.blog-post .prose{margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}.blog-post .post-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-post .post-related .xp-mini{margin-top:12px}.mev-post-field{position:fixed;inset:0 0 0 auto;width:min(50vw,480px);z-index:1;pointer-events:none;opacity:0;overflow:hidden;--mx: 100vw;--my: 50vh}.mev-post-field.on{opacity:1;-webkit-mask-image:radial-gradient(440px circle at var(--mx) var(--my),#000 0%,#000 24%,transparent 70%);mask-image:radial-gradient(440px circle at var(--mx) var(--my),#000 0%,#000 24%,transparent 70%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mev-post-ledger{height:100%;overflow:hidden;padding:88px 20px 56px 14px}.mev-post-ledger-track{display:flex;flex-direction:column;gap:0;transition:transform .55s var(--ease);will-change:transform}.mev-post-ledger-line{display:block;font-family:Geist Mono,monospace;font-size:10.5px;letter-spacing:.02em;line-height:22px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;opacity:0;animation:mevLineIn .42s var(--ease) forwards}.mev-post-ledger-line.is-live{color:#6ed88985}.mev-post-ledger-line.is-accent{color:#e9a86a7a}@keyframes mevLineIn{0%{opacity:0;transform:translate(5px)}to{opacity:.38;transform:translate(0)}}@media(max-width:820px){.mev-post-field{width:min(44vw,220px)}.mev-post-ledger{padding:80px 18px 48px 16px}.mev-post-ledger-line{font-size:9.5px;line-height:20px}}@media(prefers-reduced-motion:reduce){.mev-post-field,.auth-post-field{display:none}}.auth-post-field{position:fixed;inset:0 0 0 auto;width:min(50vw,480px);z-index:1;pointer-events:none;opacity:0;overflow:hidden;--mx: 100vw;--my: 50vh}.auth-post-field.on{opacity:1;-webkit-mask-image:radial-gradient(440px circle at var(--mx) var(--my),#000 0%,#000 24%,transparent 70%);mask-image:radial-gradient(440px circle at var(--mx) var(--my),#000 0%,#000 24%,transparent 70%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.auth-post-ledger{height:100%;overflow:hidden;padding:88px 20px 56px 14px}.auth-post-ledger-track{display:flex;flex-direction:column;gap:0;transition:transform .55s var(--ease);will-change:transform}.auth-post-ledger-line{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;font-family:Geist Mono,monospace;font-size:9.5px;letter-spacing:.01em;line-height:20px;color:var(--text-4);white-space:nowrap;overflow:hidden;opacity:0;animation:authLineIn .42s var(--ease) forwards}.auth-log-ts{flex-shrink:0;color:var(--text-4);opacity:.55}.auth-log-lvl{flex-shrink:0;font-weight:500;letter-spacing:.06em;min-width:36px;text-align:left}.auth-log-lvl--info{color:#5b9ddf9e}.auth-log-lvl--warn{color:#dbb155ad}.auth-log-lvl--error{color:#f07f77b8}.auth-log-body{overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:right}.auth-post-ledger-line.is-info{color:#88a8c96b}.auth-post-ledger-line.is-warn{color:#cfb47c70}.auth-post-ledger-line.is-error{color:#dc8c8575}@keyframes authLineIn{0%{opacity:0;transform:translate(5px)}to{opacity:.38;transform:translate(0)}}@media(max-width:820px){.auth-post-field{width:min(44vw,220px)}.auth-post-ledger{padding:80px 18px 48px 16px}.auth-post-ledger-line{font-size:8.5px;line-height:18px;gap:6px}.auth-log-lvl{min-width:32px}}.prose{color:var(--text-2);font-size:14.5px;line-height:1.65;letter-spacing:-.008em;max-width:68ch;text-wrap:pretty}.prose>*+*{margin-top:1.2em}.prose h2{color:var(--text);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-top:2em}.prose h3{color:var(--text);font-size:1.2rem;font-weight:600;margin-top:1.6em}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft)}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:2px solid var(--line-strong);padding-left:1em;color:var(--text-3);font-style:italic}.prose code{font-family:Geist Mono,monospace;font-size:.88em;background:var(--bg-elevated);border:1px solid var(--line);border-radius:5px;padding:.12em .4em}.prose pre{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:18px 20px;overflow-x:auto;font-size:.86rem;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose pre:has(+.code-note),.prose pre[data-language=mermaid]:has(+.code-note){margin-bottom:0;border-bottom:none;border-radius:12px 12px 0 0}.blog-auth .diagram-block{border-color:#5b9ddf2e;box-shadow:0 0 0 1px #5b9ddf0a}.blog-auth .diagram-block .mermaid{padding:28px 16px 20px}.blog-mev .diagram-block{border-color:#6ed8892e;box-shadow:0 0 0 1px #6ed8890a}.blog-mev .diagram-block .mermaid{padding:28px 16px 20px}.blog-mev .diagram-block .code-note{color:#8ed4a0;background:oklch(.12 .04 150);border-top:1px solid oklch(.72 .14 150 / .35)}.prose .diagram-block{margin:1.8em 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-card)}.prose .diagram-block .mermaid{margin:0;padding:24px 12px;border:none;border-radius:0;background:transparent}.prose .diagram-block .code-note{margin:0;padding:11px 16px 13px;font-size:12px;color:#f07171;background:#140202;border:none;border-top:1px solid oklch(.55 .2 25 / .4);border-radius:0}.prose .mermaid:has(+.code-note){margin-bottom:0;border-bottom:none;border-radius:12px 12px 0 0}.prose .code-note{margin:0 0 1.6em;padding:9px 16px 11px;font-family:Geist Mono,monospace;font-size:11px;line-height:1.45;letter-spacing:.02em;color:#e24947;background:var(--bg-elevated);border:1px solid var(--line);border-top:1px solid oklch(.62 .19 25 / .22);border-radius:0 0 12px 12px}.prose img{max-width:100%;border-radius:12px;border:1px solid var(--line)}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4em 0}.prose .mermaid{margin:1.8em 0;padding:24px 12px;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;text-align:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose .mermaid svg{display:block;margin:0 auto;max-width:100%;height:auto}.prose .mermaid .nodeLabel,.prose .mermaid .edgeLabel,.prose .mermaid .label{font-family:Geist,system-ui,sans-serif!important}.prose pre[data-language=mermaid]{color:var(--text-4)}.prose .diagram-block[data-sandwich-demo],.prose .diagram-block[data-ws-demo]{position:relative}.prose .diagram-block[data-sandwich-demo].is-demo-live .diagram-block-toolbar,.prose .diagram-block[data-ws-demo].is-demo-live .diagram-block-toolbar{visibility:hidden;pointer-events:none;opacity:0}.prose .diagram-block-toolbar{position:absolute;top:10px;left:10px;z-index:3;margin:0;transition:opacity .25s var(--ease),visibility .25s var(--ease)}.prose .diagram-block-canvas{position:relative}.prose .diagram-block-canvas .mermaid{transition:opacity .35s var(--ease)}.prose .diagram-block-canvas.is-demo-live .mermaid{opacity:.12}.pipeline-example-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border:1px solid oklch(.8 .15 150 / .55);border-radius:8px;background:linear-gradient(180deg,oklch(.14 .05 150),#000501);color:#82f59e;font-family:Geist Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.03em;cursor:pointer;box-shadow:0 0 0 1px #6ed8891f,0 4px 18px #00000073,inset 0 1px #ffffff0f;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.pipeline-example-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#6ed8892e;font-size:8px;line-height:1}.pipeline-example-btn:hover{transform:translateY(-1px);border-color:#77eb94bf;box-shadow:0 0 0 1px #6ed88933,0 6px 22px #00000080,0 0 20px #6ed88926}.pipeline-example-btn[aria-expanded=true]{border-color:#e9a86a8c;color:oklch(.88 .12 64);background:linear-gradient(180deg,oklch(.14 .04 64),#070200)}.pipeline-example-btn.is-running{pointer-events:none;opacity:.75}.prose .diagram-block-canvas .pipeline-demo-panel{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;margin:0;border:none;border-radius:0;background:radial-gradient(ellipse 80% 60% at 50% 20%,oklch(.8 .15 150 / .1),transparent 55%),#000100f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #6ed8891f}.pipeline-demo-panel[hidden]{display:none!important}.pipeline-demo-panel.is-open{animation:pipeline-demo-in .3s var(--ease) both}.pipeline-demo-panel.is-closing{animation:pipeline-demo-out .28s var(--ease) both}@keyframes pipeline-demo-in{0%{opacity:0}to{opacity:1}}@keyframes pipeline-demo-out{0%{opacity:1}to{opacity:0}}.pipeline-demo-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px 14px}.pipeline-demo-rail{position:relative;height:4px;margin:0 8px 14px;border-radius:999px;background:#ffffff0f;overflow:visible}.pipeline-demo-beam{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#6ed88926,#6ed8898c);transition:width .45s var(--ease)}.pipeline-demo-dot{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:#82f59e;box-shadow:0 0 14px #6ed889bf;opacity:0;transition:left .45s var(--ease),opacity .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.pipeline-demo-dot.is-visible{opacity:1}.pipeline-demo-dot.is-warn{background:oklch(.88 .12 64);box-shadow:0 0 14px #e9a86ab3}.pipeline-demo-dot.is-bad{background:oklch(.82 .14 25);box-shadow:0 0 14px #e85854a6}.pipeline-demo-nodes{display:grid;gap:6px;margin-bottom:16px}.pipeline-demo-nodes--7{grid-template-columns:repeat(7,minmax(0,1fr))}.pipeline-demo-nodes--5{grid-template-columns:repeat(5,minmax(0,1fr))}.pipeline-demo-node{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.pipeline-demo-node-box{display:flex;align-items:center;justify-content:center;width:100%;height:38px;border-radius:8px;border:1px solid oklch(1 0 0 / .1);background:#020202a6;font-family:Geist Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-4);transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.pipeline-demo-node-label{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.03em;color:var(--text-4);text-align:center;transition:color .3s var(--ease)}.pipeline-demo-node.is-active .pipeline-demo-node-box{border-color:#6ed889a6;background:oklch(.12 .04 150);color:#82f59e;box-shadow:0 0 18px #6ed88933;transform:translateY(-2px)}.pipeline-demo-node.is-active .pipeline-demo-node-label{color:#77eb94}.pipeline-demo-node.is-warn.is-active .pipeline-demo-node-label,.pipeline-demo-node.is-step-warn.is-active .pipeline-demo-node-label{color:oklch(.88 .12 64)}.pipeline-demo-node.is-bad .pipeline-demo-node-box{border-color:#e8585440;color:#f08f878c}.pipeline-demo-node.is-idle{opacity:.35}.pipeline-demo-node.is-bad.is-active .pipeline-demo-node-box{border-color:#e85854b3;background:#190102;color:oklch(.88 .12 25);box-shadow:0 0 18px #e8585438}.pipeline-demo-node.is-bad.is-active .pipeline-demo-node-label{color:oklch(.88 .12 25)}.pipeline-demo-node.is-warn.is-active .pipeline-demo-node-box,.pipeline-demo-node.is-step-warn.is-active .pipeline-demo-node-box{border-color:#e9a86aa6;background:#0d0400;color:oklch(.88 .12 64);box-shadow:0 0 18px #e9a86a2e}.pipeline-demo-sandwich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.pipeline-demo-sandwich[hidden]{display:none!important}.pipeline-sandwich-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:8px 6px;border-radius:8px;border:1px solid oklch(1 0 0 / .08);background:#0202028c;font-family:Geist Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-4);opacity:.22;transform:translateY(6px);transition:opacity .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}.pipeline-sandwich-chip-label{font-size:8px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.pipeline-sandwich-chip.is-lit{opacity:1;transform:translateY(0)}.pipeline-sandwich-chip.is-warn.is-lit{border-color:#e9a86a8c;color:oklch(.88 .12 64);box-shadow:0 0 20px #e9a86a29}.pipeline-sandwich-chip.is-buy.is-lit{border-color:#6ed8898c;color:#77eb94;box-shadow:0 0 20px #6ed88926}.pipeline-sandwich-chip.is-victim.is-lit{border-color:#e9a86a99;color:oklch(.88 .12 64);box-shadow:0 0 20px #e9a86a29}.pipeline-sandwich-chip.is-sell.is-lit{border-color:#6ed8898c;color:#77eb94;box-shadow:0 0 20px #6ed88926}.pipeline-sandwich-chip.is-bad.is-lit{border-color:#e8585499;color:oklch(.88 .12 25);box-shadow:0 0 20px #e858542e}.pipeline-demo-status{min-height:1.5em;padding:8px 12px;border-radius:8px;border:1px solid oklch(.8 .15 150 / .2);background:#00020180;text-align:center;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.03em;color:#82f59e}.pipeline-demo-status:empty{display:none}.pipeline-demo-status.is-warn{border-color:#e9a86a47;color:oklch(.88 .12 64)}.pipeline-demo-status.is-bad{border-color:#e8585459;color:oklch(.88 .12 25)}@media(max-width:640px){.pipeline-demo-nodes{gap:4px}.pipeline-demo-node-box{height:32px;font-size:9px}.pipeline-demo-node-label{font-size:7px}.pipeline-sandwich-chip{min-height:48px;font-size:10px}}@media(prefers-reduced-motion:reduce){.pipeline-example-btn,.pipeline-demo-dot,.pipeline-demo-node-box,.pipeline-sandwich-chip,.pipeline-demo-beam,.pipeline-demo-panel.is-open{animation:none;transition:none}}