.vibing-lang[data-astro-cid-otklwfly]{border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;gap:2px;margin-left:8px;display:inline-flex;overflow:hidden}.vibing-lang-btn[data-astro-cid-otklwfly]{color:#ffffffb3;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:.68rem;font-weight:700;transition:background .18s,color .18s}.vibing-lang-btn[data-astro-cid-otklwfly]:hover{color:#fff;background:color-mix(in srgb,var(--accent) 10%,transparent)}.vibing-lang-btn[data-astro-cid-otklwfly].active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--pink));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.vibing-nav{z-index:100;box-shadow:0 4px 30px #000000b3,0 1px 0 var(--nav-accent,#8b5cf6);background:linear-gradient(#0a0b14 0%,#000 100%);justify-content:center;align-items:center;height:48px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.vibing-nav .nav-left{flex-shrink:0;align-items:center;gap:6px;display:flex}.vibing-nav .nav-right{flex-shrink:1;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex;overflow:hidden}.vibing-nav a{font-family:var(--font-mono);color:#ffffffb3;white-space:nowrap;letter-spacing:.04em;text-transform:lowercase;border:1px solid #ffffff1f;border-radius:20px;padding:6px 16px;font-size:.72rem;text-decoration:none;transition:all .2s}.vibing-nav a:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 8%,transparent)}.vibing-nav .nav-brand{color:var(--accent-soft);align-items:center;gap:8px;font-weight:700;display:inline-flex}.vibing-nav .nav-sep{color:var(--text-muted);opacity:.6}.vibing-nav .nav-crumb-current{pointer-events:none;background:color-mix(in srgb,var(--accent) 15%,transparent);color:#fff;border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}.scroll-container{padding-top:48px}.vibing-hero{text-align:center;border-bottom:1px solid var(--line);background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:24px 24px 12px;display:flex;position:relative;overflow:hidden}.vibing-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#6799fe1a 0%,#0000 60%),radial-gradient(45% 40% at 85% 90%,#6799fe0f 0%,#0000 60%),linear-gradient(#0000 0%,#0a0a0a 100%);position:absolute;inset:0}.vibing-hero:after{content:"";z-index:1;pointer-events:none;opacity:.38;background-image:linear-gradient(#6799fe2e 1px,#0000 1px),linear-gradient(90deg,#6799fe2e 1px,#0000 1px);background-size:48px 48px;animation:6s linear infinite vibingGridFlow;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 78%);mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 78%)}@keyframes vibingGridFlow{to{background-position:48px 48px}}.vibing-grid-canvas{z-index:2;pointer-events:none;opacity:.9;width:100%;height:100%;display:block;position:absolute;inset:0}.vibing-hero-inner{z-index:3;max-width:900px;position:relative}.vibing-title-line{white-space:nowrap;justify-content:center;align-items:baseline;gap:12px;margin:0;display:flex}.vibing-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:clamp(.48rem,1.15vw,.68rem)}.vibing-wordmark{font-family:"Press Start 2P",var(--font-mono),monospace;letter-spacing:.02em;color:#fff;text-shadow:0 0 18px #6799fe8c,3px 0 #6799fee6,-3px 0 #6799fe99;filter:drop-shadow(0 0 30px #6799fe59);font-size:clamp(1.5rem,6vw,3.4rem);font-weight:700;line-height:1.3;display:inline-block}.vibing-wordmark .vibing-slash{color:var(--accent)}.vibing-tagline{font-family:"Fira Code",var(--font-mono),monospace;letter-spacing:.04em;color:var(--text-muted);margin-top:22px;font-size:clamp(.8rem,1.6vw,.98rem);line-height:1.7}.vibing-tagline .vb-code{color:var(--accent)}.vibing-tagline .vb-fn{color:var(--accent-soft)}.vibing-tagline .vb-str{color:#6799fe}.vibing-blink{color:var(--accent-soft);animation:1.1s steps(2,start) infinite vbBlink}@keyframes vbBlink{to{visibility:hidden}}.vibing-typewriter{height:1.7em;font-family:"Fira Code",var(--font-mono),monospace;letter-spacing:.04em;color:var(--accent-soft);margin:26px 0 0;font-size:clamp(.72rem,1.5vw,.9rem)}.vibing-typewriter span{white-space:nowrap;border-right:2px solid var(--accent);width:0;animation:7s steps(35,end) infinite vbType,.75s step-end infinite vbCaret;display:inline-block;overflow:hidden}@keyframes vbType{0%,10%{width:0}45%,60%{width:37ch}to{width:0}}@keyframes vbCaret{50%{border-color:#0000}}.vibing-about-cta{color:#e0e9ff;font:700 .72rem var(--font-mono);letter-spacing:.045em;background:#000;border:1px solid #c8d8ff6b;border-radius:12px;align-items:center;gap:12px;margin-top:24px;padding:12px 12px 12px 18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s,text-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff1c,0 14px 30px -18px #6799fe73}.vibing-about-cta__icon{color:#fff;place-items:center;width:26px;height:26px;font-size:1rem;transition:transform .2s;display:grid}.vibing-about-cta:hover{color:#fff;text-shadow:0 0 8px #fff,0 0 20px #c8d8fff2;border-color:#fff;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff61,0 0 16px #ffffffa6,0 0 38px #6799fef2,0 18px 34px -16px #6799fe}.vibing-about-cta:hover .vibing-about-cta__icon{transform:translate(4px)}.vibing-main{max-width:1080px;margin:0 auto;padding:40px 24px 80px}@media (width<=720px){.vibing-hero{min-height:320px}.vibing-title-line{gap:7px}.vibing-title-line .vibing-eyebrow{letter-spacing:.1em;font-size:.4rem}.vibing-title-line .vibing-wordmark{font-size:1.2rem}.vibing-main{padding:28px 16px 64px}}.vibing-main h2.vibing-section{letter-spacing:-.01em;background:linear-gradient(90deg,var(--accent-soft),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:36px 0 18px;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700}.vibing-empty{font-family:var(--font-mono);color:var(--text-muted);border:1px dashed var(--line);border-radius:var(--radius-m);text-align:center;padding:32px;font-size:.85rem}
