html:has(.cli-theme){background-color:#0a0a0a}.cli-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cli-bg:#141415;--cli-bg-elevated:#1a1a1b;--cli-bg-subtle:#222223;--cli-bg-hover:#29292a;--cli-text:#efefef;--cli-text-secondary:#f0f0f09e;--cli-text-muted:#f0f0f06b;--cli-text-dim:#f0f0f038;--cli-accent:#b308a7;--cli-accent-muted:#b308a766;--cli-border:#ffffff17;--cli-border-hover:#ffffff29;--foreground:0 0% 94%;--accent:240 3% 16%;--accent-foreground:0 0% 94%;color:hsl(var(--foreground));--cli-syntax-green:#a1c181;--cli-syntax-cyan:#6cb6c4;--cli-syntax-purple:#c9a0dc;--cli-syntax-yellow:#dec184;--cli-syntax-red:#d07277;--cli-syntax-comment:#f0f0f04d}.cli-noise{position:relative}.cli-noise:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.cli-noise>*{z-index:1;position:relative}@keyframes cli-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cli-cursor{background-color:var(--cli-accent);vertical-align:text-bottom;width:8px;height:1.1em;margin-left:2px;animation:1s step-end infinite cli-cursor-blink;display:inline-block}.cli-prompt:before{color:var(--cli-text-muted);content:"$ "}.cli-code-block{background:var(--cli-bg-elevated);border:1px solid var(--cli-border);font-family:var(--font-mono),ui-monospace,monospace;border-radius:8px;padding:1rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.cli-glow{box-shadow:0 0 20px var(--cli-accent-muted)}@keyframes cli-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cli-fade-in{animation:.6s ease-out both cli-fade-in}@keyframes cli-hero-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cli-hero-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cli-hero-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cli-hero-badge{animation:.5s ease-out both cli-hero-fade-down}.cli-hero-stagger>*{animation:.5s ease-out both cli-hero-fade-up}.cli-hero-stagger>:first-child{animation-delay:0s}.cli-hero-stagger>:nth-child(2){animation-delay:.1s}.cli-hero-stagger>:nth-child(3){animation-delay:.2s}.cli-hero-stagger>:nth-child(4){animation-delay:.3s}.cli-hero-stagger>:nth-child(5){animation-delay:.4s}.cli-hero-stagger>:nth-child(6){animation-delay:.5s}.cli-hero-demo{animation:.7s ease-out .3s both cli-hero-slide-left}.cli-hero-demo-mobile{animation:.7s ease-out .3s both cli-hero-fade-up}@keyframes elevator-up{0%{transform:translateY(0)}to{transform:translateY(-33.3333%)}}@keyframes elevator-down{0%{transform:translateY(-33.3333%)}to{transform:translateY(0)}}.animate-elevator-up{animation:60s linear infinite elevator-up}.animate-elevator-down{animation:60s linear infinite elevator-down}.btn-primary-gradient{background:linear-gradient(135deg,#b308a7,#8b06a0)}@media (prefers-reduced-motion:reduce){.cli-cursor,.cli-fade-in,.cli-hero-badge,.cli-hero-demo,.cli-hero-demo-mobile,.cli-hero-stagger>*{opacity:1;animation:none}.animate-elevator-down,.animate-elevator-up{animation:none}}
