:root{--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, .75rem);--space-md: clamp(.75rem, 1.5vw, 1rem);--space-lg: clamp(1rem, 2vw, 1.5rem);--space-xl: clamp(1.5rem, 3vw, 2rem);--space-2xl: clamp(2rem, 4vw, 3rem);--space-3xl: clamp(3rem, 6vw, 4rem);--text-xs: clamp(.625rem, .55rem + .25vw, .75rem);--text-sm: clamp(.75rem, .7rem + .25vw, .875rem);--text-base: clamp(.875rem, .8rem + .35vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1rem + 1vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-3xl: clamp(2rem, 1.5rem + 2vw, 3rem);--container-xs: 20rem;--container-sm: 24rem;--container-md: 32rem;--container-lg: 42rem;--container-xl: 56rem;--container-2xl: 72rem;--container-full: 90rem;--vh-full: 100dvh;--vh-safe: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) ;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--panel-height-sm: min(60dvh, 400px);--panel-height-md: min(70dvh, 500px);--panel-height-lg: min(80dvh, 600px);--panel-height-full: calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem);--modal-width-sm: min(90vw, 20rem);--modal-width-md: min(90vw, 28rem);--modal-width-lg: min(90vw, 42rem);--modal-width-xl: min(95vw, 72rem);--touch-target: 2.75rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--z-base: 0;--z-overlay: 10;--z-dropdown: 20;--z-sticky: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60;--z-max: 9999;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.16, 1, .3, 1)}html,body,#root{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background-color:#030308;overscroll-behavior:none}@supports not (height: 100dvh){html,body,#root{height:100vh;height:-webkit-fill-available}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,[role=button],.interactive{-webkit-user-select:none;user-select:none}.text-fluid-xs{font-size:var(--text-xs)}.text-fluid-sm{font-size:var(--text-sm)}.text-fluid-base{font-size:var(--text-base)}.text-fluid-lg{font-size:var(--text-lg)}.text-fluid-xl{font-size:var(--text-xl)}.text-fluid-2xl{font-size:var(--text-2xl)}.text-fluid-3xl{font-size:var(--text-3xl)}.gap-fluid-xs{gap:var(--space-xs)}.gap-fluid-sm{gap:var(--space-sm)}.gap-fluid-md{gap:var(--space-md)}.gap-fluid-lg{gap:var(--space-lg)}.gap-fluid-xl{gap:var(--space-xl)}.p-fluid-sm{padding:var(--space-sm)}.p-fluid-md{padding:var(--space-md)}.p-fluid-lg{padding:var(--space-lg)}.p-fluid-xl{padding:var(--space-xl)}.h-screen-dynamic{height:100dvh}.min-h-screen-dynamic{min-height:100dvh}.max-h-screen-dynamic{max-height:100dvh}.h-screen-safe{height:var(--vh-safe)}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-left{padding-left:var(--safe-left)}.safe-right{padding-right:var(--safe-right)}.safe-all{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.mt-safe{margin-top:var(--safe-top)}.mb-safe{margin-bottom:var(--safe-bottom)}.touch-target{min-width:var(--touch-target);min-height:var(--touch-target)}.panel-sm{max-height:var(--panel-height-sm)}.panel-md{max-height:var(--panel-height-md)}.panel-lg{max-height:var(--panel-height-lg)}.panel-full{max-height:var(--panel-height-full)}.modal-sm{max-width:var(--modal-width-sm)}.modal-md{max-width:var(--modal-width-md)}.modal-lg{max-width:var(--modal-width-lg)}.modal-xl{max-width:var(--modal-width-xl)}.responsive-stack{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:640px){.responsive-stack{flex-direction:row;align-items:center}}.responsive-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);padding:var(--space-md)}@media(min-width:640px){.responsive-panel{position:absolute;inset:auto;padding:0;max-width:var(--modal-width-md)}}.auto-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.auto-grid-lg{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.custom-scrollbar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-20px) translate(10px);opacity:.4}50%{transform:translateY(-10px) translate(-5px);opacity:.3}75%{transform:translateY(-30px) translate(5px);opacity:.5}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes connection-pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fade-in var(--transition-base) forwards}.animate-fade-in-up{animation:fade-in-up var(--transition-spring) forwards}.animate-fade-in-scale{animation:fade-in-scale var(--transition-spring) forwards}.animate-blink{animation:blink 1s step-end infinite}.animate-float{animation:float 10s ease-in-out infinite}.animate-scale-in{animation:scale-in var(--transition-spring) forwards}.animate-connection-pulse{animation:connection-pulse 3s ease-in-out infinite}.animate-slide-up{animation:slide-up var(--transition-spring) forwards}.animate-slide-down{animation:slide-down var(--transition-spring) forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container-query{container-type:inline-size}@container (min-width: 400px){.cq-row{flex-direction:row}}@container (max-width: 300px){.cq-hide-small{display:none}}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-portrait{aspect-ratio:3/4}.aspect-wide{aspect-ratio:21/9}.focus-ring:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:#fff;color:#000;z-index:var(--z-max);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-sm)}
