:root{--color-primary-pink: #ec4899;--color-primary-purple: #9333ea;--color-primary-blue: #3b82f6;--color-primary-yellow: #fbbf24}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffe082,#ffd54f,#ffa726 30%,#29b6f6,#0288d1 70%,#01579b);z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 20%,rgba(255,200,0,.4) 0%,rgba(255,150,0,.2) 20%,transparent 40%),radial-gradient(circle at 50% 20%,rgba(255,223,0,.3) 0%,transparent 35%),radial-gradient(circle at 20% 15%,rgba(255,255,255,.6) 0%,transparent 2px),radial-gradient(circle at 85% 25%,rgba(255,255,255,.5) 0%,transparent 3px),radial-gradient(circle at 50% 12%,rgba(255,255,255,.6) 0%,transparent 2px);animation:tropicalShimmer 4s ease-in-out infinite;z-index:-1}.palm-trees{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.palm-left,.palm-right{position:absolute;bottom:0;width:250px;height:350px;background-image:url(/assets/palmtree-DenpjJBZ.svg);background-repeat:no-repeat;background-size:contain;background-position:bottom center;animation:palmSway 8s ease-in-out infinite}.palm-left{left:20px;bottom:150px;transform-origin:bottom center;z-index:3}.palm-right{right:20px;bottom:150px;transform-origin:bottom center;transform:scaleX(-1);animation-delay:-4s;z-index:3}@keyframes palmSway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.palm-right{animation-name:palmSwayReverse}@keyframes palmSwayReverse{0%,to{transform:scaleX(-1) rotate(0)}25%{transform:scaleX(-1) rotate(-3deg)}75%{transform:scaleX(-1) rotate(3deg)}}.sandy-beach{position:fixed;bottom:0;left:0;width:100%;height:180px;background:linear-gradient(180deg,#f4e4c1,#e8d4a8,#dcc48f 60%,#c9ac7f);z-index:2;pointer-events:none}.tropical-waves{position:fixed;bottom:120px;left:0;width:100%;height:150px;z-index:1;pointer-events:none}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background-repeat:repeat-x}.wave-1{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,60 C150,100 350,0 600,60 C850,120 1050,20 1200,60 L1200,120 L0,120 Z" fill="%231abc9c" opacity="0.4"/></svg>');background-size:50% 100%;animation:waveAnimation 25s linear infinite;opacity:.6}.wave-2{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,40 C200,80 400,0 600,40 C800,80 1000,0 1200,40 L1200,120 L0,120 Z" fill="%2326C6DA" opacity="0.5"/></svg>');background-size:50% 100%;animation:waveAnimation 20s linear infinite reverse;opacity:.7}.wave-3{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,80 C300,120 600,40 900,80 C1050,100 1150,60 1200,80 L1200,120 L0,120 Z" fill="%2300BCD4" opacity="0.6"/></svg>');background-size:50% 100%;animation:waveAnimation 30s linear infinite;opacity:.8}@keyframes waveAnimation{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tropicalShimmer{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn 1s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-slideUp{animation:slideUp .5s ease-out}.animate-bounce-slow{animation:bounceSlow 3s ease-in-out infinite}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}#messageModal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#messageModal.active{display:flex!important}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.empty-state-icon{font-size:4rem;margin-bottom:1rem;display:block}.empty-state-text{font-size:1.25rem;color:#9ca3af}.header-text{color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.2),6px 6px 0px rgba(0,0,0,.1),2px 2px 10px rgba(0,0,0,.3);font-weight:900;letter-spacing:-.02em;word-spacing:.1em}.subheader-text{color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.2),2px 2px 8px rgba(0,0,0,.3);font-weight:700}@media (max-width: 768px){.header-text{font-size:2.5rem!important;line-height:1.2;padding:0 1rem;text-align:center;display:block;width:100%}.subheader-text{font-size:1.25rem!important;line-height:1.4;padding:0 1.5rem;text-align:center}}@media (max-width: 480px){.header-text{font-size:2rem!important;padding:0 .5rem;text-align:center}.subheader-text{font-size:1.1rem!important;padding:0 1rem;text-align:center}}.polaroid-zone{position:relative;min-height:70vh;padding:2rem 1rem;padding-bottom:220px;z-index:10}.polaroid-card{position:absolute;background:#fff;padding:1rem 1rem 3.5rem;box-shadow:0 10px 30px #0003;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center center;width:280px;opacity:0;z-index:1}.polaroid-card.dropping{animation:dropBounce .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes dropBounce{0%{transform:translateY(-100vh) rotate(0);opacity:0}60%{opacity:1}80%{transform:translateY(10px)}to{transform:translateY(0);opacity:1}}.polaroid-card:hover,.polaroid-card:active{transform:scale(1.1) translateY(-10px)!important;box-shadow:0 20px 50px #0000004d;z-index:1000!important}.polaroid-card:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:80px;height:20px;background:#ffdc64b3;border-left:1px solid rgba(200,180,80,.3);border-right:1px solid rgba(200,180,80,.3);box-shadow:0 2px 4px #0000001a}.polaroid-photo{width:100%;height:240px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem}.polaroid-photo img,.polaroid-photo video{width:100%;height:100%;object-fit:cover}.polaroid-photo.has-video{position:relative}.polaroid-photo.has-video:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#0009;border:3px solid white;border-radius:50%;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding-left:5px;box-shadow:0 4px 12px #0006;pointer-events:none}.polaroid-photo video{pointer-events:none}.polaroid-photo.no-media{background:linear-gradient(135deg,#06beb6,#48b1bf,#06beb6);padding:1.5rem;display:flex;align-items:center;justify-content:center}.polaroid-message-only{color:#fff;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.6;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-weight:600}.polaroid-caption{font-family:Caveat,cursive;color:#333;text-align:center;padding:0 .5rem}.polaroid-name{font-size:1.3rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.polaroid-message{font-size:1rem;font-weight:500;line-height:1.3;color:#555;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.polaroid-card{width:240px;padding:.875rem .875rem 3rem}.polaroid-photo{height:200px}.polaroid-name{font-size:1.15rem}.polaroid-message{font-size:.9rem}.polaroid-message-only{font-size:1.1rem}}@media (max-width: 480px){.polaroid-card{width:200px;padding:.75rem .75rem 2.5rem}.polaroid-photo{height:170px}.polaroid-name{font-size:1rem}.polaroid-message{font-size:.85rem}}.media-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.media-preview-modal.active{opacity:1}.media-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-preview-close{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:2rem;cursor:pointer;z-index:10002;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.media-preview-close:hover{background:#fff3;transform:rotate(90deg)}.media-preview-download{position:absolute;top:1.5rem;right:5rem;width:50px;height:50px;background:#4ade8033;border:2px solid rgba(74,222,128,.5);border-radius:50%;color:#4ade80;font-size:1.5rem;cursor:pointer;z-index:10002;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.media-preview-download:hover{background:#4ade804d;transform:translateY(3px)}.media-preview-download.hidden{display:none}.media-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:2.5rem;cursor:pointer;z-index:10002;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.media-preview-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.media-preview-prev{left:2rem}.media-preview-next{right:2rem}.media-preview-content{position:relative;z-index:10001;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.media-preview-container{max-width:90vw;max-height:75vh;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.media-preview-container img,.media-preview-container video{max-width:100%;max-height:75vh;object-fit:contain;border-radius:1rem;box-shadow:0 20px 60px #00000080}.media-preview-caption{background:#fffffff2;padding:1.5rem 2rem;border-radius:1rem;text-align:center;max-width:600px;box-shadow:0 10px 30px #0000004d}.media-preview-author{font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.media-preview-message{font-family:Caveat,cursive;font-size:1.2rem;font-weight:500;color:#555;line-height:1.5}@media (max-width: 768px){.media-preview-close{width:40px;height:40px;font-size:1.5rem;top:1rem;right:1rem}.media-preview-nav{width:50px;height:50px;font-size:2rem}.media-preview-prev{left:1rem}.media-preview-next{right:1rem}.media-preview-container{max-height:60vh}.media-preview-container img,.media-preview-container video{max-height:60vh}.media-preview-caption{padding:1rem 1.5rem}.media-preview-author{font-size:1.3rem}.media-preview-message{font-size:1rem}}.media-preview-modal.single-media .media-preview-nav{display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary-pink),var(--color-primary-purple));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-purple),var(--color-primary-blue))}@media (max-width: 768px){h1{font-size:2.5rem!important}.message-card{padding:1rem}#messageModal>div{margin:1rem;padding:1.5rem}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.gradient-text{background:linear-gradient(90deg,var(--color-primary-pink),var(--color-primary-purple),var(--color-primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:0 0 20px #ec48994d}.toast{position:fixed;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:1rem;box-shadow:0 10px 30px #0003;z-index:10000;animation:slideUp .3s ease-out;display:flex;align-items:center;gap:.75rem;max-width:400px}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast-icon{font-size:1.5rem}.toast-message{font-size:.875rem;color:#374151}@media (max-width: 640px){.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}