:root{--viewport-height:100dvh}.h-viewport{height:var(--viewport-height,100dvh)}html:has(.onboarding-page),html:has(.onboarding-page) body{height:var(--viewport-height,100dvh)!important;min-height:auto!important;max-height:var(--viewport-height,100dvh)!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;position:fixed!important;width:100%!important}main:has(.onboarding-page){min-height:0!important;height:var(--viewport-height,100dvh)!important;max-height:var(--viewport-height,100dvh)!important;overflow:hidden!important}.onboarding-page{position:fixed!important;inset:0!important;height:var(--viewport-height,100dvh)!important;overflow:hidden!important;touch-action:manipulation!important}@keyframes float1{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}33%{transform:translate(-50%,-50%) translate(20px,-30px) rotate(2deg)}66%{transform:translate(-50%,-50%) translate(-15px,20px) rotate(-2deg)}}@keyframes float2{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}33%{transform:translate(-50%,-50%) translate(-25px,25px) rotate(-1.5deg)}66%{transform:translate(-50%,-50%) translate(30px,-20px) rotate(1.5deg)}}@keyframes float3{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}33%{transform:translate(-50%,-50%) translate(15px,30px) rotate(1deg)}66%{transform:translate(-50%,-50%) translate(-20px,-25px) rotate(-1deg)}}@keyframes float4{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}33%{transform:translate(-50%,-50%) translate(-30px,-15px) rotate(-2deg)}66%{transform:translate(-50%,-50%) translate(25px,30px) rotate(2deg)}}@keyframes float5{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}33%{transform:translate(-50%,-50%) translate(20px,25px) rotate(1.5deg)}66%{transform:translate(-50%,-50%) translate(-25px,-20px) rotate(-1.5deg)}}.floating-card{--card-depth:0px;--card-tilt:0deg;transform:translate3d(-50%,-50%,var(--card-depth)) rotateY(var(--card-tilt)) rotateX(calc(var(--card-tilt) * -.4)) scale(0);transition:opacity .6s ease,transform .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1),left .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 481px 135px 0 rgba(0,0,0,0),0 308px 123px 0 rgba(0,0,0,.01),0 173px 104px 0 rgba(0,0,0,.05),0 77px 77px 0 rgba(0,0,0,.09),0 19px 42px 0 rgba(0,0,0,.1)}.floating-card.visible{opacity:.4;transform:translate3d(-50%,-50%,var(--card-depth)) rotateY(var(--card-tilt)) rotateX(calc(var(--card-tilt) * -.4)) scale(1)}.floating-card.swarming{opacity:.85;transform:translate3d(-50%,-50%,var(--card-depth)) rotateY(var(--card-tilt)) rotateX(calc(var(--card-tilt) * -.4)) scale(1.08)}.floating-card.animating-out{transform:translate(-50%,-50%) scale(0);opacity:0}.floating-card.visible:first-child{animation:float1 20s ease-in-out infinite}.floating-card.visible:nth-child(2){animation:float2 25s ease-in-out infinite}.floating-card.visible:nth-child(3){animation:float3 22s ease-in-out infinite}.floating-card.visible:nth-child(4){animation:float4 28s ease-in-out infinite}.floating-card.visible:nth-child(5){animation:float5 24s ease-in-out infinite}.onboarding-h1 .char{transition:filter .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);opacity:0;filter:blur(8px);transform:translateY(15px);display:inline}.onboarding-h1 .char[data-punctuation=true]{transform:translateY(10px)}.onboarding-h1 .char.visible{opacity:1;filter:blur(0);transform:translateY(0)}.onboarding-h1 .char[data-punctuation=true].visible{transform:translateY(0)}.onboarding-h1 .char.space{width:.25em}.binoculars-container{transition:opacity .8s ease-out}.suggestions-container{transition:opacity .8s ease-in}.floating-background{transition:opacity .8s ease}