@import 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap';@layer reset,tokens,base,layout,components,pages,utilities;@property --glow-intensity{syntax: '<number>';
  inherits: false;
  initial-value: 0.6;
}@property --glow-spread{syntax: '<length>';
  inherits: false;
  initial-value: 20px;
}@property --typing-width{syntax: '<integer>';
  inherits: false;
  initial-value: 0;
}@layer reset{*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@layer tokens{:root{--glow:#fb7185;--glow-bright:#fda4af;--glow-dim:rgba(251, 113, 133, 0.15);--glow-border:rgba(251, 113, 133, 0.08);--bg:#050508;--surface:#0a0b10;--surface-hover:#0f1018;--border:rgba(255, 255, 255, 0.06);--text:#c9d1d9;--text-dim:#555;--text-bright:#f0f2f5;--accent-amber:#fbbf24;--accent-violet:#a855f7;--mono:'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Fira Code', monospace;--sans:'Space Grotesk', system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(0.16, 1, 0.3, 1)}}@layer base{html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--mono);line-height:1.6;min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,0,0,3%) 2px,rgba(0,0,0,3%) 4px );pointer-events:none;z-index:9999}body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:9998}.grid-bg{position:fixed;inset:0;background-image:repeating-linear-gradient(0,transparent,transparent 59px,rgba(251,113,133,3%) 59px,rgba(251,113,133,3%) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(251,113,133,3%) 59px,rgba(251,113,133,3%) 60px);mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);z-index:0;pointer-events:none}::selection{background:rgba(251,113,133,.3);color:var(--text-bright)}a{color:var(--glow);text-decoration:none;transition:color .2s;&:hover{color:var(--glow-bright)}}h1,h2,h3,h4,h5,h6{font-family:var(--sans);color:var(--text-bright);line-height:1.2;font-weight:700}h1{font-size:3rem;letter-spacing:-2px}h2{font-size:1.75rem;letter-spacing:-.5px}h3{font-size:1.25rem}code{font-family:var(--mono);font-size:.85em;background:rgba(251,113,133,8%);padding:.15em .4em;border-radius:4px;color:var(--glow-bright)}pre{overflow-x:auto;-webkit-overflow-scrolling:touch}pre code{background:0 0;padding:0;border-radius:0;font-size:.85rem;line-height:1.7}@keyframes glow-pulse{0%,100%{--glow-intensity:0.6;--glow-spread:20px}50%{--glow-intensity:0.9;--glow-spread:40px}}@keyframes blink{50%{opacity:0}}@keyframes flow-pulse{0%,100%{opacity:.3}50%{opacity:1;color:var(--glow)}}@keyframes data-flow{0%{left:-50%}100%{left:150%}}@keyframes typing{from{--typing-width:0}to{--typing-width:var(--chars)}}@keyframes reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@supports(view-transition-name:main){::view-transition-group(root){animation-duration:.25s}::view-transition-new(root){animation-name:fade-in}::view-transition-old(root){animation-name:fade-out}@keyframes fade-in{from{opacity:0}}@keyframes fade-out{to{opacity:0}}[data-nav]{view-transition-name:nav}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer layout{.page-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.content-wrap{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:6rem 1.5rem 4rem}.section{margin-bottom:5rem}.grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.content-wrap{padding:6rem 2rem 4rem}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.content-wrap{padding:7rem 2rem 4rem}}@supports(container-type:inline-size){.card-container{container-type:inline-size}@container(max-width:300px){.card { padding: 1rem; }
      .card h3 { font-size: 1rem; }
    }}@media(max-width:639px){body::before{opacity:.3}body::after{opacity:.3}h1{font-size:2.25rem;letter-spacing:-1px}}@supports(animation-timeline:view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}@supports not (animation-timeline:view()){.reveal{opacity:1;transform:none}}pre{@media(max-width:639px){max-width: calc(100vw - 3rem); scrollbar-width: thin; scrollbar-color: var(--glow-dim) transparent;}}}@layer components{.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,5,8,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glow-border);font-size:.8rem}.nav-inner{max-width:1100px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{font-family:var(--sans);font-weight:800;font-size:1rem;color:var(--glow);text-shadow:0 0 15px rgba(251,113,133,.4);letter-spacing:-.5px;text-decoration:none;&:hover{color:var(--glow-bright)}}.nav-sep{color:var(--text-dim);margin:0 .25rem;user-select:none}.nav-links{display:flex;align-items:center;gap:1.25rem;list-style:none}.nav-links a{color:var(--text-dim);font-family:var(--mono);font-size:.75rem;letter-spacing:.5px;text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;&:hover, &.active{color:var(--glow);border-bottom-color:var(--glow)}}.nav-github{color:var(--text-dim);font-size:.75rem;text-decoration:none;&:hover{color:var(--glow)}}.nav-toggle{display:none}.nav-toggle-label{display:none}@media(max-width:639px){.nav-toggle-label{display:block;cursor:pointer;color:var(--glow);font-size:1.25rem;line-height:1;padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(5,5,8,.95);border-bottom:1px solid var(--glow-border);padding:1rem 1.5rem;gap:.75rem}.nav-links a{min-height:44px;display:flex;align-items:center}.nav-github{display:none}@supports selector(:has(*)){.nav:has(.nav-toggle:checked) .nav-links{display:flex}}@supports not selector(:has(*)){.nav-toggle:checked~.nav-links{display:flex}}}.code-block{position:relative;background:var(--surface);border:1px solid var(--glow-border);border-radius:8px;overflow:hidden;margin:1.5rem 0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border);font-size:.7rem;color:var(--text-dim)}.code-block pre{padding:1rem;margin:0;background:0 0}.copy-btn{background:0 0;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--mono);font-size:.65rem;padding:.2rem .5rem;cursor:pointer;transition:color .2s,border-color .2s;min-width:44px;min-height:28px;&:hover{color:var(--glow);border-color:var(--glow-border)}&.copied{color:var(--glow);border-color:var(--glow)}&.copied::after{content:none}}body.no-clipboard .copy-btn{display:none}.terminal{background:rgba(251,113,133,3%);border:1px solid rgba(251,113,133,.1);border-radius:8px;padding:1.5rem;font-family:var(--mono);font-size:.85rem;line-height:2;position:relative;overflow:hidden}.terminal::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(251,113,133,4%) 0%,transparent 60%);pointer-events:none}.terminal .prompt{color:var(--glow);opacity:.7}.terminal .cmd{color:var(--glow-bright)}.terminal .pipe{color:var(--glow);opacity:.8}.terminal .comment{color:rgba(251,113,133,.3);font-style:italic}.terminal .cursor{display:inline-block;width:8px;height:1em;background:var(--glow);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:4px;box-shadow:0 0 8px var(--glow)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out);&:hover{border-color:var(--glow-border);box-shadow:0 0 30px rgba(251,113,133,6%);transform:translateY(-2px)}}.card h3{font-size:1.1rem;margin-bottom:.5rem}.card p{color:var(--text-dim);font-size:.8rem;line-height:1.5}.card code{font-size:.75rem}.pill{display:inline-block;font-family:var(--mono);font-size:.7rem;padding:.2rem .6rem;border-radius:20px;background:var(--glow-dim);color:var(--glow);border:1px solid rgba(251,113,133,.2)}.pill-amber{background:rgba(251,191,36,.1);color:var(--accent-amber);border-color:rgba(251,191,36,.2)}.pill-violet{background:rgba(168,85,247,.1);color:var(--accent-violet);border-color:rgba(168,85,247,.2)}.flow{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.flow-node{padding:.5rem 1rem;border:1px solid rgba(251,113,133,.25);border-radius:6px;font-size:.75rem;background:rgba(251,113,133,5%);color:var(--glow);text-shadow:0 0 10px rgba(251,113,133,.3);font-family:var(--mono)}.flow-node.source{color:var(--glow);border-color:rgba(251,113,133,.3)}.flow-node.command{color:var(--accent-violet);border-color:rgba(168,85,247,.3);background:rgba(168,85,247,5%)}.flow-node.sink{color:var(--accent-amber);border-color:rgba(251,191,36,.3);background:rgba(251,191,36,5%)}.flow-arrow{color:var(--text-dim);font-size:1.1rem;animation:flow-pulse 2s ease-in-out infinite}.flow-line{width:30px;height:2px;background:linear-gradient(90deg,var(--glow),var(--accent-violet));position:relative;overflow:hidden}.flow-line::after{content:'';position:absolute;top:-1px;left:-50%;width:40%;height:4px;background:linear-gradient(90deg,transparent,var(--glow-bright),transparent);animation:data-flow 2s linear infinite}.footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;font-size:.7rem;color:var(--text-dim)}.footer a{color:var(--text-dim);&:hover{color:var(--glow)}}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.8rem;padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--glow);color:var(--glow);background:0 0;cursor:pointer;text-decoration:none;transition:all .2s;min-height:44px;&:hover{background:rgba(251,113,133,.1);box-shadow:0 0 20px rgba(251,113,133,.15);color:var(--glow-bright)}}.btn-primary{background:var(--glow);color:var(--bg);font-weight:600;&:hover{background:var(--glow-bright);color:var(--bg);box-shadow:0 0 30px rgba(251,113,133,.3)}}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{margin-bottom:.5rem}.section-title p{color:var(--text-dim);font-size:.85rem}}@layer pages{.hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 0}.hero-inner{max-width:700px}.hero-logo{font-family:var(--sans);font-size:6rem;font-weight:800;letter-spacing:-4px;color:var(--glow);text-shadow:0 0 20px rgba(251,113,133,.6),0 0 40px rgba(251,113,133,.3),0 0 80px rgba(251,113,133,.15);animation:glow-pulse 4s ease-in-out infinite;line-height:1;margin-bottom:1rem}@supports(animation-name:glow-pulse){.hero-logo{text-shadow:0 0 calc(var(--glow-spread))rgba(251,113,133,var(--glow-intensity)),0 0 calc(var(--glow-spread) * 2)rgba(251,113,133,calc(var(--glow-intensity) * .5)),0 0 calc(var(--glow-spread) * 4)rgba(251,113,133,calc(var(--glow-intensity) * .25))}}.hero-tagline{font-family:var(--sans);font-size:1.5rem;font-weight:600;color:var(--text-bright);margin-bottom:.75rem;letter-spacing:2px}.hero-sub{font-size:.85rem;color:var(--text-dim);line-height:1.6;max-width:500px;margin:0 auto}.terminal-line{white-space:nowrap;overflow:hidden}.pattern-sig{display:block;font-size:.75rem;margin-bottom:.5rem;color:var(--glow);background:rgba(251,113,133,6%);padding:.3rem .5rem;border-radius:4px}.numbers-bar{text-align:center;padding:3rem 0;margin-bottom:3rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.numbers-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;font-family:var(--mono);font-size:.9rem;color:var(--text-dim)}.number-item strong{color:var(--glow);font-weight:700}.number-sep{color:var(--text-dim);opacity:.3}@media(max-width:639px){.hero-logo{font-size:4rem;letter-spacing:-2px}.hero-tagline{font-size:1.2rem}.hero{min-height:50vh}.terminal{font-size:.7rem;overflow-x:auto}.terminal-line{white-space:pre}}.pattern-section{padding:2.5rem 0;border-bottom:1px solid var(--border)}.pattern-section:last-of-type{border-bottom:none}.pattern-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.pattern-header h2{margin:0}.pattern-desc{color:var(--text-dim);font-size:.85rem;line-height:1.6;margin-bottom:1rem;max-width:700px}.content-wrap table{width:100%;border-collapse:collapse;font-size:.8rem;margin:1.5rem 0 3rem}.content-wrap th{text-align:left;padding:.75rem;border-bottom:2px solid var(--glow-border);color:var(--glow);font-weight:600}.content-wrap td{padding:.75rem;border-bottom:1px solid var(--border);color:var(--text)}.content-wrap td strong{color:var(--glow-bright)}.content-wrap tr:hover td{background:rgba(251,113,133,3%)}.search-wrap{margin-bottom:2rem}.search-input{width:100%;background:var(--surface);border:1px solid var(--glow-border);border-radius:8px;padding:.75rem 1rem .75rem 2.5rem;font-family:var(--mono);font-size:.85rem;color:var(--text);outline:none;transition:border-color .2s;min-height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23555' viewBox='0 0 16 16'%3E%3Ctext x='0' y='13' font-family='monospace' font-size='14'%3E%24%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem}.search-input:focus{border-color:var(--glow);box-shadow:0 0 20px rgba(251,113,133,8%)}.search-input::placeholder{color:var(--text-dim)}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-tag{font-family:var(--mono);font-size:.7rem;padding:.3rem .75rem;border-radius:20px;background:var(--surface);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:all .2s;min-height:32px;display:inline-flex;align-items:center}.filter-tag:hover,.filter-tag.active{color:var(--glow);border-color:var(--glow);background:var(--glow-dim)}.cmd-group{margin-bottom:2.5rem}.cmd-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--glow);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glow-border)}.cmd-entry{padding:1rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;background:var(--surface);transition:border-color .2s}.cmd-entry:hover{border-color:var(--glow-border)}.cmd-entry-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cmd-name{font-family:var(--mono);font-weight:700;font-size:.9rem;color:var(--text-bright)}.cmd-desc{font-size:.8rem;color:var(--text-dim);margin-top:.5rem}.cmd-example{margin-top:.75rem}.cmd-details{margin-top:.75rem;font-size:.8rem}.cmd-details summary{color:var(--text-dim);cursor:pointer;font-size:.75rem;padding:.25rem 0;min-height:44px;display:flex;align-items:center}.cmd-details summary:hover{color:var(--glow)}.cmd-details[open] summary{color:var(--glow);margin-bottom:.5rem}.cmd-flags{list-style:none;padding:0}.cmd-flags li{padding:.25rem 0;font-size:.75rem;color:var(--text-dim)}.cmd-flags code{font-size:.7rem}.tutorial-step{position:relative;padding:2rem 0 2rem 3rem;border-left:2px solid var(--glow-border)}.tutorial-step::before{content:attr(data-step);position:absolute;left:-14px;top:2rem;width:26px;height:26px;background:var(--bg);border:2px solid var(--glow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.7rem;color:var(--glow);font-weight:700}.tutorial-step:last-of-type{border-left-color:transparent}.tutorial-step h3{margin-bottom:.75rem}.tutorial-step p{color:var(--text-dim);font-size:.85rem;line-height:1.6;margin-bottom:.75rem}@media(max-width:639px){.tutorial-step{padding-left:2rem}.tutorial-step::before{left:-13px;width:24px;height:24px;font-size:.65rem}}.api-section{margin-bottom:3rem}.api-section h2{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--glow-border)}.api-entry{margin-bottom:2rem;padding-left:1rem;border-left:2px solid var(--border)}.api-entry:hover{border-left-color:var(--glow)}.api-entry h3{margin-bottom:.5rem}.api-entry p{color:var(--text-dim);font-size:.85rem;line-height:1.6;margin-bottom:.75rem}.recipe{margin-bottom:3rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.recipe:hover{border-color:var(--glow-border)}.recipe h3{margin-bottom:.5rem}.recipe-desc{color:var(--text-dim);font-size:.85rem;line-height:1.6;margin-bottom:1rem}.recipe-patterns{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.recipe-explanation{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-dim);line-height:1.6}}@layer utilities{.text-glow{color:var(--glow)}.text-dim{color:var(--text-dim)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}}.highlight pre{background:0 0}.highlight .kd,.highlight .kn,.highlight .kr{color:var(--glow)}.highlight .nc,.highlight .nt{color:var(--glow-bright)}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sa{color:var(--accent-amber)}.highlight .mi,.highlight .mf{color:var(--accent-violet)}.highlight .c,.highlight .c1,.highlight .cm{color:var(--text-dim);font-style:italic}.highlight .o,.highlight .p{color:var(--text)}.highlight .nx,.highlight .na{color:var(--text-bright)}.highlight .nf{color:var(--glow-bright)}