:root{--v6-grid-line:color-mix(in oklch, var(--foreground) 8%, transparent)}.v6-theme ::selection{background:color-mix(in oklch, var(--primary) 45%, transparent);color:var(--foreground)}@layer components{@keyframes v6-fade-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.v6-reveal{opacity:0}.v6-reveal.is-visible{animation:.7s cubic-bezier(.16,1,.3,1) forwards v6-fade-slide-up}.v6-reveal-delay-1.is-visible{animation-delay:.1s}.v6-reveal-delay-2.is-visible{animation-delay:.2s}.v6-reveal-delay-3.is-visible{animation-delay:.3s}.v6-hero-enter{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards v6-fade-slide-up}.v6-hero-enter-delay-1{animation-delay:.1s}.v6-hero-enter-delay-2{animation-delay:.2s}.v6-hero-enter-delay-3{animation-delay:.3s}.v6-grid-texture{background-image:linear-gradient(to right, var(--v6-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--v6-grid-line) 1px, transparent 1px);clip-path:inset(1px);background-size:44px 44px}.v6-grid-texture-fine{background-size:26px 26px}.v6-grid-texture-fade-top{-webkit-mask-image:radial-gradient(90% 85% at 50% 0,#000 25%,#0000 78%);mask-image:radial-gradient(90% 85% at 50% 0,#000 25%,#0000 78%)}.v6-grid-texture-fade-bottom{-webkit-mask-image:radial-gradient(90% 85% at 50% 100%,#000 25%,#0000 78%);mask-image:radial-gradient(90% 85% at 50% 100%,#000 25%,#0000 78%)}[data-v6-grid=dotted] .v6-grid-texture{background-image:radial-gradient(circle, var(--v6-grid-line) 1px, transparent 1.5px);background-size:22px 22px}[data-v6-grid=paper] .v6-grid-texture{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.14'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23f)' opacity='0.06'/%3E%3C/svg%3E"), radial-gradient(ellipse 70% 55% at 28% 18%, color-mix(in oklch, var(--foreground) 5%, transparent), transparent 70%), radial-gradient(ellipse 120% 120% at 50% 50%, transparent 55%, color-mix(in oklch, var(--background) 45%, transparent) 100%);clip-path:none;background-size:180px 180px,900px 900px,100% 100%,100% 100%}[data-v6-grid=paper] .v6-grid-texture-fine{background-size:90px 90px,450px 450px,100% 100%,100% 100%}[data-v6-grid=film] .v6-grid-texture{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E"), repeating-linear-gradient(to bottom, transparent 0 2px, color-mix(in oklch, var(--foreground) 4%, transparent) 2px 3px), radial-gradient(ellipse 120% 120% at 50% 50%, transparent 60%, color-mix(in oklch, var(--background) 55%, transparent) 100%);clip-path:none;background-size:120px 120px,100% 3px,100% 100%}[data-v6-grid=film] .v6-grid-texture-fine{background-size:60px 60px,100% 3px,100% 100%}[data-v6-grid=none] .v6-grid-texture{background-image:none}@media (prefers-reduced-motion:reduce){.v6-reveal,.v6-hero-enter{opacity:1;animation:none}}}