*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Nunito,sans-serif;background:#0e0535;overflow-x:hidden}body{display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:480px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,90px) scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-90px,60px) scale(.88)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-70px) scale(1.06)}}@keyframes drift4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,80px) scale(1.1)}}@keyframes drift5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,-40px) scale(.92)}}@keyframes floatDown{0%{transform:translateY(0) rotate(0) scale(.6);opacity:0}8%{opacity:1}88%{opacity:.9}to{transform:translateY(110vh) rotate(-360deg) scale(1.3);opacity:0}}@keyframes shoot1{0%,to{opacity:0;transform:translate(-200px,-20px) rotate(15deg)}4%{opacity:1}30%{opacity:0;transform:translate(calc(100vw + 200px),80px) rotate(15deg)}31%,to{opacity:0}}@keyframes shoot2{0%,66%,to{opacity:0;transform:translate(calc(100vw + 200px),20px) rotate(160deg)}70%{opacity:1}88%{opacity:0;transform:translate(-200px,180px) rotate(160deg)}89%,to{opacity:0}}@keyframes shoot3{0%,44%,to{opacity:0;transform:translate(-150px,100vh) rotate(-55deg)}48%{opacity:1}62%{opacity:0;transform:translate(calc(100vw + 200px),-100px) rotate(-55deg)}63%,to{opacity:0}}@keyframes shoot4{0%,78%,to{opacity:0;transform:translate(calc(100vw + 150px),100vh) rotate(-130deg)}82%{opacity:1}95%{opacity:0;transform:translate(-200px,-100px) rotate(-130deg)}96%,to{opacity:0}}@keyframes burst0{0%{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(-64px) scale(0);opacity:0}}@keyframes burst1{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(45px,-45px) scale(0);opacity:0}}@keyframes burst2{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(64px) scale(0);opacity:0}}@keyframes burst3{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(45px,45px) scale(0);opacity:0}}@keyframes burst4{0%{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(64px) scale(0);opacity:0}}@keyframes burst5{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-45px,45px) scale(0);opacity:0}}@keyframes burst6{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-64px) scale(0);opacity:0}}@keyframes burst7{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-45px,-45px) scale(0);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}70%{transform:scale(1.08) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8) translateY(10px)}}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes halo{0%,to{box-shadow:0 0 0 3px #ffd25080,0 0 24px 6px #ffb42840}50%{box-shadow:0 0 0 4px #ffe664cc,0 0 36px 10px #ffc83c73}}@keyframes catBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes typing{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes polaroidFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-7px)}}@keyframes welcomeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes viewerIn{0%{opacity:0}to{opacity:1}}@keyframes mediaIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}@keyframes loveNoteIn{0%{opacity:0;transform:translate(80px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes loveNoteOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px) scale(.9)}}