@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=Roboto:wght@300;400;500;700&display=swap";@keyframes fb-border-multiple1{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.1)}}@keyframes fb-border-multiple2{0%{opacity:1;transform:scale(.5)}50%,to{opacity:0;transform:scale(1.2)}}@keyframes fb-border-simple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}@keyframes fb-circle-big{0%{transform:scale(.1)}25%,50%{opacity:1}to{opacity:0;transform:scale(8)}}@keyframes fb-circle-delay{0%{opacity:1;transform:scale(.5)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes fb-circle-revert{0%{opacity:1}to{opacity:0}}@keyframes fb-circle-shrink{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}@keyframes fb-circle-simple{0%{transform:scale(.3)}25%,50%{opacity:1}to{opacity:0;transform:scale(1.2)}}:root{--veams-transition-duration:.3s;--veams-transition-ease-method:ease-in-out;--veams-animation-bg-color:#0000004d;--veams-animation-border:2px solid #0000004d;--veams-animation-shadow:0 0 0 2px #00000080}.is-css-animation-fb-border-multiple{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-border-multiple:after{content:"";opacity:0;pointer-events:none;border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-border-multiple:after,.is-css-animation-fb-border-multiple:before{box-shadow:var(--veams-animation-shadow,0 0 0 2px #00000080)}.is-css-animation-fb-border-multiple.is-animated:before{animation:fb-border-multiple1 var(--veams-transition-duration,.3s) forwards}.is-css-animation-fb-border-multiple.is-animated:after{animation:fb-border-multiple2 var(--veams-transition-duration,.3s) forwards}.is-css-animation-fb-border-simple{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-border-simple:after{content:"";opacity:0;pointer-events:none;border:var(--veams-animation-border,2px solid #0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-border-simple.is-animated:after{animation:fb-border-simple var(--veams-transition-duration,.3s) ease-out forwards}.is-css-animation-fb-circle-big{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-circle-big:after{content:"";opacity:0;pointer-events:none;background:var(--veams-animation-bg-color,#0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-circle-big.is-animated:after{animation:fb-circle-big var(--veams-transition-duration,.3s) forwards}.is-css-animation-fb-circle-delay{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-circle-delay:after{content:"";opacity:0;pointer-events:none;background:var(--veams-animation-bg-color,#0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-circle-delay.is-animated:after{animation:1s ease-out forwards fb-circle-delay}.is-css-animation-fb-circle-revert{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-circle-revert:after{content:"";opacity:0;pointer-events:none;background:var(--veams-animation-bg-color,#0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-circle-revert.is-animated:after{animation:fb-circle-revert var(--veams-transition-duration,.3s) ease-out forwards}.is-css-animation-fb-circle-shrink{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-circle-shrink:after{content:"";opacity:0;pointer-events:none;background:var(--veams-animation-bg-color,#0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-circle-shrink.is-animated:after{animation:fb-circle-shrink var(--veams-transition-duration,.3s) forwards}.is-css-animation-fb-circle-simple{-webkit-tap-highlight-color:#0000;display:inline-block;position:relative;overflow:visible}.is-css-animation-fb-circle-simple:after{content:"";opacity:0;pointer-events:none;background:var(--veams-animation-bg-color,#0000004d);border-radius:0;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.is-css-animation-fb-circle-simple.is-animated:after{animation:fb-circle-simple var(--veams-transition-duration,.3s) forwards}.is-css-animation-carousel-rotate-bottom-in{transform-origin:50% 100%;animation:carousel-rotate-bottom-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-bottom-in{0%{opacity:.3;transform:translateY(-200%)scale(.4)rotateX(65deg)}}.is-css-animation-carousel-rotate-bottom-out{transform-origin:50% 0;animation:carousel-rotate-bottom-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-bottom-out{to{opacity:.3;transform:translateY(200%)scale(.4)rotateY(-65deg)}}.is-css-animation-carousel-rotate-left-in{transform-origin:0;animation:carousel-rotate-left-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-left-in{0%{opacity:.3;transform:translate(200%)scale(.4)rotateY(65deg)}}.is-css-animation-carousel-rotate-left-out{transform-origin:100%;animation:carousel-rotate-left-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-left-out{to{opacity:.3;transform:translate(-200%)scale(.4)rotateY(-65deg)}}.is-css-animation-carousel-rotate-right-in{transform-origin:100%;animation:carousel-rotate-right-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-right-in{0%{opacity:.3;transform:translate(-200%)scale(.4)rotateY(-65deg)}}.is-css-animation-carousel-rotate-right-out{transform-origin:0;animation:carousel-rotate-right-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-right-out{to{opacity:.3;transform:translate(200%)scale(.4)rotateY(65deg)}}.is-css-animation-carousel-rotate-top-in{transform-origin:50% 0;animation:carousel-rotate-top-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-top-in{0%{opacity:.3;transform:translateY(200%)scale(.4)rotateY(-65deg)}}.is-css-animation-carousel-rotate-top-out{transform-origin:50% 100%;animation:carousel-rotate-top-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes carousel-rotate-top-out{to{opacity:.3;transform:translateY(-200%)scale(.4)rotateY(65deg)}}.is-css-animation-cube-rotate-bottom-in{transform-origin:50% 100%;animation:cube-rotate-bottom-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-bottom-in{0%{opacity:.3;transform:translateY(-100%)rotateX(90deg)}50%{animation-timing-function:ease-out;transform:translateY(-50%)translateZ(-200px)rotateX(45deg)}}.is-css-animation-cube-rotate-bottom-out{transform-origin:50% 0;animation:cube-rotate-bottom-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-bottom-out{50%{animation-timing-function:ease-out;transform:translateY(50%)translateZ(-200px)rotateX(-45deg)}to{opacity:.3;transform:translateY(100%)rotateX(-90deg)}}.is-css-animation-cube-rotate-left-in{transform-origin:0%;animation:cube-rotate-left-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-left-in{0%{opacity:.3;transform:translate(100%)rotateY(90deg)}50%{animation-timing-function:ease-out;transform:translate(50%)translateZ(-200px)rotateY(45deg)}}.is-css-animation-cube-rotate-left-out{transform-origin:100%;animation:cube-rotate-left-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-left-out{50%{animation-timing-function:ease-out;transform:translate(-50%)translateZ(-200px)rotateY(-45deg)}to{opacity:.3;transform:translate(-100%)rotateY(-90deg)}}.is-css-animation-cube-rotate-right-in{transform-origin:100%;animation:cube-rotate-right-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-right-in{0%{opacity:.3;transform:translate(-100%)rotateY(-90deg)}50%{animation-timing-function:ease-out;transform:translate(-50%)translateZ(-200px)rotateY(-45deg)}}.is-css-animation-cube-rotate-right-out{transform-origin:0%;animation:cube-rotate-right-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-right-out{50%{animation-timing-function:ease-out;transform:translate(50%)translateZ(-200px)rotateY(45deg)}to{opacity:.3;transform:translate(100%)rotateY(90deg)}}.is-css-animation-cube-rotate-top-in{transform-origin:50% 0;animation:cube-rotate-top-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-top-in{0%{opacity:.3;transform:translateY(100%)rotateX(-90deg)}50%{animation-timing-function:ease-out;transform:translateY(50%)translateZ(-200px)rotateX(-45deg)}}.is-css-animation-cube-rotate-top-out{transform-origin:50% 100%;animation:cube-rotate-top-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes cube-rotate-top-out{50%{animation-timing-function:ease-out;transform:translateY(-50%)translateZ(-200px)rotateX(45deg)}to{opacity:.3;transform:translateY(-100%)rotateX(90deg)}}.is-css-animation-flip-bottom-in{transform-origin:50%;animation:flip-in-bottom var(--veams-transition-duration,.3s) ease-out both}@keyframes flip-in-bottom{0%{opacity:.2;transform:translateZ(-1000px)rotateX(-90deg)}}.is-css-animation-flip-bottom-out{transform-origin:50%;animation:flip-out-bottom var(--veams-transition-duration,.3s) ease-in both}@keyframes flip-out-bottom{to{opacity:.2;transform:translateZ(-1000px)rotateX(-90deg)}}.is-css-animation-flip-left-in{transform-origin:50%;animation:flip-in-left var(--veams-transition-duration,.3s) ease-out both}@keyframes flip-in-left{0%{opacity:.2;transform:translateZ(-1000px)rotateY(-90deg)}}.is-css-animation-flip-left-out{transform-origin:50%;animation:flip-out-left var(--veams-transition-duration,.3s) ease-in both}@keyframes flip-out-left{to{opacity:.2;transform:translateZ(-1000px)rotateY(-90deg)}}.is-css-animation-flip-right-in{transform-origin:50%;animation:flip-in-right var(--veams-transition-duration,.3s) ease-out both}@keyframes flip-in-right{0%{opacity:.2;transform:translateZ(-1000px)rotateY(90deg)}}.is-css-animation-flip-right-out{transform-origin:50%;animation:flip-out-right var(--veams-transition-duration,.3s) ease-in both}@keyframes flip-out-right{to{opacity:.2;transform:translateZ(-1000px)rotateY(90deg)}}.is-css-animation-flip-top-in{transform-origin:50%;animation:flip-in-top var(--veams-transition-duration,.3s) ease-out both}@keyframes flip-in-top{0%{opacity:.2;transform:translateZ(-1000px)rotateX(90deg)}}.is-css-animation-flip-top-out{transform-origin:50%;animation:flip-out-top var(--veams-transition-duration,.3s) ease-in both}@keyframes flip-out-top{to{opacity:.2;transform:translateZ(-1000px)rotateX(90deg)}}.is-css-animation-move-from-bottom{animation:move-from-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-bottom{0%{transform:translateY(100%)}}.is-css-animation-move-from-bottom-fade{animation:move-from-bottom-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-bottom-fade{0%{opacity:0;transform:translateY(100%)}}.is-css-animation-move-from-left{animation:move-from-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-left{0%{transform:translate(-100%)}}.is-css-animation-move-from-left-fade{animation:move-from-left-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-left-fade{0%{opacity:0;transform:translate(-100%)}}.is-css-animation-move-from-right{animation:move-from-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-right{0%{transform:translate(100%)}}.is-css-animation-move-from-right-fade{animation:move-from-right-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-right-fade{0%{opacity:0;transform:translate(100%)}}.is-css-animation-move-from-top{animation:move-from-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-top{0%{transform:translateY(-100%)}}.is-css-animation-move-from-top-fade{animation:move-from-top-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-from-top-fade{0%{opacity:0;transform:translateY(-100%)}}.is-css-animation-move-to-bottom{animation:move-to-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-bottom{to{transform:translateY(100%)}}.is-css-animation-move-to-bottom-fade{animation:move-to-bottom-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-bottom-fade{to{opacity:0;transform:translateY(100%)}}.is-css-animation-move-to-left{animation:move-to-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-left{to{transform:translate(-100%)}}.is-css-animation-move-to-left-fade{animation:move-to-left-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-left-fade{to{opacity:0;transform:translate(-100%)}}.is-css-animation-move-to-right{animation:move-to-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-right{to{transform:translate(100%)}}.is-css-animation-move-to-right-fade{animation:move-to-right-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-right-fade{to{opacity:0;transform:translate(100%)}}.is-css-animation-move-to-top{animation:move-to-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-top{to{transform:translateY(-100%)}}.is-css-animation-move-to-top-fade{animation:move-to-top-fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes move-to-top-fade{to{opacity:0;transform:translateY(-100%)}}.is-css-animation-newspaper-rotate-in{transform-origin:50%;animation:newspaper-rotate-in var(--veams-transition-duration,.3s) ease-out both}@keyframes newspaper-rotate-in{0%{opacity:0;transform:translateZ(-3000px)rotate(-360deg)}}.is-css-animation-newspaper-rotate-out{transform-origin:50%;animation:newspaper-rotate-out var(--veams-transition-duration,.3s) ease-in both}@keyframes newspaper-rotate-out{to{opacity:0;transform:translateZ(-3000px)rotate(360deg)}}.is-css-animation-pull-bottom-rotate{transform-origin:50% 100%;animation:rotate-pull-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-pull-bottom{0%{opacity:0;transform:rotateX(90deg)}}.is-css-animation-pull-left-rotate{transform-origin:0%;animation:rotate-pull-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-pull-left{0%{opacity:0;transform:rotateY(90deg)}}.is-css-animation-pull-right-rotate{transform-origin:100%;animation:rotate-pull-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-pull-right{0%{opacity:0;transform:rotateY(-90deg)}}.is-css-animation-pull-top-rotate{transform-origin:50% 0;animation:rotate-pull-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-pull-top{0%{opacity:0;transform:rotateX(-90deg)}}.is-css-animation-push-bottom-rotate{transform-origin:50% 100%;animation:rotate-push-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-push-bottom{to{opacity:0;transform:rotateX(90deg)}}.is-css-animation-push-left-rotate{transform-origin:0%;animation:rotate-push-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-push-left{to{opacity:0;transform:rotateY(90deg)}}.is-css-animation-push-right-rotate{transform-origin:100%;animation:rotate-push-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-push-right{to{opacity:0;transform:rotateY(-90deg)}}.is-css-animation-push-top-rotate{transform-origin:50% 0;animation:rotate-push-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-push-top{to{opacity:0;transform:rotateX(-90deg)}}.is-css-animation-room-rotate-bottom-in{transform-origin:50% 100%;animation:room-rotate-bottom-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-bottom-in{0%{opacity:.3;transform:translateY(-100%)rotateX(-90deg)}}.is-css-animation-room-rotate-bottom-out{transform-origin:50% 0;animation:room-rotate-bottom-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-bottom-out{to{opacity:.3;transform:translateY(100%)rotateX(90deg)}}.is-css-animation-room-rotate-left-in{transform-origin:0%;animation:room-rotate-left-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-left-in{0%{opacity:.3;transform:translate(100%)rotateY(-90deg)}}.is-css-animation-room-rotate-left-out{transform-origin:100%;animation:room-rotate-left-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-left-out{to{opacity:.3;transform:translate(-100%)rotateY(90deg)}}.is-css-animation-room-rotate-right-in{transform-origin:100%;animation:room-rotate-right-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-right-in{0%{opacity:.3;transform:translate(-100%)rotateY(90deg)}}.is-css-animation-room-rotate-right-out{transform-origin:0%;animation:room-rotate-right-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-right-out{to{opacity:.3;transform:translate(100%)rotateY(-90deg)}}.is-css-animation-room-rotate-top-in{transform-origin:50% 0;animation:room-rotate-top-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-top-in{0%{opacity:.3;transform:translateY(100%)rotateX(90deg)}}.is-css-animation-room-rotate-top-out{transform-origin:50% 100%;animation:room-rotate-top-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes room-rotate-top-out{to{opacity:.3;transform:translateY(-100%)rotateX(-90deg)}}.is-css-animation-scale-down{animation:scale-down var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes scale-down{to{opacity:0;transform:scale(.8)}}.is-css-animation-scale-down-center{animation:scale-down-center var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes scale-down-center{to{transform:scale(.7)}}.is-css-animation-scale-up{animation:scale-up var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes scale-up{0%{opacity:0;transform:scale(.8)}}.is-css-animation-scale-up-center{animation:scale-up-center var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes scale-up-center{0%{opacity:0;transform:scale(.7)}}.is-css-animation-sides-rotate-in{transform-origin:150%;animation:sides-rotate-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes sides-rotate-in{0%{opacity:0;transform:translateZ(-500px)rotateY(-90deg)}}.is-css-animation-sides-rotate-out{transform-origin:-50%;animation:sides-rotate-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes sides-rotate-out{to{opacity:0;transform:translateZ(-500px)rotateY(90deg)}}.is-css-animation-slide-rotate-in{animation:slide-rotate-in var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes slide-rotate-in{0%,25%{opacity:.5;transform:translateZ(-500px)translate(200%)}75%{opacity:.5;transform:translateZ(-500px)}to{opacity:1;transform:translateZ(0)translate(0)}}.is-css-animation-slide-rotate-out{animation:slide-rotate-out var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes slide-rotate-out{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px)translate(-200%)}to{opacity:.5;transform:translateZ(-500px)translate(-200%)}}.is-css-animation-fold-bottom{transform-origin:50% 0;animation:rotate-fold-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-fold-bottom{to{opacity:0;transform:translateY(100%)rotateX(-90deg)}}.is-css-animation-fold-left{transform-origin:100%;animation:rotate-fold-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-fold-left{to{opacity:0;transform:translate(-100%)rotateY(-90deg)}}.is-css-animation-fold-right{transform-origin:0%;animation:rotate-fold-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-fold-right{to{opacity:0;transform:translate(100%)rotateY(90deg)}}.is-css-animation-fold-top{transform-origin:50% 100%;animation:rotate-fold-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-fold-top{to{opacity:0;transform:translateY(-100%)rotateX(90deg)}}.is-css-animation-unfold-bottom{transform-origin:50% 0;animation:rotate-unfold-bottom var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-unfold-bottom{0%{opacity:0;transform:translateY(100%)rotateX(-90deg)}}.is-css-animation-unfold-left{transform-origin:100%;animation:rotate-unfold-left var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-unfold-left{0%{opacity:0;transform:translate(-100%)rotateY(-90deg)}}.is-css-animation-unfold-right{transform-origin:0%;animation:rotate-unfold-right var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-unfold-right{0%{opacity:0;transform:translate(100%)rotateY(90deg)}}.is-css-animation-unfold-top{transform-origin:50% 100%;animation:rotate-unfold-top var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-unfold-top{0%{opacity:0;transform:translateY(-100%)rotateX(90deg)}}.is-css-animation-fade{animation:fade var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes fade{to{opacity:0}}.is-css-animation-fall-rotate{transform-origin:0 0;animation:fall-rotate var(--veams-transition-duration,.3s) ease-in both}@keyframes fall-rotate{0%{transform:rotate(0)}20%{animation-timing-function:var(--veams-transition-ease-method,ease-in-out);transform:rotate(10deg)}40%{transform:rotate(17deg)}60%{transform:rotate(16deg)}to{transform:translateY(100%)rotate(17deg)}}.is-css-animation-side-rotate-bottom-first{transform-origin:50% 0;animation:rotate-bottom-side-first var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-bottom-side-first{40%{opacity:.8;animation-timing-function:ease-out;transform:rotateX(-15deg)}to{opacity:0;transform:scale(.8)translateZ(-200px)}}.is-css-animation-side-rotate-left-first{transform-origin:100%;animation:rotate-left-side-first var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-left-side-first{40%{opacity:.8;animation-timing-function:ease-out;transform:rotateY(-15deg)}to{opacity:0;transform:scale(.8)translateZ(-200px)}}.is-css-animation-side-rotate-right-first{transform-origin:0%;animation:rotate-right-side-first var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-right-side-first{40%{opacity:.8;animation-timing-function:ease-out;transform:rotateY(15deg)}to{opacity:0;transform:scale(.8)translateZ(-200px)}}.is-css-animation-side-rotate-top-first{transform-origin:50% 100%;animation:rotate-top-side-first var(--veams-transition-duration,.3s) var(--veams-transition-ease-method,ease-in-out) both}@keyframes rotate-top-side-first{40%{opacity:.8;animation-timing-function:ease-out;transform:rotateX(-15deg)}to{opacity:0;transform:scale(.8)translateZ(-200px)}}.example-animation-showcase{grid-template-columns:minmax(0,3fr) minmax(26rem,2fr);align-items:start;gap:2rem;display:grid}.example-animation-grid{gap:2rem;display:grid}.example-animation-mobile-controls{display:none}.example-animation-mobile-field{gap:.8rem;display:grid}.example-animation-mobile-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:1.3rem;font-weight:700}.example-animation-mobile-field select{appearance:none;width:100%;min-height:4.8rem;color:var(--text);font:inherit;background:linear-gradient(#fffffffa 0%,#f9f5f7fa 100%);border:1px solid #97a8c459;border-radius:1.4rem;padding:0 1.6rem;box-shadow:0 12px 24px #0f172a0d}.example-animation-section{gap:1rem;display:grid}.example-animation-section h5{font-family:var(--font-heading);color:var(--accent);margin:0;font-size:1.8rem}.example-animation-buttons{flex-wrap:wrap;gap:.8rem;display:flex}.example-animation-preview{--showcase-preview-bg:radial-gradient(circle at top left, #d12d691c, transparent 42%), linear-gradient(180deg, #fffafb 0%, #fdf0f5 100%);--showcase-preview-border:#d12d6924;--showcase-target-bg:linear-gradient(180deg, #fce8f0 0%, #f6d5e2 100%);--showcase-target-border:#d12d692e;--showcase-target-shadow:0 16px 32px #d12d6912;--showcase-target-text:#9a3360;background:var(--showcase-preview-bg);border:1px solid var(--showcase-preview-border);perspective:1000px;place-items:center;min-height:30rem;padding:2rem;display:grid;box-shadow:inset 0 1px #ffffff8c}.example-animation-preview-stack{gap:1.4rem;display:grid;position:sticky;top:10rem}.example-animation-target{background:var(--showcase-target-bg);width:12rem;height:12rem;color:var(--showcase-target-text);text-align:center;border:1px solid var(--showcase-target-border);box-shadow:var(--showcase-target-shadow);justify-content:center;align-items:center;padding:1rem;font-weight:600;display:flex;position:relative}.example-animation-target.is-animated{animation-duration:.6s;animation-fill-mode:both}.example-animation-import-hint{color:var(--muted);background:#ffffffb3;border:1px dashed #97a8c473;border-radius:1.4rem;margin:0;padding:1.4rem 1.6rem;font-size:1.5rem;line-height:1.5}@media (width<=960px){.example-animation-showcase{grid-template-columns:1fr}.example-animation-mobile-controls{gap:1.2rem;display:grid}.example-animation-section{display:none}.example-animation-preview-stack{position:static}.example-animation-preview{min-height:24rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--page-soft:#f5f5f5;--surface:#fff;--header:#fff;--header-text:#23241f;--header-border:#23241f1f;--ink:#23241f;--muted:#808472;--border:#bec0b5;--accent-ember:#d96a2b;--accent-ember-soft:#f8ebdf;--accent-ember-ghost:#d96a2b2e;--accent-ocean:#4677d8;--accent-ocean-soft:#e6edff;--accent-ocean-ghost:#4677d82e;--accent-graphite:#1f232b;--accent-graphite-soft:#e9ebee;--accent-graphite-ghost:#1f232b29;--accent-teal:#1f8b8f;--accent-teal-soft:#e2f4f2;--accent-teal-ghost:#1f8b8f2e;--accent-forest:#2d8a44;--accent-forest-soft:#eaf5ee;--accent-forest-ghost:#2d8a442e;--accent-ochre:#b88d00;--accent-ochre-soft:#fbf3cf;--accent-ochre-ghost:#b88d0033;--accent-pink:#d12d69;--accent-pink-soft:#fceaf1;--accent-pink-ghost:#d12d692e;--accent-violet:#7a52e0;--accent-violet-soft:#efe8ff;--accent-violet-ghost:#7a52e02e;--font-body:"Roboto", Helvetica, Arial, sans-serif;--font-heading:"Fraunces", Georgia, serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--header-shadow:0 10px 24px #23241f14;--visual-panel:#0f141c;--visual-blue:#3f70f3;--visual-blue-soft:#3f70f33d;--visual-blue-dim:#2d457f;--visual-orange:#ffa327;--visual-orange-soft:#ffa3273d;--visual-orange-dim:#7d5f3c;--visual-slate:#8b97ac;--visual-slate-dim:#4f5a6f;--visual-white:#eef3ff;--visual-white-soft:#eef3ffb8}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}body{background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.8rem;line-height:1.4}a{color:inherit}button{font:inherit}#root{min-height:100vh}.site-shell{padding:0}.accent-ember{--accent:var(--accent-ember);--accent-soft:var(--accent-ember-soft);--accent-ghost:var(--accent-ember-ghost)}.accent-ocean{--accent:var(--accent-ocean);--accent-soft:var(--accent-ocean-soft);--accent-ghost:var(--accent-ocean-ghost)}.accent-graphite{--accent:var(--accent-graphite);--accent-soft:var(--accent-graphite-soft);--accent-ghost:var(--accent-graphite-ghost)}.accent-teal{--accent:var(--accent-teal);--accent-soft:var(--accent-teal-soft);--accent-ghost:var(--accent-teal-ghost)}.accent-violet{--accent:var(--accent-violet);--accent-soft:var(--accent-violet-soft);--accent-ghost:var(--accent-violet-ghost)}.accent-forest{--accent:var(--accent-forest);--accent-soft:var(--accent-forest-soft);--accent-ghost:var(--accent-forest-ghost)}.accent-ochre{--accent:var(--accent-ochre);--accent-soft:var(--accent-ochre-soft);--accent-ghost:var(--accent-ochre-ghost)}.accent-pink{--accent:var(--accent-pink);--accent-soft:var(--accent-pink-soft);--accent-ghost:var(--accent-pink-ghost)}.topbar{z-index:30;border-bottom:1px solid var(--header-border);background:var(--header);box-shadow:var(--header-shadow);margin:0;padding:1rem 2rem;position:sticky;top:0}.topbar-layout{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand package actions";justify-content:space-between;align-items:center;gap:2rem;display:grid}.topbar-brand{grid-area:brand;align-items:center;padding:.35rem 0;line-height:1;text-decoration:none;display:flex}.brand-logo{width:16rem;max-width:100%;height:auto;margin-top:-5px}.brand-package-name{color:var(--accent);font-family:var(--font-body);font-size:2.6rem;font-weight:400;line-height:1}.topbar-package-row{border-left:1px solid var(--header-border);grid-area:package;min-width:0;padding-left:1.8rem}.topbar-package-link{align-items:center;min-width:0;text-decoration:none;display:inline-flex}.topbar-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.topbar-menu-toggle{border:1px solid var(--header-border);color:var(--header-text);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-size:1.5rem;font-weight:300;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:flex}.topbar-menu-toggle:hover,.topbar-menu-toggle:focus-visible{border-color:var(--accent);background:var(--accent-ghost);color:var(--accent)}.topbar-menu-toggle:focus-visible,.section-link:focus-visible,.toc-nav a:focus-visible,.anchor-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-menu-icon{gap:.4rem;display:grid}.topbar-menu-icon span{background:currentColor;width:1.6rem;height:.2rem;display:block}.topbar-menu-label{font-size:1.5rem;font-weight:300}.drawer-backdrop{z-index:39;background:#0e0e0c8f;border:0;padding:0;position:fixed;inset:0}.package-drawer{z-index:40;background:var(--page-soft);visibility:hidden;pointer-events:none;grid-template-rows:auto minmax(0,1fr);gap:2rem;width:min(34rem,100vw - 2rem);height:100dvh;padding:4rem 2rem 3rem;transition:transform .28s;display:grid;position:fixed;top:0;right:0;overflow:hidden;transform:translate(calc(100% + 2rem));box-shadow:-6px 0 40px #00000047}.package-drawer.is-open{visibility:visible;pointer-events:auto;transform:translate(0)}.package-drawer-header{justify-content:space-between;align-items:flex-start;gap:1.2rem;display:flex}.package-drawer-header h2{margin:0;font-size:2.8rem;font-weight:300}.package-drawer-close{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:#fff;padding:.8rem 1.2rem}.package-drawer-close:focus-visible,.package-drawer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.package-drawer-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:1rem;min-height:0;padding-right:.4rem;display:grid;overflow-y:auto}.package-drawer-link{--package-accent:var(--accent);--package-accent-soft:var(--accent-soft);--package-accent-ghost:var(--accent-ghost);color:var(--package-accent);background:#ffffffb8;border:1px solid #0000;gap:.4rem;padding:1.2rem 1.4rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:grid}.package-drawer-link:hover,.package-drawer-link.is-active{border-color:color-mix(in srgb, var(--package-accent) 32%, var(--border));color:var(--package-accent);box-shadow:inset 0 0 0 999px var(--package-accent-ghost);background:#fff}.package-drawer-link span{font-family:var(--font-heading);font-size:1.8rem;font-weight:500;line-height:1.2}.package-drawer-link small{color:color-mix(in srgb, var(--package-accent) 58%, var(--muted));line-height:1.45}.workspace-frame{grid-template-columns:32rem minmax(0,1fr);gap:0;min-height:calc(100vh - 8rem);display:grid}.sidebar{background-color:var(--page-soft);background-image:url(/veams/assets/bg-pattern-TjTN07Un.png);background-repeat:repeat;align-content:start;gap:3rem;padding:6rem 2rem 4rem;display:grid}.sidebar-card,.hero-card,.article-card{box-shadow:none;background:0 0;border:0;position:relative}.sidebar-card{padding:0 0 3rem}.sidebar-card:after,.sidebar-card:before{content:"";display:block;position:absolute;left:0;right:0}.sidebar-card:after{background:#fff;height:.3rem;bottom:0}.sidebar-card:before{background:var(--border);height:.1rem;bottom:.3rem}.sidebar .sidebar-card:last-child{padding-bottom:0}.sidebar .sidebar-card:last-child:before,.sidebar .sidebar-card:last-child:after{content:none}.sidebar-divider{height:.4rem;margin:.5rem 0 1.5rem;position:relative}.sidebar-divider:before,.sidebar-divider:after{content:"";display:block;position:absolute;left:0;right:0}.sidebar-divider:before{background:var(--border);height:.1rem;top:0}.sidebar-divider:after{background:#fff;height:.3rem;top:.1rem}.package-summary{gap:1.6rem;display:grid}.package-logo{object-fit:contain;width:14.8rem;height:auto}.package-logo-badge{background:var(--accent);color:#fff;letter-spacing:.08em;place-items:center;width:14.8rem;height:8.8rem;font-size:1.8rem;font-weight:300;display:grid}.eyebrow{color:var(--muted);font-family:var(--font-body);letter-spacing:0;text-transform:none;margin:0 0 .6rem;font-size:1.4rem;font-weight:300}.toc-panel .eyebrow{color:var(--accent);font-family:var(--font-heading);margin-bottom:1.4rem;font-size:2rem;font-weight:500;line-height:1.2}.package-summary h2{margin:0 0 1rem;font-size:2.4rem;font-weight:300}.npm-tag{width:fit-content;color:var(--accent);font-family:var(--font-mono);background:#fff;align-items:center;padding:.6rem 1rem;font-size:1.3rem;display:inline-flex}.section-nav{gap:2rem;display:grid}.sidebar-mobile-toggle{display:none}.section-group{gap:1rem;display:grid}.section-group-title{color:var(--accent);font-family:var(--font-heading);margin:0;font-size:2.1rem;font-weight:500;line-height:1.2}.section-group-links{gap:1.2rem;display:grid}.section-link{color:var(--accent);background:#ffffff73;border:1px solid #0000;gap:.4rem;padding:1.2rem 1.4rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:grid}.section-link:hover,.section-link:focus-visible,.section-link.is-active{border-color:var(--border);color:#1a383a;background:#fff}.section-link span{font-family:var(--font-heading);font-size:1.8rem;font-weight:500;line-height:1.2}.section-link small{color:var(--muted);line-height:1.45}.content-panel{background:var(--surface);padding:6rem 4rem}.content-panel>*+*{margin-top:2.6rem}.hero-card{border-bottom:2px dotted var(--accent);grid-template-columns:minmax(0,1fr) 28rem;align-items:start;gap:1.6rem;padding:0 0 2.4rem;display:grid}.hero-card-full{grid-template-columns:minmax(0,1fr)}.hero-copy h2{font-family:var(--font-heading);margin:0 0 1.4rem;font-size:3.4rem;font-weight:100;line-height:1.2}.hero-image{border:1px solid var(--border);background:var(--visual-panel);border-radius:1.2rem;margin-top:2.4rem;margin-bottom:2.4rem;overflow:hidden}.hero-image img{width:100%;height:auto;display:block}.hero-body{gap:1.4rem;display:grid}.hero-body p{color:var(--ink);margin:0;font-weight:300;line-height:1.6}.hero-bullet-list{gap:.9rem;margin:0 0 0 3rem;padding:0;list-style:none;display:grid}.hero-bullet-list li{color:var(--ink);padding-left:2rem;font-size:1.7rem;font-weight:300;line-height:1.55;position:relative}.hero-bullet-list li:before{content:"";background:var(--accent);width:.8rem;height:.8rem;position:absolute;top:1rem;left:0}.inline-code{background:color-mix(in srgb, var(--accent-soft) 78%, #fff 22%);color:color-mix(in srgb, var(--accent) 80%, #1f2a44 20%);font-family:var(--font-mono);border-radius:.6rem;padding:.1rem .55rem;font-size:.92em;line-height:1.45;display:inline-block}.inline-strong{color:var(--ink);font-weight:600}.hero-meta{justify-items:stretch;gap:1rem;padding-top:3.4rem;display:grid}.hero-badge{border:1px solid var(--border);background:var(--accent-soft);width:100%;color:var(--accent);align-items:center;gap:1rem;padding:.8rem 1.2rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.hero-badge-icon{flex:none;width:2.2rem;height:2.2rem}.hero-badge-icon-npm{width:2.6rem;height:2.6rem}.hero-badge-copy{min-width:0}.hero-badge:hover,.hero-badge:focus-visible{border-color:var(--accent);color:#1a383a;outline:2px solid var(--accent);outline-offset:2px;background:#fff}.hero-badge strong{font-family:var(--font-body);font-size:1.5rem;font-weight:500}.article-grid{grid-template-columns:minmax(0,1fr) 28rem;align-items:start;gap:3rem;display:grid}.article-grid.is-full{grid-template-columns:minmax(0,1fr)}.article-card{padding:0}.page-pagination{border-top:2px dotted var(--accent);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:3.2rem;padding-top:2.4rem;display:grid}.page-pagination-slot{min-width:0}.page-pagination-link{border:1px solid var(--border);min-height:100%;color:var(--accent);background:#ffffffb8;gap:.5rem;padding:1.2rem 1.4rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:grid}.page-pagination-link:hover,.page-pagination-link:focus-visible{border-color:var(--accent);color:#1a383a;outline:2px solid var(--accent);outline-offset:2px;background:#fff}.page-pagination-link:active{transform:translateY(1px)}.page-pagination-link small{color:var(--muted);font-family:var(--font-body);text-transform:uppercase;font-size:1.2rem;font-weight:400;line-height:1.2}.page-pagination-link span{font-family:var(--font-heading);font-size:1.75rem;font-weight:500;line-height:1.2}.page-pagination-link.is-next{text-align:right;justify-items:end}.content-block{border-top:2px dotted var(--accent);padding:4rem 0;scroll-margin-top:9rem}.content-block:first-child{border-top:0;padding-top:0}.content-header{justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:1rem;display:flex}.content-header h3{color:var(--accent);font-family:var(--font-heading);margin:0;font-size:2.4rem;font-weight:300}.anchor-link{background:var(--accent-soft);min-width:2.8rem;height:2.8rem;color:var(--accent);font-family:var(--font-mono);border:1px solid #0000;justify-content:center;align-items:center;padding:0 .6rem;font-size:1.3rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.anchor-link:hover,.anchor-link:focus-visible{border-color:var(--border);color:#1a383a;background:#fff}.content-stack{gap:1.4rem;display:grid}.content-stack p,.package-summary p,.sidebar-card p{color:var(--ink);margin:0;font-weight:300;line-height:1.6}.bullet-list{margin:0 0 0 3rem;padding:0;list-style:none}.bullet-list li{padding:.5rem 0 .5rem 2rem;line-height:1.6;position:relative}.bullet-list li:before{content:"";background:var(--accent);width:.8rem;height:.8rem;position:absolute;top:1.2rem;left:0}.callout{border:1px solid color-mix(in srgb, var(--accent) 18%, #d9dee9);border-left:.4rem solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, #fff) 0%, #fff 100%);gap:1rem;padding:1.5rem 1.7rem;display:grid;box-shadow:0 1.2rem 2.4rem #18274b0d,inset 0 0 0 .1rem #ffffff80}.callout-header{align-items:center;gap:.9rem;display:inline-flex}.callout-icon{background:var(--accent);color:#fff;width:2rem;height:2rem;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1;display:inline-flex}.callout-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:1.2rem;font-weight:600}.callout-copy{color:var(--ink);font-weight:300;line-height:1.6}.callout-copy .inline-code{background:color-mix(in srgb, var(--accent) 10%, #fff)}.live-example{background:linear-gradient(#fbfcff 0%,#f4f7fc 100%);border:1px solid #97a8c447;gap:1.8rem;padding:2rem;display:grid;box-shadow:0 14px 30px #2437590f}.live-example-stack{gap:1.8rem;display:grid}.live-example-header{gap:.6rem;display:grid}.live-example-header h4{color:var(--ink);font-family:var(--font-heading);margin:0;font-size:2.2rem;font-weight:500;line-height:1.2}.example-counter-layout{gap:1.4rem;display:grid}.example-counter-layout-shared{grid-template-columns:repeat(2,minmax(0,1fr))}.example-counter-card{background:#fff;border:1px solid #97a8c438;gap:1.4rem;padding:1.8rem;display:grid}.example-counter-title{color:var(--muted);text-transform:uppercase;margin:0;font-size:1.45rem;font-weight:400}.example-counter-value{color:var(--accent);font-family:var(--font-heading);font-size:4.2rem;font-weight:500;line-height:1}.example-counter-label,.example-counter-meta{color:var(--muted);margin:0;font-size:1.45rem;font-weight:300;line-height:1.5}.example-counter-meta{border-top:1px solid #97a8c42e;justify-content:space-between;align-items:center;gap:1.2rem;padding-top:.8rem;display:inline-flex}.example-counter-meta strong{color:var(--ink);font-family:var(--font-mono);font-size:1.35rem;font-weight:500}.example-counter-actions,.example-shared-actions{flex-wrap:wrap;gap:1rem;display:flex}.example-counter-actions button,.example-shared-actions button{border:1px solid var(--border);color:var(--accent);cursor:pointer;font-family:var(--font-body);background:#fff;padding:.9rem 1.2rem;font-size:1.45rem;font-weight:500;transition:border-color .2s,background-color .2s,color .2s,transform .2s}.example-counter-actions button:hover,.example-counter-actions button:focus-visible,.example-shared-actions button:hover,.example-shared-actions button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:#1a383a;outline:2px solid var(--accent);outline-offset:2px}.example-counter-actions button:active,.example-shared-actions button:active{transform:translateY(1px)}.example-two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.example-field{gap:.6rem;display:grid}.example-field span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem;font-weight:500}.example-field input,.example-field textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fcfdff;border:1px solid #97a8c461;padding:1rem 1.2rem}.example-field textarea{min-height:10rem}.example-form-stack{gap:1.4rem;display:grid}.example-form-field{gap:.7rem;display:grid}.example-form-field span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem;font-weight:500}.example-form-field input{width:100%;color:var(--ink);font:inherit;background:#fcfdff;border:1px solid #97a8c461;padding:1rem 1.2rem}.example-form-field small,.example-form-checkbox small{color:var(--muted);font-size:1.35rem;font-weight:300;line-height:1.5}.example-form-checkbox{background:#fbfcff;border:1px solid #97a8c438;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1.2rem;display:grid}.example-form-checkbox input{margin-top:.4rem}.example-form-checkbox span{gap:.4rem;display:grid}.example-form-checkbox strong{color:var(--ink);font-size:1.45rem;font-weight:500;line-height:1.3}.example-form-field .example-form-error,.example-counter-card .example-form-error{color:#b42318;margin:0;font-size:1.35rem;font-weight:500;line-height:1.5}.example-form-json{color:#1f2a44;font-family:var(--font-mono);background:#f8fbff;border:1px solid #97a8c42e;margin:0;padding:1.2rem 1.4rem;font-size:1.25rem;line-height:1.6;overflow-x:auto}.example-form-banner{color:#b42318;background:#b4231814;border:1px solid #b4231838;margin:0;padding:1rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.5}.example-form-banner.is-muted{color:var(--ink);background:#f8fbff;border-color:#97a8c438}.example-form-primary{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}.example-form-primary:hover,.example-form-primary:focus-visible{background:color-mix(in srgb, var(--accent) 88%, #fff)!important;color:#fff!important}.example-form-primary:disabled{opacity:.6;cursor:not-allowed}.example-field input:focus-visible,.example-field textarea:focus-visible,.example-chip-button:focus-visible,.example-form-field input:focus-visible,.example-form-checkbox input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-chip-row{flex-wrap:wrap;gap:.8rem;display:flex}.example-chip,.example-chip-button{border:1px solid #97a8c44d;justify-content:center;align-items:center;min-height:3.4rem;padding:.7rem 1rem;font-size:1.35rem;font-weight:500;line-height:1.2;display:inline-flex}.example-chip{background:var(--accent-soft);color:var(--accent)}.example-chip-button{color:var(--muted);cursor:pointer;background:#fff;transition:border-color .2s,background-color .2s,color .2s,transform .2s}.example-chip-button:hover,.example-chip-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.example-chip-button:active{transform:translateY(1px)}.example-stat-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;display:grid}.example-stat{background:#fbfcff;border:1px solid #97a8c433;gap:.4rem;padding:1rem 1.2rem;display:grid}.example-stat span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem;font-weight:500}.example-stat strong{color:var(--ink);font-family:var(--font-heading);font-size:2rem;font-weight:500;line-height:1.1}.example-note-heading{color:var(--ink);font-family:var(--font-heading);margin:0;font-size:2.8rem;font-weight:500;line-height:1.15}.example-note-copy{color:var(--ink);margin:0;font-size:1.6rem;font-weight:300;line-height:1.6}.example-inline-muted{color:var(--muted);font-family:var(--font-body);font-size:1.7rem;font-weight:400}.live-example-source{gap:1rem;display:grid}.live-example-source-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.3rem;font-weight:500}.concept-grid{grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:2rem;display:grid}.concept-grid.is-single-item{grid-template-columns:1fr}.concept-grid.is-single-item .concept-card-visual{min-height:32rem}.concept-card{background:#fff;border:1px solid #bec0b5bd;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 16px 32px #23241f14}.concept-card.is-link{cursor:pointer;text-decoration:none}.concept-card.is-link:hover,.concept-card.is-link:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-4px);box-shadow:0 20px 40px #23241f1f}.concept-card-visual{background:var(--visual-panel);place-items:center;min-height:19rem;padding:1.2rem;display:grid}.hero-body .concept-card-visual{max-height:19rem}.concept-illustration{object-fit:contain;width:100%;height:100%;display:block}.concept-illustration-vent-card-publish{width:100%}.concept-card-body{gap:1.2rem;padding:2rem 2.2rem 2.4rem;display:grid}.concept-card-body h4{color:var(--ink);font-family:var(--font-body);margin:0;font-size:2rem;font-weight:600;line-height:1.2}.concept-card-body p{color:#5b5f52;margin:0;font-size:1.7rem;font-weight:300;line-height:1.55}.code-grid{gap:1.4rem;display:grid}.code-panel{background:linear-gradient(#fcfdff 0%,#f7faff 100%);border:1px solid #97a8c442;border-radius:1.8rem;margin:0;overflow:hidden;box-shadow:0 18px 40px #24375914}.code-label{color:#1f2a44;font-family:var(--font-body);background:linear-gradient(#f3f7fff5 0%,#fafcffeb 100%);border-bottom:1px solid #97a8c438;gap:1.2rem;padding:1.3rem 1.6rem;font-size:1.5rem;font-weight:400;display:grid}.code-label-top{justify-content:space-between;align-items:center;gap:1.4rem;display:flex}.code-label-title{min-width:0;font-weight:500}.code-description{color:#5b6883;font-size:1.4rem;font-weight:300;line-height:1.5}.code-label-actions{align-items:center;gap:.8rem;display:inline-flex}.code-language{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:1.2rem;display:inline-flex}.code-copy-button{color:#1f2a44;cursor:pointer;min-width:6.4rem;font-family:var(--font-body);background:#fff;border:1px solid #97a8c459;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .95rem;font-size:1.25rem;font-weight:500;line-height:1;transition:border-color .2s,background-color .2s,color .2s,transform .2s;display:inline-flex}.code-copy-button:hover,.code-copy-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);outline:none}.code-copy-button:active{transform:translateY(1px)}.code-block{color:#1f2a44;font-family:var(--font-mono);background:linear-gradient(#fff3 0%,#f3f7ff80 100%),#f9fbff;margin:0;padding:1rem 0 1.4rem;font-size:1.4rem;line-height:1.6;overflow-x:auto}.code-block code{display:grid}.code-line{grid-template-columns:4.4rem minmax(0,1fr);gap:1.2rem;padding:.1rem 1.6rem;display:grid}.code-line:hover{background:#4677d80d}.code-line-number{color:#a0a8b8;-webkit-user-select:none;user-select:none;text-align:right;font-size:1.25rem}.code-line-content{min-width:0}.toc-panel{align-content:start;gap:2rem;display:grid}.toc-panel .sidebar-card{background:var(--page-soft);padding:1.6rem}.toc-panel .sidebar-card:before,.toc-panel .sidebar-card:after{display:block}.toc-nav{gap:1rem;display:grid}.toc-nav a{color:var(--accent);background:#ffffff8c;border:1px solid #0000;align-items:center;gap:1.2rem;padding:.7rem 1rem;font-size:1.5rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.toc-nav a:hover{border-color:var(--border);color:#1a383a;background:#fff}.toc-link-icon{background:var(--accent-soft);min-width:2rem;height:2rem;color:var(--accent);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.site-footer{border-top:1px solid var(--border);background:var(--page);text-align:center;color:var(--muted);padding:1rem 0;font-size:1.5rem;font-weight:300}.site-footer a{color:inherit;font-weight:400;text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent);text-decoration:underline}.footer-heart-icon{vertical-align:middle;width:1.8rem;height:1.8rem;color:var(--accent);margin:0 .4rem;display:inline-block}@media (width<=1180px){.workspace-frame,.article-grid{grid-template-columns:1fr}.sidebar{background-image:none;order:0;gap:1.6rem;padding-top:2rem;padding-bottom:0}.hero-card{grid-template-columns:1fr}.hero-meta{padding-top:0}.sidebar-mobile-toggle{border:1px solid var(--border);width:100%;color:var(--accent);font-family:var(--font-heading);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1.6rem;padding:1.2rem 1.4rem;font-size:2rem;font-weight:500;line-height:1.2;display:flex}.sidebar-mobile-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-mobile-toggle-icon{min-width:2.4rem;font-family:var(--font-body);justify-content:center;align-items:center;font-size:2.4rem;font-weight:300;line-height:1;display:inline-flex}.section-nav{gap:1.8rem;display:none}.section-nav.is-open{display:grid}}@media (width<=760px){.topbar{padding:1rem 1.6rem}.topbar-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""package package";align-items:center;gap:.8rem 1.2rem}.brand-logo{width:12.8rem}.brand-package-name{text-align:center;font-size:2.2rem}.topbar-package-row{border-top:1px solid var(--header-border);text-align:center;border-left:0;justify-self:stretch;padding-top:.95rem;padding-left:0}.topbar-package-link{justify-content:center;width:100%}.topbar-menu-label{display:none}.topbar-menu-toggle{padding:.75rem .9rem}.content-panel,.sidebar{padding-left:2rem;padding-right:2rem}.package-drawer{gap:1.4rem;width:calc(100vw - .8rem);padding:4.8rem 1.2rem 1.6rem}.content-panel{padding-top:4rem}.toc-panel,.concept-grid,.example-counter-layout-shared,.example-two-column-layout,.page-pagination{grid-template-columns:1fr}.page-pagination-link.is-next{text-align:left;justify-items:start}.code-line{grid-template-columns:3.2rem minmax(0,1fr);gap:1rem;padding:0 1.2rem}.code-label{flex-wrap:wrap;align-items:flex-start}}@media (width>=761px){.concept-illustration-vent-card-publish{width:70%}}