:root{--font-inter:"Inter", system-ui, sans-serif;--header-height:56px;--footer-height:200px}body{font-family:var(--font-inter), system-ui, sans-serif;background-color:var(--background);color:var(--foreground);margin:0;overflow-y:scroll}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}header{height:var(--header-height);z-index:40;position:sticky;top:0}main{min-height:calc(100vh - var(--header-height) - var(--footer-height))}img{background-color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@keyframes float{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-20px)translateZ(0)}}@keyframes float-delayed{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-15px)translateZ(0)}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)translateZ(0)}50%{opacity:.5;transform:scale(1.05)translateZ(0)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float{will-change:transform;backface-visibility:hidden;animation:6s ease-in-out infinite float;transform:translateZ(0)}.animate-float-delayed{will-change:transform;backface-visibility:hidden;animation:8s ease-in-out 2s infinite float-delayed;transform:translateZ(0)}.animate-pulse-slow{will-change:transform, opacity;backface-visibility:hidden;animation:4s ease-in-out infinite pulse-slow;transform:translateZ(0)}.animate-gradient{will-change:background-position;background-size:200% 200%;animation:8s infinite gradient}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loader{will-change:background-position;background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.dark .skeleton-loader{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%}.sidebar-transition{will-change:transform;backface-visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)}button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}input,textarea{will-change:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay{will-change:opacity;backface-visibility:hidden}.modal-content{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}.hover-scale{will-change:transform;transition:transform .2s}.hover-scale:hover{transform:scale(1.05)translateZ(0)}.async-content-placeholder{contain:layout style;min-height:100px}.scrollable{will-change:scroll-position;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}@font-face{font-display:swap}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-auto{aspect-ratio:auto}