@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Comfortaa:wght@400;700&family=Quicksand:wght@400;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a1428;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}#root,body{height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(#f5f7fa99,#c3cfe299),url(/static/media/wall1.5cb5c332fbf17a441e4a.png);background-attachment:fixed;background-position:50%;background-size:cover;cursor:default;height:100vh;overflow:hidden;position:relative;transition:background .3s ease;width:100vw}.app.video-active{background:#0000}.paper-stack{left:50%;perspective:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:20}.paper-stack:before{background:#ffffff4d;bottom:-12px;box-shadow:0 20px 40px #0000000f;left:12px;right:-12px;top:12px;z-index:-3}.paper-stack:after,.paper-stack:before{border-radius:8px;content:"";position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1)}.paper-stack:after{background:#ffffff80;bottom:-8px;box-shadow:0 15px 30px #00000014;left:8px;right:-8px;top:8px;z-index:-2}.content-container{background:linear-gradient(135deg,#fff,#fefefe),repeating-linear-gradient(0deg,#0000,#0000 24px,#00000008 25px);border:1px solid #00000014;border-radius:8px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 1px 0 #ffffffe6;box-sizing:border-box;height:calc(100vh - 80px);max-width:900px;overflow:hidden;padding:40px 60px 80px;position:relative;width:95vw}.content-container:before{background:#ff6b9d33;content:"";height:1px;left:80px;position:absolute;right:80px;top:0}.content-container:after{background:#ff6b9d26;content:"";height:100%;left:60px;position:absolute;top:0;width:2px}.title{align-items:center;display:flex;font-family:Fredoka,cursive;font-size:clamp(1.8rem,5vw,3rem);font-weight:600;gap:.5rem;justify-content:center;margin:0 0 30px;text-align:center}.title-text{-webkit-text-fill-color:#0000;animation:rainbow-gradient 6s ease-in-out infinite;background:linear-gradient(45deg,#ff6b9d,#c44569,#f8b500,#6c5ce7,#fd79a8,#00cec9,#55a3ff,#ff6b9d);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.title-emoji{animation:gentle-bounce 2s ease-in-out infinite;font-size:1em}@keyframes rainbow-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.text-line{animation:gentle-wave 6s ease-in-out infinite;color:#2c3e50;font-family:Comfortaa,cursive;font-size:clamp(.9rem,2vw,1.2rem);font-weight:400;line-height:1.6;margin:0 0 18px;max-width:100%;text-align:left;text-shadow:none}.text-content{animation:subtle-float 8s ease-in-out infinite;display:inline-block}.inline-content{display:block;margin:20px 0;text-align:center}.content-image{border:3px solid #ff6b9d4d;border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:600px;max-width:600;object-fit:contain}.pasta-strainer-hat{animation:pasta-strainer-animation 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-clip:text;-webkit-background-clip:text;background-size:300% 300%;border:4px solid #0000;border-radius:20px;color:#0000;font-size:clamp(2.5rem,7vw,4rem);font-weight:900;letter-spacing:2px;margin:40px 0;overflow:hidden;padding:30px;position:relative;text-align:center;text-shadow:0 0 30px #ff6b6b80}.pasta-strainer-hat:before{animation:pasta-strainer-shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes pasta-strainer-animation{0%,to{background-position:0 50%;transform:scale(1) rotate(0deg)}25%{background-position:100% 50%;transform:scale(1.1) rotate(2deg)}50%{background-position:50% 100%;transform:scale(1.2) rotate(-2deg)}75%{background-position:50% 0;transform:scale(1.1) rotate(2deg)}}@keyframes pasta-strainer-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.empty-line{height:10px}.gif-container{display:flex;justify-content:center;margin:30px 0}.content-gif{border:2px solid #ff6b9d4d;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #0000000d;max-height:280px;max-width:280px}.side-arrows{position:fixed;top:50%;transform:translateY(-50%);z-index:30}.side-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ff6b9d4d;border-radius:50%;box-shadow:0 4px 20px #0000001a;color:#ff6b9d;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.side-arrow:hover:not(:disabled){background:#ff6b9d1a;box-shadow:0 6px 25px #ff6b9d33;transform:scale(1.1)}.side-arrow:disabled{cursor:not-allowed;opacity:.3;transform:none}.side-arrows.left{left:30px}.side-arrows.right{right:30px}.navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ff6b9d26;border-radius:20px;bottom:20px;box-shadow:0 4px 20px #00000014;display:flex;gap:15px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:30}.nav-button{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:20px;box-shadow:0 4px 16px #ff6b9d4d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:600;padding:12px 20px;transition:all .3s ease}.nav-button:hover:not(:disabled){box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-indicator{color:#2c3e50}.controls-hint,.page-indicator{font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600}.controls-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:15px;bottom:20px;color:#fffc;left:20px;padding:10px 15px;position:fixed;text-shadow:1px 1px 2px #000c,0 0 10px #ffffff4d;z-index:1000}.controls-hint div{margin-bottom:5px}@keyframes gentle-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes subtle-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(.5deg)}75%{transform:translateY(2px) rotate(-.5deg)}}@media (max-width:768px){.content-container{height:calc(100vh - 60px);padding:30px 40px;width:98vw}.paper-stack:before{bottom:-8px;left:8px;right:-8px;top:8px}.paper-stack:after{bottom:-4px;left:4px;right:-4px;top:4px}.content-container:after{left:30px}.content-container:before{left:50px;right:50px}.text-line{font-size:clamp(.8rem,2.8vw,1.1rem);margin:0 0 15px}.title{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:40px}.content-gif{max-height:220px;max-width:220px}.navigation{bottom:15px;gap:10px;padding:8px 15px}.side-arrows.left{left:20px}.side-arrows.right{right:20px}.side-arrow{font-size:1.3rem;height:45px;width:45px}.nav-button{font-size:.9rem;padding:10px 16px}.controls-hint{bottom:100px;font-size:.8rem;left:50%;text-align:center;transform:translateX(-50%)}}@media (max-width:480px){.content-container{height:calc(100vh - 50px);padding:25px 30px;width:99vw}.paper-stack:before{bottom:-6px;left:6px;right:-6px;top:6px}.paper-stack:after{bottom:-3px;left:3px;right:-3px;top:3px}.content-container:after{left:25px}.content-container:before{left:35px;right:35px}.text-line{font-size:clamp(.75rem,3.5vw,1rem);margin:0 0 12px}.content-gif{max-height:180px;max-width:180px}.navigation{bottom:10px;gap:8px;padding:6px 12px}.side-arrows.left{left:15px}.side-arrows.right{right:15px}.side-arrow{font-size:1.2rem;height:40px;width:40px}.nav-button{padding:8px 12px}.nav-button,.page-indicator{font-size:.8rem}}.rainbow-text{font-size:1.2em;font-weight:700}.rainbow-char{font-weight:700;transition:transform .1s ease}.sparkle-text{color:#fff;display:inline-block;font-weight:700;position:relative}.sparkle{animation:twinkle .5s ease-out forwards;font-size:.8em;pointer-events:none}@keyframes twinkle{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(.8) rotate(1turn)}}.glow-text{color:#fff;font-size:1.2em;font-weight:700}.audio-player{position:fixed;right:20px;top:20px;z-index:1000}.play-pause-button{align-items:center;background:#00000080;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.play-pause-button:hover{background:#000000b3;border-color:#fff9;transform:scale(1.1)}.gif-background{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.gif-tile{align-items:center;display:flex;justify-content:center;overflow:hidden}.gif-tile img{animation:gif-pulse 3s ease-in-out infinite;height:100%;object-fit:cover;width:100%}.gif-tile:nth-child(2n) img{animation-delay:-1.5s}@keyframes gif-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.video-background{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);left:0;pointer-events:none;position:fixed;top:0;z-index:0}.video-background,.video-tile{height:100%;overflow:hidden;width:100%}.tile-video{animation:video-pulse 4s ease-in-out infinite;filter:blur(1px);height:100%;object-fit:cover;opacity:.7;width:100%}.video-tile:nth-child(odd) .tile-video{animation-delay:-2s}@keyframes video-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.video-overlay{background:linear-gradient(#fff3,#f5f7fa1a);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.chat-images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0;padding:0 10px}.chat-image-item{align-items:center;display:flex;justify-content:center}.chat-image-item img{border:2px solid #ff6b9d33;border-radius:12px;box-shadow:0 8px 20px #00000026;max-height:250px;max-width:100%;object-fit:contain;transition:transform .3s ease}.chat-image-item img:hover{box-shadow:0 12px 30px #0003;transform:scale(1.05)}@media (max-width:768px){.chat-images-grid{gap:12px;grid-template-columns:1fr}.chat-image-item img{max-height:200px}}@media (max-width:480px){.chat-image-item img{max-height:180px}}.present-box-container{align-items:center;display:flex;flex-direction:column;margin:30px 0 100px;min-height:200px;position:relative;z-index:1}.present-box{animation:gentle-shake 3s ease-in-out infinite;cursor:pointer;position:relative}.box-body{background:linear-gradient(145deg,#ff6b9d,#c44569);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 8px 24px #ff6b9d4d;height:100px;position:relative;width:120px}.box-lid{background:linear-gradient(145deg,#fd79a8,#ff6b9d);border:2px solid #fff6;border-radius:8px 8px 4px 4px;box-shadow:0 4px 12px #ff6b9d66;height:30px;left:-5px;position:absolute;top:-15px;width:130px}.ribbon-horizontal{background:linear-gradient(90deg,#f8b500,#f39c12);box-shadow:0 2px 4px #0003;height:12px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.ribbon-vertical{background:linear-gradient(180deg,#f8b500,#f39c12);box-shadow:2px 0 4px #0003;height:130px;top:-15px;width:12px}.bow,.ribbon-vertical{left:50%;position:absolute;transform:translateX(-50%)}.bow{top:-25px}.bow-left,.bow-right{background:linear-gradient(145deg,#e74c3c,#c0392b);border-radius:50% 10px 50% 10px;height:15px;position:absolute;top:0;width:20px}.bow-left{left:-15px;transform:rotate(-30deg)}.bow-right{right:-15px;transform:rotate(30deg)}.bow-center{background:linear-gradient(145deg,#e74c3c,#c0392b);border-radius:4px;height:8px;left:50%;position:absolute;top:4px;transform:translateX(-50%);width:12px}.click-hint{animation:pulse-hint 2s ease-in-out infinite;color:#ff6b9d;font-family:Comfortaa,sans-serif;font-size:1rem;margin-top:20px;text-align:center}@keyframes gentle-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes pulse-hint{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.box-opening{animation:box-open 1.5s ease-out forwards;position:relative}.box-body-opened{background:linear-gradient(145deg,#ff6b9d,#c44569);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 8px 24px #ff6b9d4d;height:100px;position:relative;width:120px}.box-lid-opened{animation:lid-flip 1.5s ease-out forwards;background:linear-gradient(145deg,#fd79a8,#ff6b9d);border:2px solid #fff6;border-radius:8px 8px 4px 4px;box-shadow:0 4px 12px #ff6b9d66;height:30px;left:-5px;position:absolute;top:-15px;transform-origin:bottom center;width:130px}@keyframes lid-flip{0%{transform:rotateX(0deg)}to{transform:rotateX(-120deg)}}.sparkles{height:200px;left:50%;pointer-events:none;position:absolute;top:-50px;transform:translateX(-50%);width:200px}.sparkle{animation:sparkle-burst 2s ease-out forwards;font-size:1.5rem;position:absolute}.sparkle:first-child{animation-delay:.2s;left:50px;top:20px}.sparkle:nth-child(2){animation-delay:.4s;left:100px;top:10px}.sparkle:nth-child(3){animation-delay:.6s;left:30px;top:40px}.sparkle:nth-child(4){animation-delay:.8s;left:120px;top:30px}.sparkle:nth-child(5){animation-delay:1s;left:70px;top:60px}.sparkle:nth-child(6){animation-delay:1.2s;left:90px;top:50px}@keyframes sparkle-burst{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(.5) rotate(1turn)}}.birthday-card-reveal{align-items:center;animation:card-reveal-fade .5s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:30}.card-container{animation:card-popup 1s ease-out;flex-direction:column;gap:20px}.card-actions,.card-container{align-items:center;display:flex}.card-actions{gap:15px}.birthday-card{border:4px solid #ffffffe6;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:70vh;max-width:80vw;object-fit:contain}.download-button{background:linear-gradient(135deg,#00cec9,#0984e3);border:none;border-radius:25px;box-shadow:0 6px 20px #0984e34d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.download-button:hover{box-shadow:0 8px 25px #0984e366;transform:translateY(-3px)}.close-button{background:linear-gradient(135deg,#e17055,#d63031);border:none;border-radius:25px;box-shadow:0 6px 20px #e170554d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;margin-left:15px;padding:15px 25px;transition:all .3s ease}.close-button:hover{box-shadow:0 8px 25px #e1705566;transform:translateY(-3px)}@keyframes card-reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes card-popup{0%{opacity:0;transform:scale(.3) rotate(-10deg)}70%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.birthday-card{max-height:60vh;max-width:90vw}.download-button{font-size:1rem;padding:12px 20px}}@media (max-width:480px){.birthday-card{max-height:50vh;max-width:95vw}.download-button{font-size:.9rem;padding:10px 16px}}
/*# sourceMappingURL=main.0663b4a4.css.map*/