:root{--hue-primary: 142;--hue-secondary: 281;--hue-primary-complement: calc(var(--hue-primary) + 180);--hue-secondary-complement: calc(var(--hue-secondary) + 180);--color-primary: oklch(.75 .25 var(--hue-primary));--color-primary-light: oklch(.88 .15 var(--hue-primary));--color-primary-dark: oklch(.35 .18 var(--hue-primary));--color-primary-hover: oklch(.68 .28 var(--hue-primary));--color-primary-subtle:oklch(.2 .08 var(--hue-primary));--color-secondary: oklch(.5 .12 var(--hue-secondary));--color-secondary-light: oklch(.65 .1 var(--hue-secondary));--color-secondary-dark: oklch(.3 .08 var(--hue-secondary));--color-secondary-hover: oklch(.55 .14 var(--hue-secondary));--color-complement-primary: oklch(.6 .1 var(--hue-primary-complement));--color-complement-secondary: oklch(.6 .1 var(--hue-secondary-complement));--color-bg: oklch(.12 .01 var(--hue-primary));--color-surface: oklch(.18 .015 var(--hue-primary));--color-border: oklch(.3 .02 var(--hue-primary));--color-text: oklch(.85 .02 var(--hue-primary));--color-text-muted: oklch(.6 .03 var(--hue-primary));--color-black: oklch(.08 .01 var(--hue-primary));--color-white: oklch(.95 .005 var(--hue-primary));--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6rem;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Consolas", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4.5rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-loose: 1.8;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .4s ease-in-out;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 oklch(0 0 0 / .05), 0 0 4px 0 oklch(.75 .25 var(--hue-primary) / .1);--shadow-md: 0 4px 6px -1px oklch(0 0 0 / .1), 0 0 8px 0 oklch(.75 .25 var(--hue-primary) / .15);--shadow-lg: 0 10px 15px -3px oklch(0 0 0 / .2), 0 0 16px 0 oklch(.75 .25 var(--hue-primary) / .2);--shadow-glow: 0 0 20px 2px oklch(.75 .25 var(--hue-primary) / .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:var(--line-height-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[class],ol[class]{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:var(--line-height-tight);color:var(--color-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}h1{font-size:clamp(var(--font-size-2xl),4vw + 1rem,var(--font-size-4xl));text-shadow:0 0 10px oklch(.75 .25 var(--hue-primary) / .5)}h2{font-size:clamp(var(--font-size-xl),3vw + .5rem,var(--font-size-3xl));border-bottom:2px solid var(--color-primary-dark);padding-bottom:var(--space-sm)}h3{font-size:clamp(var(--font-size-lg),2vw + .25rem,var(--font-size-2xl));color:var(--color-primary-light)}h4{font-size:var(--font-size-xl);color:var(--color-secondary-light)}h5{font-size:var(--font-size-lg);color:var(--color-text)}h6{font-size:var(--font-size-base);color:var(--color-text-muted);text-transform:none}p{margin-bottom:var(--space-md);max-width:70ch}a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}a:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover);text-shadow:0 0 8px oklch(.75 .25 var(--hue-primary) / .6)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-primary-light)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-loose);background-color:oklch(.18 .015 var(--hue-primary) / .15);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto;margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(2px)}pre code{background:none;padding:0;border:none;color:var(--color-text);font-size:inherit}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--color-text-muted)}blockquote p:last-child{margin-bottom:0}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}ul{list-style-type:"> "}ol{list-style-type:decimal}li{margin-bottom:var(--space-sm);color:var(--color-text)}li::marker{color:var(--color-primary)}strong,b{font-weight:700;color:var(--color-primary-light)}em,i{font-style:italic;color:var(--color-text)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0;opacity:.5}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}body>.matrix-rain-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.3;pointer-events:none}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}@media(max-width:768px){.container{padding-left:var(--space-md);padding-right:var(--space-md)}}main{min-height:calc(100vh - 200px);padding-top:var(--space-2xl);padding-bottom:var(--space-4xl);padding-left:100px;position:relative;z-index:1}@media(max-width:768px){main{padding-left:var(--space-md)}}.content-wrapper{display:grid;gap:var(--space-2xl);grid-template-columns:1fr;position:relative;z-index:1}@media(min-width:1024px){.content-wrapper{grid-template-columns:250px 1fr}}.sidebar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);height:fit-content;position:sticky;top:var(--space-lg)}article{max-width:100%}section{margin-bottom:var(--space-3xl)}section:last-child{margin-bottom:0}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex;gap:var(--space-md)}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.matrix-nav{position:fixed;top:140px;left:var(--space-lg);z-index:1000;font-family:var(--font-mono)}.nav-toggle{width:80px;height:80px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-glow);position:relative;z-index:1001}.nav-toggle:hover{background:var(--color-primary-subtle);box-shadow:var(--shadow-glow),0 0 30px oklch(.75 .25 var(--hue-primary) / .6);transform:scale(1.05)}.nav-toggle:before{content:"";display:block;width:32px;height:32px;background-image:linear-gradient(90deg,var(--color-primary) 2px,transparent 2px),linear-gradient(0deg,var(--color-primary) 2px,transparent 2px);background-size:8px 8px;background-position:0 0;opacity:.8;animation:matrix-grid 2s linear infinite}@keyframes matrix-grid{0%{background-position:0 0}to{background-position:8px 8px}}.nav-toggle:hover:before{opacity:1;animation:matrix-grid .5s linear infinite}.nav-level-1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-level-1.nav-open{opacity:1;visibility:visible}.nav-level-1 .nav-item{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all var(--transition-slow)}.nav-level-1.nav-open .nav-item:nth-child(1){transform:translate(120px)}.nav-level-1.nav-open .nav-item:nth-child(2){transform:translate(85px,85px)}.nav-level-1.nav-open .nav-item:nth-child(3){transform:translate(85px,-85px)}.nav-level-1.nav-open .nav-item:nth-child(4){transform:translateY(-120px)}.nav-item-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface);border:2px solid var(--color-secondary);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.nav-item-link:hover{background:var(--color-secondary-dark);border-color:var(--color-primary);color:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-glow)}.nav-level-2{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);min-width:200px;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);box-shadow:var(--shadow-lg);z-index:999}.nav-level-2.nav-level-2-open{opacity:1;visibility:visible}.nav-level-2 li{list-style:none;margin:0}.nav-level-2 a{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);border-left:2px solid transparent;transition:all var(--transition-fast)}.nav-level-2 a:hover{background:var(--color-primary-subtle);border-left-color:var(--color-primary);color:var(--color-primary-light);padding-left:calc(var(--space-md) + var(--space-sm))}@media(max-width:768px){.matrix-nav{top:var(--space-md);left:var(--space-md)}.nav-toggle{width:50px;height:50px}.nav-level-1 .nav-item{width:50px;height:50px;margin:-25px 0 0 -25px}.nav-level-1.nav-open .nav-item:nth-child(1){transform:translate(6px,66px)}.nav-level-1.nav-open .nav-item:nth-child(2){transform:translate(22px,124px)}.nav-level-1.nav-open .nav-item:nth-child(3){transform:translate(32px,184px)}.nav-level-1.nav-open .nav-item:nth-child(4){transform:translate(34px,246px)}.nav-level-1.nav-open .nav-item:nth-child(5){transform:translate(28px,308px)}.nav-level-1.nav-open .nav-item:nth-child(6){transform:translate(14px,368px)}}.hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;gap:var(--space-4xl);overflow:hidden;background:linear-gradient(135deg,oklch(from var(--color-bg) l c h / .7),oklch(from var(--color-primary-subtle) l c h / .5));border-bottom:2px solid var(--color-primary)}.hero-content{position:relative;z-index:2;text-align:center;padding:var(--space-2xl);flex:1;align-self:center}.hero h1{margin-bottom:var(--space-lg);animation:glitch 3s infinite}.hero p{font-size:var(--font-size-lg);color:var(--color-text);margin:0 auto var(--space-xl);max-width:60ch}.hero-cta{display:inline-block;padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-black);font-weight:700;text-transform:uppercase;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-glow);text-decoration:none}.hero-cta:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-glow),0 0 40px oklch(.75 .25 var(--hue-primary) / .8)}@keyframes glitch{0%,90%,to{transform:translate(0);text-shadow:0 0 10px oklch(.75 .25 var(--hue-primary) / .5)}91%{transform:translate(-2px,2px);text-shadow:2px 0 oklch(.75 .25 var(--hue-primary)),-2px 0 oklch(.5 .12 var(--hue-secondary))}93%{transform:translate(2px,-2px);text-shadow:-2px 0 oklch(.75 .25 var(--hue-primary)),2px 0 oklch(.5 .12 var(--hue-secondary))}95%{transform:translate(0)}}@media(max-width:768px){.hero{min-height:50vh;justify-content:center;flex-direction:column-reverse;align-items:center}.hero-3d-container{position:relative;width:100%;height:40vh;flex-shrink:0}.hero-content{padding:var(--space-lg);flex:unset}}.hero-3d-spacer{height:100%;aspect-ratio:1 / 1;flex-shrink:0;pointer-events:none}.hero-3d-container{position:absolute;top:0;left:0;height:100%;aspect-ratio:1 / 1;z-index:3;pointer-events:auto;cursor:grab;touch-action:none}.hero-3d-container:active{cursor:grabbing}.hero-3d-container canvas{display:block;width:100%!important;height:100%!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h3{margin-bottom:var(--space-sm)}.code-block{position:relative;margin-bottom:var(--space-lg)}.code-block-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-primary-subtle);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-sm) var(--space-md)}.code-block-lang{font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;font-weight:700}.code-block-copy{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.code-block-copy:hover{background:var(--color-primary);color:var(--color-black)}.code-block pre{margin:0;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.text-block{margin-bottom:var(--space-2xl)}.text-block h3{margin-bottom:var(--space-md)}.callout{background:var(--color-primary-subtle);border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.callout.callout-info{border-left-color:var(--color-secondary);background:oklch(.2 .04 var(--hue-secondary))}.callout.callout-warning{border-left-color:oklch(.7 .2 90);background:oklch(.18 .04 90)}.callout h4{margin-bottom:var(--space-sm);color:var(--color-primary-light)}.callout p:last-child{margin-bottom:0}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-black);font-family:var(--font-mono);font-weight:700;text-transform:uppercase;border-radius:var(--radius-md);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:.05em}.btn:hover{background:var(--color-black);color:var(--color-primary);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-black)}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-2xl)}.toc h4{margin-bottom:var(--space-md);color:var(--color-primary)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:var(--space-sm)}.toc a{color:var(--color-text);text-decoration:none;border-bottom:none;display:block;padding:var(--space-xs) 0;transition:all var(--transition-fast)}.toc a:hover{color:var(--color-primary);padding-left:var(--space-sm)}.toc li li a{padding-left:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.toc li li a:hover{padding-left:calc(var(--space-md) + var(--space-sm))}.slide-headline{position:relative;margin:var(--space-3xl) 0 var(--space-xl);padding:var(--space-md) 0;overflow:hidden}.slide-headline:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,oklch(.75 .25 var(--hue-primary) / .6) 15%,var(--color-primary) 50%,oklch(.75 .25 var(--hue-primary) / .6) 85%,transparent 100%);animation:slideHeadlineScan 3s ease-in-out infinite}.slide-headline:after{content:"";position:absolute;left:0;bottom:-1px;width:60px;height:4px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 12px oklch(.75 .25 var(--hue-primary) / .8);animation:slideHeadlineGlide 3s ease-in-out infinite}.slide-headline__text{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary-light);letter-spacing:-.02em;text-transform:uppercase;margin:0;position:relative;display:inline-block}.slide-headline__text span{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 50%,oklch(.65 .18 var(--hue-secondary)) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.slide-headline__text:before{content:"//";color:var(--color-primary-dark);margin-right:var(--space-sm);font-weight:400;opacity:.6;-webkit-text-fill-color:initial;background:none;background-clip:initial;-webkit-background-clip:initial}@keyframes slideHeadlineScan{0%,to{opacity:.4}50%{opacity:1}}@keyframes slideHeadlineGlide{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 60px);opacity:0}}.slide-headline:nth-child(2n):before{animation-duration:3.7s;animation-delay:-.8s}.slide-headline:nth-child(2n):after{animation-duration:3.7s;animation-delay:-.8s}.slide-headline:nth-child(3n):before{animation-duration:4.2s;animation-delay:-1.6s}.slide-headline:nth-child(3n):after{animation-duration:4.2s;animation-delay:-1.6s}.slide-headline:nth-child(5n):before{animation-duration:2.8s;animation-delay:-2.3s}.slide-headline:nth-child(5n):after{animation-duration:2.8s;animation-delay:-2.3s}.slide-headline:nth-child(7n):before{animation-duration:3.4s;animation-delay:-.4s}.slide-headline:nth-child(7n):after{animation-duration:3.4s;animation-delay:-.4s}.footer{background:var(--color-surface);border-top:2px solid var(--color-primary);padding:var(--space-2xl) 0;margin-top:var(--space-4xl)}.footer-content{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer h4{color:var(--color-primary);margin-bottom:var(--space-md);text-transform:uppercase;font-size:var(--font-size-base);letter-spacing:.1em}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:var(--space-sm)}.footer a{color:var(--color-text);text-decoration:none;transition:all var(--transition-fast);border-bottom:1px solid transparent}.footer a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);padding-left:var(--space-xs)}.footer-bottom{text-align:center;padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-bottom a{color:var(--color-primary)}.footer-editable{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);padding:var(--space-xs);margin:calc(-1 * var(--space-xs))}.footer-editable[data-zen-editable=true]:hover{background:var(--color-primary-subtle);outline:1px dashed var(--color-primary);outline-offset:var(--space-xs)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-lg)}}.styleguide{padding:var(--space-2xl) 0}.styleguide h2{margin-top:var(--space-3xl);margin-bottom:var(--space-xl)}.styleguide h2:first-child{margin-top:0}.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.color-swatch{text-align:center}.color-swatch-box{width:100%;height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.color-swatch-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.type-specimen{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.type-specimen h1,.type-specimen h2,.type-specimen h3,.type-specimen h4,.type-specimen h5,.type-specimen h6{margin-bottom:var(--space-sm)}.spacing-scale{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.spacing-item{display:flex;align-items:center;gap:var(--space-md)}.spacing-box{background:var(--color-primary);height:20px;border-radius:var(--radius-sm)}.spacing-box.xs{width:var(--space-xs)}.spacing-box.sm{width:var(--space-sm)}.spacing-box.md{width:var(--space-md)}.spacing-box.lg{width:var(--space-lg)}.spacing-box.xl{width:var(--space-xl)}.spacing-box.xxl{width:var(--space-2xl)}.spacing-box.xxxl{width:var(--space-3xl)}.spacing-box.xxxxl{width:var(--space-4xl)}.spacing-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:120px}.component-showcase{display:grid;gap:var(--space-2xl)}.component-example{padding:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.component-example h4{margin-bottom:var(--space-md);color:var(--color-secondary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes glowPulse{0%,to{box-shadow:0 0 5px oklch(.75 .25 var(--hue-primary) / .3)}50%{box-shadow:0 0 20px oklch(.75 .25 var(--hue-primary) / .6)}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes textFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px oklch(.75 .25 var(--hue-primary) / .5)}20%,24%,55%{opacity:.8;text-shadow:none}}.text-flicker{animation:textFlicker 4s infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);opacity:.1;pointer-events:none;animation:scanline 8s linear infinite;z-index:9999}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--color-primary);margin-left:2px;animation:blink 1s step-start infinite}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}[data-zen-editable=true]{transition:all var(--transition-base)}[data-zen-editable-editing=true]{outline:2px dashed var(--color-primary);outline-offset:var(--space-xs)}body{animation:fadeIn .3s ease-out}@supports (animation-timeline: scroll()){.scroll-fade-in{animation:fadeIn linear;animation-timeline:view();animation-range:entry 0% cover 30%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scanline{display:none}}.feature-image{display:grid;gap:clamp(1rem,3vw,2.5rem);margin:clamp(1.5rem,4vw,3.5rem) 0;align-items:center}.feature-image__media{min-width:0}.feature-image__media img,.feature-image__media picture{width:100%;height:auto;display:block;border:1px solid var(--color-border, currentColor);border-radius:4px}.feature-image__headline{margin-bottom:.5em;color:var(--color-primary, currentColor)}.feature-image__text{line-height:1.6}@media(min-width:768px){.feature-image{grid-template-columns:1fr 1fr}.feature-image--right .feature-image__media{order:2}.feature-image--right .feature-image__body{order:1}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-meta,.hljs-comment{color:#565f89}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#f7768e}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#ff9e64}.hljs-built_in,.hljs-attribute{color:#e0af68}.hljs-selector-tag{color:#2ac3de}.hljs-keyword,.hljs-title.function_,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-char.escape_,.hljs-attr{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs{background:transparent!important}
/*! Bundled license information:

highlight.js/styles/tokyo-night-dark.css:
  (*!
    Theme: Tokyo-night-Dark
    origin: https://github.com/enkia/tokyo-night-vscode-theme
    Description: Original highlight.js style
    Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
    License: see project LICENSE
    Touched: 2022
  *)
*/