html:has(.cli-theme){background-color:#0a0a0a}.cli-theme,[data-theme=cli],[data-theme=cli] *{--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:#9b9b9c;--cli-text-muted:#6f6f70;--cli-text-dim:#444;--cli-accent:#b308a7;--cli-accent-muted:#b308a766;--cli-border:#ffffff17;--cli-border-hover:#ffffff29;--background:240 3% 8%;--foreground:0 0% 94%;--card:240 2% 10%;--card-foreground:0 0% 94%;--muted:240 2% 13%;--muted-foreground:240 1% 44%;--primary:240 2% 16%;--primary-foreground:0 0% 94%;--secondary:240 2% 13%;--secondary-foreground:0 0% 94%;--accent:240 3% 16%;--accent-foreground:0 0% 94%;--destructive:0 72% 59%;--destructive-foreground:0 0% 98%;--ring:0 0% 50%;--input-bg:var(--cli-bg-elevated);--input-text:var(--cli-text);--input-placeholder:var(--cli-text-muted);--input-border:var(--cli-border);--input-border-focus:var(--cli-border-hover);--input-shadow:none;--input-ring:var(--cli-accent);--button-border:var(--cli-border);--button-text:var(--cli-text);--button-hover-bg:var(--cli-bg-hover);--button-secondary-bg:var(--cli-bg-elevated);--border:0 0% 100%/.09;--popover:240 2% 10%;--popover-foreground:0 0% 94%;--separator-bg:var(--cli-border);--skeleton-bg:var(--cli-bg-hover);--cli-syntax-green:#a1c181;--cli-syntax-cyan:#6cb6c4;--cli-syntax-purple:#c9a0dc;--cli-syntax-yellow:#dec184;--cli-syntax-red:#d07277;--cli-syntax-comment:#f0f0f04d;--header-height:57px}.cli-theme,[data-theme=cli]{color:hsl(var(--foreground))}.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)}.sketch-picker-dark label{color:#aaa!important}.sketch-picker-dark input{box-shadow:none!important;color:#efefef!important;background:#2a2a2b!important;border:1px solid #444!important}@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}}