*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html{overscroll-behavior:none;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100vh;min-height:100dvh;transform:translateZ(0);-webkit-transform:translateZ(0)}.app{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:20px}.logo-container{position:relative;z-index:10;animation:fadeInUp 1.2s ease-out,float 6s ease-in-out infinite;width:100%;max-width:600px;display:flex;justify-content:center;align-items:center;touch-action:manipulation;transition:opacity .3s ease-out}.logo-container.hidden{opacity:0;pointer-events:none}.logo{max-width:100%;width:min(90vw,600px);height:auto;filter:drop-shadow(0 20px 60px rgba(255,105,180,.3));transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 25px 80px rgba(255,105,180,.5))}@media(hover:none)and (pointer:coarse){.logo:active{transform:scale(.98);filter:drop-shadow(0 15px 50px rgba(255,105,180,.4))}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#ff69b4cc,#ff69b400 70%);top:-10%;left:-5%;animation-delay:0s;animation-duration:10s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#ba55d399,#ba55d300 70%);bottom:-15%;right:-10%;animation-delay:-3s;animation-duration:12s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#ffb6c180,#ffb6c100 70%);top:50%;right:10%;animation-delay:-6s;animation-duration:14s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-15px,15px)}75%{transform:translate(15px,10px)}}@keyframes floatMobile{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-8px,8px)}75%{transform:translate(8px,5px)}}@media(max-width:1024px){.logo{width:min(85vw,500px)}.logo-container{animation:fadeInUp 1.2s ease-out,floatMobile 6s ease-in-out infinite}.gradient-orb{filter:blur(70px)}.orb-1{width:300px;height:300px}.orb-2{width:350px;height:350px}.orb-3{width:250px;height:250px}}@media(max-width:768px){.app{padding:16px;min-height:100svh}.logo{width:min(90vw,400px);filter:drop-shadow(0 15px 40px rgba(255,105,180,.35))}.logo-container{animation:fadeInUp 1s ease-out,floatMobile 8s ease-in-out infinite}.gradient-orb{filter:blur(50px);opacity:.35;will-change:transform}.orb-1{width:220px;height:220px;top:-5%;left:-10%}.orb-2{width:260px;height:260px;bottom:-10%;right:-15%}.orb-3{width:180px;height:180px;top:40%;right:-5%}}@media(max-width:480px){.app{padding:12px}.logo{width:92vw;max-width:320px;filter:drop-shadow(0 12px 30px rgba(255,105,180,.3))}.logo-container{animation:fadeInUp .9s ease-out,floatMobile 10s ease-in-out infinite}.gradient-orb{filter:blur(40px);opacity:.3}.orb-1{width:180px;height:180px;top:0%;left:-15%}.orb-2{width:200px;height:200px;bottom:-5%;right:-20%}.orb-3{width:140px;height:140px;top:35%;right:-10%}}.speech-bubble{position:fixed;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;padding:15px 25px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;z-index:100;box-shadow:0 10px 30px #ff69b466;animation:bounceIn .6s ease-out,pulse 2s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.speech-bubble.bottom-left{bottom:5%;left:5%}.speech-bubble.bottom-right{bottom:5%;right:5%}.speech-bubble.top-left{top:5%;left:5%}.speech-bubble.top-right{top:5%;right:5%}.speech-bubble.center-left{top:50%;left:5%;transform:translateY(-50%)}.speech-bubble.center-right{top:50%;right:5%;transform:translateY(-50%)}.speech-bubble:hover{transform:scale(1.1);box-shadow:0 15px 40px #ff69b499}.speech-bubble.center-left:hover,.speech-bubble.center-right:hover{transform:translateY(-50%) scale(1.1)}.speech-bubble:active{transform:scale(.95)}.speech-bubble.center-left:active,.speech-bubble.center-right:active{transform:translateY(-50%) scale(.95)}.speech-bubble.hidden{opacity:0;pointer-events:none}.speech-bubble:after{content:"";position:absolute;width:0;height:0;border-style:solid}.speech-bubble.bottom-left:after,.speech-bubble.bottom-right:after{bottom:-15px}.speech-bubble.bottom-left:after{left:30px;border-width:15px 15px 0 0;border-color:#ff1493 transparent transparent transparent}.speech-bubble.bottom-right:after{right:30px;border-width:15px 0 0 15px;border-color:#ff1493 transparent transparent transparent}.speech-bubble.top-left:after,.speech-bubble.top-right:after{top:-15px}.speech-bubble.top-left:after{left:30px;border-width:0 0 15px 15px;border-color:transparent transparent #ff1493 transparent}.speech-bubble.top-right:after{right:30px;border-width:0 15px 15px 0;border-color:transparent transparent #ff1493 transparent}.speech-bubble.center-left:after{left:-15px;top:50%;transform:translateY(-50%);border-width:15px 15px 15px 0;border-color:transparent #ff1493 transparent transparent}.speech-bubble.center-right:after{right:-15px;top:50%;transform:translateY(-50%);border-width:15px 0 15px 15px;border-color:transparent transparent transparent #ff1493}.roberta-image{position:fixed;z-index:99}.roberta-image.bottom-left,.roberta-image.bottom-right{bottom:0;animation:slideInFromBottom .8s cubic-bezier(.4,0,.2,1)}.roberta-image.bottom-left.leaving,.roberta-image.bottom-right.leaving{animation:slideOutToBottom .8s cubic-bezier(.4,0,.2,1)}.roberta-image.bottom-left{left:0}.roberta-image.bottom-right{right:0}.roberta-image.top-left,.roberta-image.top-right{top:0;animation:slideInFromTop .8s cubic-bezier(.4,0,.2,1)}.roberta-image.top-left.leaving,.roberta-image.top-right.leaving{animation:slideOutToTop .8s cubic-bezier(.4,0,.2,1)}.roberta-image.top-left{left:0}.roberta-image.top-right{right:0}.roberta-image.center-left{left:0;top:50%;transform:translateY(-50%);animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1)}.roberta-image.center-left.leaving{animation:slideOutToLeft .8s cubic-bezier(.4,0,.2,1)}.roberta-image.center-right{right:0;top:50%;transform:translateY(-50%);animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1)}.roberta-image.center-right.leaving{animation:slideOutToRight .8s cubic-bezier(.4,0,.2,1)}.roberta-image img{max-height:60vh;height:auto;max-width:40vw;object-fit:contain;display:block;filter:drop-shadow(0 10px 40px rgba(0,0,0,.5))}.roberta-image img.flipped{transform:scaleX(-1)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pipi-bubble{position:fixed;background:linear-gradient(135deg,#b8a5d9,#9575cd);color:#fff;padding:15px 25px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;z-index:100;box-shadow:0 8px 25px #9575cd4d;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pipi-bubble.bottom-left{bottom:80px;left:20px;animation:slideInFromBottomLeft .8s cubic-bezier(.4,0,.2,1)}.pipi-bubble.bottom-right{bottom:80px;right:20px;animation:slideInFromBottomRight .8s cubic-bezier(.4,0,.2,1)}.pipi-bubble.top-left{top:80px;left:20px;animation:slideInFromTopLeft .8s cubic-bezier(.4,0,.2,1)}.pipi-bubble.top-right{top:80px;right:20px;animation:slideInFromTopRight .8s cubic-bezier(.4,0,.2,1)}.pipi-bubble:hover{transform:scale(1.05);box-shadow:0 12px 30px #9575cd80}.pipi-bubble:active{transform:scale(.98)}.pipi-bubble.hidden{animation:pipiSlideOut .6s ease-out;opacity:0;pointer-events:none}@media(max-width:768px){.pipi-bubble.bottom-left,.pipi-bubble.bottom-right{bottom:70px}.pipi-bubble.top-left,.pipi-bubble.top-right{top:70px}}@media(max-width:480px){.pipi-bubble.bottom-left,.pipi-bubble.bottom-right{bottom:60px}.pipi-bubble.top-left,.pipi-bubble.top-right{top:60px}}.pipi-image{position:fixed;left:0;right:0;z-index:99;display:flex;justify-content:center}.pipi-image.top{top:0;animation:slideInFromTop .8s cubic-bezier(.4,0,.2,1)}.pipi-image.bottom{bottom:0;animation:slideInFromBottom .8s cubic-bezier(.4,0,.2,1)}.pipi-image.leaving{animation:fadeOut .8s ease-out}.pipi-image img{max-width:100%;width:auto;max-height:60vh;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 40px rgba(149,117,205,.5))}.pipi-image img.flipped-vertical{transform:scaleY(-1)}@keyframes gentleFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.group-photo-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s ease-out}.group-photo-overlay.leaving{animation:fadeOut .8s ease-out}.group-photo-container{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:-100px;animation:zoomIn .8s cubic-bezier(.34,1.56,.64,1)}.group-photo-overlay.leaving .group-photo-container{animation:zoomOut .8s cubic-bezier(.4,0,.68,.06)}.group-logo-overlay{width:550px;max-width:85vw;filter:drop-shadow(0 10px 40px rgba(255,105,180,.8));pointer-events:none;animation:logoFloat 3s ease-in-out infinite}.group-photo{width:500px;height:500px;max-width:85vw;max-height:85vw;border-radius:50%;object-fit:cover;object-position:center;display:block;box-shadow:0 20px 80px #ff69b466;margin-top:-120px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes softFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes softFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes softZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInFromBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}60%{opacity:1;transform:translate(0)}to{transform:translate(0)}}@keyframes slideInFromBottomRight{0%{opacity:0;transform:translate(100%,100%)}60%{opacity:1;transform:translate(0)}to{transform:translate(0)}}@keyframes slideInFromTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}60%{opacity:1;transform:translate(0)}to{transform:translate(0)}}@keyframes slideInFromTopRight{0%{opacity:0;transform:translate(100%,-100%)}60%{opacity:1;transform:translate(0)}to{transform:translate(0)}}@keyframes pipiSlideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}.footer{position:fixed;bottom:15px;left:0;right:0;text-align:center;font-size:14px;color:#fff9;font-weight:500;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.heart{display:inline-block;color:#ff69b4;animation:heartPulse 1.5s ease-in-out infinite;font-size:16px;cursor:pointer;pointer-events:auto;transition:transform .2s ease}.heart:hover{transform:scale(1.3)}.heart:active{transform:scale(1.1)}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.footer{bottom:10px;font-size:12px}.heart{font-size:14px}}@media(max-width:480px){.footer{bottom:8px;font-size:11px}.heart{font-size:13px}}.heart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#fff;color:#333;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;animation:smoothFadeIn .3s ease-out;box-shadow:0 5px 20px #ffffff4d;pointer-events:none}.heart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}@keyframes smoothFadeIn{0%{opacity:0}to{opacity:1}}.love-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .5s ease-out}.love-overlay.leaving{animation:fadeOut .8s ease-out}.love-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;animation:heartShapeZoom 1s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 40px rgba(255,105,180,.8));clip-path:polygon(50% 10%,61% 0%,75% 0%,89% 5%,97% 15%,100% 30%,100% 45%,95% 60%,85% 75%,70% 87%,50% 100%,30% 87%,15% 75%,5% 60%,0% 45%,0% 30%,3% 15%,11% 5%,25% 0%,39% 0%)}@keyframes heartShapeZoom{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{transform:scale(1)}}@media(max-width:768px){.love-image{max-width:90vw;max-height:70vh}.heart-tooltip{font-size:11px;padding:6px 12px}}.camera-icon{position:fixed;font-size:32px;cursor:pointer;z-index:150;animation:cameraAppear .5s ease-out,cameraPulse 1.5s ease-in-out infinite;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .2s ease}.camera-icon:hover{transform:translate(-50%,-50%) scale(1.2)}.camera-icon:active{transform:translate(-50%,-50%) scale(.95)}.camera-tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:6px 12px;border-radius:15px;font-size:11px;font-weight:600;white-space:nowrap;animation:smoothFadeIn .3s ease-out;box-shadow:0 5px 15px #ffffff4d;pointer-events:none}.camera-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fff}@keyframes cameraAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cameraPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.scatto-container{position:fixed;top:0;bottom:0;z-index:3000;display:flex;align-items:center}.scatto-container.left-to-right{left:-100%;animation:slideLeftToRight 3s linear forwards}.scatto-container.right-to-left{right:-100%;animation:slideRightToLeft 3s linear forwards}.scatto-container img{height:100vh;width:auto;object-fit:contain}.scatto-container img.flipped{transform:scaleX(-1)}@media(max-width:768px){.camera-icon{font-size:28px}.camera-tooltip{font-size:10px;padding:5px 10px}.scatto-container img{height:90vh}}@media(max-width:480px){.camera-icon{font-size:24px}.scatto-container img{height:85vh}}@keyframes slideLeftToRight{0%{left:-100%}to{left:100%}}@keyframes slideRightToLeft{0%{right:-100%}to{right:100%}}.flash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:3500;animation:flashEffect .1s ease-out;pointer-events:none}@keyframes flashEffect{0%{opacity:.9}to{opacity:0}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateY(-50%) translate(-100%)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-100%)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%) translate(100%)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(100%)}}@media(max-width:768px){.group-photo-container{gap:0;margin-top:-70px}.group-logo-overlay{width:380px}.group-photo{width:400px;height:400px;margin-top:-90px}.pipi-bubble{font-size:16px;padding:12px 20px}.pipi-image img{max-height:50vh}.speech-bubble{font-size:16px;padding:12px 20px}.speech-bubble.bottom-left,.speech-bubble.bottom-right,.speech-bubble.top-left,.speech-bubble.top-right{left:3%;right:auto}.speech-bubble.bottom-right,.speech-bubble.top-right{left:auto;right:3%}.speech-bubble.center-left{left:25px}.speech-bubble.center-right{right:25px}.roberta-image img{max-height:50vh;max-width:60vw}}@media(max-width:480px){.group-photo-container{gap:0;margin-top:-50px}.group-logo-overlay{width:300px}.group-photo{width:320px;height:320px;margin-top:-70px}.pipi-bubble{font-size:14px;padding:10px 18px}.pipi-image img{max-height:45vh}.speech-bubble{font-size:14px;padding:10px 18px}.speech-bubble.bottom-left,.speech-bubble.bottom-right,.speech-bubble.top-left,.speech-bubble.top-right{left:2%}.speech-bubble.bottom-right,.speech-bubble.top-right{left:auto;right:2%}.speech-bubble.center-left{left:20px}.speech-bubble.center-right{right:20px}.roberta-image img{max-height:45vh;max-width:70vw}}@media(prefers-reduced-motion:reduce){.logo-container{animation:fadeInUp .6s ease-out}.gradient-orb{animation:none}.logo{transition:none}.speech-bubble{animation:bounceIn .6s ease-out}.roberta-image.bottom-left,.roberta-image.bottom-right{animation:slideInFromBottom .4s ease-out}.roberta-image.top-left,.roberta-image.top-right{animation:slideInFromTop .4s ease-out}.roberta-image.center-left{animation:slideInFromLeft .4s ease-out}.roberta-image.center-right{animation:slideInFromRight .4s ease-out}}