:root{--pink:#ff6b9d;--pink-light:#ffb3d1;--pink-dark:#e8457c;--purple:#c084fc;--purple-light:#e9d5ff;--purple-dark:#9333ea;--gold:gold;--gold-light:#fff3b0;--coral:#ff7f7f;--mint:#6fffe9;--bg-gradient-start:#fff0f5;--bg-gradient-end:#f0e6ff;--card-bg:#ffffffd9;--text-dark:#2d1b36;--text-medium:#5a4268;--text-light:#8b7a9e;--shadow-soft:0 8px 32px #c084fc26;--shadow-card:0 4px 20px #ff6b9d33;--shadow-hover:0 12px 40px #ff6b9d4d;--radius:20px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 50%, #ffe4f0 100%);min-height:100vh;color:var(--text-dark);font-family:Poppins,sans-serif;overflow-x:hidden}#confetti-canvas{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}#app{flex-direction:column;align-items:center;min-height:100vh;display:flex}.side-photos{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.side-photo{border-radius:var(--radius);width:120px;height:150px;box-shadow:var(--shadow-hover);opacity:.7;cursor:pointer;pointer-events:auto;border:3px solid #fffc;transition:opacity .3s,transform .3s,width .4s,height .4s,border-color .3s;animation:8s ease-in-out infinite floatPhoto;position:absolute;overflow:hidden}.side-photo img{object-fit:cover;width:100%;height:100%}.side-photo:hover{opacity:1;z-index:5;border-color:var(--gold);box-shadow:0 15px 50px #ff6b9d80;transform:scale(1.15)!important}.side-photo:first-child{animation-delay:0s;top:15%;left:3%;transform:rotate(-8deg)}.side-photo:nth-child(2){animation-delay:2s;top:45%;left:2%;transform:rotate(5deg)}.side-photo:nth-child(3){animation-delay:4s;top:75%;left:4%;transform:rotate(-3deg)}.side-photo:nth-child(4){animation-delay:1s;top:15%;right:3%;transform:rotate(6deg)}.side-photo:nth-child(5){animation-delay:3s;top:50%;right:2%;transform:rotate(-7deg)}.side-photo:nth-child(6){animation-delay:5s;top:78%;right:4%;transform:rotate(4deg)}@keyframes floatPhoto{0%,to{transform:translateY(0) rotate(var(--rot,-8deg))}50%{transform:translateY(-15px) rotate(var(--rot,-8deg))}}.side-photo:first-child{--rot:-8deg}.side-photo:nth-child(2){--rot:5deg}.side-photo:nth-child(3){--rot:-3deg}.side-photo:nth-child(4){--rot:6deg}.side-photo:nth-child(5){--rot:-7deg}.side-photo:nth-child(6){--rot:4deg}.photo-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;cursor:pointer;background:#2d1b36d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.photo-overlay-content{max-width:85vw;max-height:85vh;animation:.5s cubic-bezier(.175,.885,.32,1.275) photoExpandIn;position:relative}@keyframes photoExpandIn{0%{opacity:0;transform:scale(.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.photo-overlay-content img{border-radius:var(--radius);object-fit:contain;border:4px solid #ffffffe6;max-width:85vw;max-height:85vh;box-shadow:0 20px 60px #0006}.photo-overlay-close{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 15px #0000004d}.photo-overlay-close:hover{transform:scale(1.15)rotate(90deg)}.photo-overlay-hearts{letter-spacing:.5rem;font-size:1.5rem;animation:1.5s ease-in-out infinite pulse;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.admin-login-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#2d1b36cc;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}.admin-login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);width:90%;max-width:380px;box-shadow:var(--shadow-soft);border:2px solid #ffb3d14d;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) photoExpandIn}.admin-login-card h3{color:var(--text-dark);text-align:center;margin-bottom:1.5rem;font-family:Dancing Script,cursive;font-size:1.6rem}.admin-login-card .form-group{margin-bottom:1rem}.admin-login-card .form-group input{border:2px solid var(--pink-light);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:#ffffffb3;padding:12px 16px;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .3s}.admin-login-card .form-group input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #c084fc26}.login-btn-group{gap:.5rem;margin-top:1rem;display:flex}.login-btn-group button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:12px;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s}.login-submit{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;box-shadow:0 4px 15px #ff6b9d4d}.login-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.login-cancel{color:var(--text-medium);background:#fff;border:2px solid var(--pink-light)!important}.login-cancel:hover{background:var(--pink-light)}.login-error{color:var(--pink-dark);text-align:center;margin-top:.5rem;font-size:.85rem;animation:.3s ease-out fadeInUp;display:none}.photo-upload-area{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-label{border:2px dashed var(--pink-light);border-radius:var(--radius-sm);cursor:pointer;background:#ffb3d11a;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s;display:flex}.upload-label:hover{border-color:var(--pink);background:#ffb3d133}.upload-icon{font-size:1.8rem}.upload-text{color:var(--text-light);text-align:center;margin-top:4px;font-size:.65rem}.photo-preview{flex-wrap:wrap;gap:8px;display:flex}.photo-thumb{border-radius:var(--radius-sm);border:2px solid var(--pink-light);width:100px;height:100px;animation:.3s ease-out fadeInUp;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:background .2s;display:flex;position:absolute;top:4px;right:4px}.photo-remove:hover{background:var(--pink-dark)}.photo-count{color:var(--text-light);margin-top:6px;font-size:.8rem}.song-hint{color:var(--text-light);margin-top:4px;font-size:.75rem;font-style:italic}.upload-status{text-align:center;color:var(--text-medium);margin-top:.5rem;font-size:.85rem}.card-photo-gallery{cursor:pointer;border-radius:var(--radius-sm);gap:6px;margin-top:1rem;padding-bottom:6px;display:flex;position:relative;overflow-x:auto}.card-photo-thumb{border:2px solid var(--pink-light);border-radius:10px;flex-shrink:0;width:70px;height:70px;transition:transform .2s,border-color .2s;overflow:hidden}.card-photo-thumb:hover{border-color:var(--pink);transform:scale(1.1)}.card-photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-more{color:#fff;background:#00000080;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600;position:absolute;bottom:10px;right:8px}.card-song{border-radius:var(--radius-sm);border:1px solid var(--purple-light);background:linear-gradient(135deg,#c084fc14,#ff6b9d14);margin-top:1rem;padding:10px 14px}.song-label{color:var(--purple-dark);margin-bottom:6px;font-family:Dancing Script,cursive;font-size:1rem}.song-link-yt,.song-link-sp,.song-link{border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.song-link-yt{color:#fff;background:linear-gradient(135deg,red,#c00)}.song-link-yt:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff00004d}.song-link-sp{color:#fff;background:linear-gradient(135deg,#1db954,#1aa34a)}.song-link-sp:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1db9544d}.song-link{background:var(--purple-light);color:var(--purple-dark)}.song-play-btn{font-size:.8rem}.gallery-content{max-width:90vw}.gallery-content img{border-radius:var(--radius);object-fit:contain;border:4px solid #fff;max-width:90vw;max-height:80vh;box-shadow:0 20px 60px #00000080}.gallery-nav{border:2px solid var(--pink-light);cursor:pointer;z-index:10;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.gallery-prev{left:15px}.gallery-next{right:15px}.gallery-dots{gap:8px;display:flex;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.gallery-dot{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px;transition:all .2s}.gallery-dot.active{background:var(--pink);transform:scale(1.3)}@media (width<=768px){.side-photo{opacity:.4;border-width:2px;width:70px;height:90px}.photo-overlay-content{max-width:92vw;max-height:80vh}.photo-overlay-content img{border-width:3px;max-width:92vw;max-height:80vh}.photo-overlay-close{width:35px;height:35px;top:-12px;right:-12px}.photo-overlay-hearts{font-size:1.2rem;bottom:-25px}.upload-label,.photo-thumb{width:80px;height:80px}.upload-icon{font-size:1.5rem}.upload-text{font-size:.55rem}.card-photo-thumb{width:55px;height:55px}.gallery-content img{border-width:3px;max-width:92vw;max-height:75vh}.gallery-nav{width:35px;height:35px;font-size:1rem}.gallery-prev{left:10px}.gallery-next{right:10px}.admin-login-card{width:92%;padding:1.5rem}.title{font-size:2.2rem}.side-photo:first-child{top:10%;left:1%}.side-photo:nth-child(2){top:40%;left:0%}.side-photo:nth-child(3){top:70%;left:1%}.side-photo:nth-child(4){top:10%;right:1%}.side-photo:nth-child(5){top:45%;right:0%}.side-photo:nth-child(6){top:75%;right:1%}}@media (width<=480px){.side-photo{opacity:.25;border-width:1px;width:50px;height:65px}.side-photo:nth-child(3),.side-photo:nth-child(6){display:none}}.decorations{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.balloon{opacity:.6;font-size:2.5rem;animation:6s ease-in-out infinite float;position:absolute}.balloon:first-child{animation-delay:0s;left:5%}.balloon:nth-child(2){animation-delay:1s;left:15%}.balloon:nth-child(3){animation-delay:2s;left:25%}.balloon:nth-child(4){animation-delay:.5s;left:75%}.balloon:nth-child(5){animation-delay:1.5s;left:85%}.balloon:nth-child(6){animation-delay:2.5s;left:92%}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.6}90%{opacity:.6}50%{transform:translateY(-20vh)rotate(10deg)}}.collect-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:520px;min-height:100vh;padding:24px;display:flex;position:relative}.header{text-align:center;margin-bottom:2rem;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.title{background:linear-gradient(135deg, var(--pink) 0%, var(--purple) 50%, var(--coral) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Pacifico,cursive;font-size:3rem;line-height:1.2}.subtitle{color:var(--text-medium);font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:400}.emoji-row{margin:1rem 0;font-size:2rem;animation:2s ease-in-out infinite pulse}.form-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);border:2px solid #ffb3d14d;padding:2rem;animation:.6s ease-out .2s both fadeInUp}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-medium);margin-bottom:.5rem;font-family:Dancing Script,cursive;font-size:1.3rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:2px solid var(--pink-light);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);resize:vertical;background:#ffffffb3;padding:14px 18px;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--purple);background:#fffffff2;outline:none;box-shadow:0 0 0 4px #c084fc26}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light);font-style:italic}.form-group textarea{min-height:120px}.char-count{text-align:right;color:var(--text-light);margin-top:.3rem;font-size:.8rem}.submit-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--pink) 0%, var(--purple) 100%);color:#fff;cursor:pointer;border:none;width:100%;padding:16px 24px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff6b9d66}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b9d80}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{text-align:center;padding:2rem;animation:.6s ease-out bounceIn}.success-message .success-icon{margin-bottom:1rem;font-size:4rem}.success-message h3{color:var(--pink);margin-bottom:.5rem;font-family:Dancing Script,cursive;font-size:1.8rem}.success-message p{color:var(--text-medium)}.admin-link{border-top:1px dashed var(--pink-light);text-align:center;margin-top:2rem;padding-top:1.5rem}.admin-toggle{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline;transition:color .3s}.admin-toggle:hover{color:var(--purple)}.admin-panel{border-radius:var(--radius-sm);background:#ffffff80;margin-top:1rem;padding:1rem}.admin-panel button{border:2px solid var(--purple-light);border-radius:var(--radius-sm);width:100%;color:var(--purple-dark);cursor:pointer;background:#fff;margin-bottom:.5rem;padding:12px;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s;display:block}.admin-panel button:hover{background:var(--purple-light)}.dedication-count{color:var(--text-medium);text-align:center;margin-top:.5rem;font-size:.9rem}.display-container{z-index:1;width:100%;min-height:100vh;padding:24px;position:relative}.display-header{text-align:center;padding:2rem 1rem 3rem;animation:.8s ease-out fadeInDown}.display-title{background:linear-gradient(135deg, var(--pink) 0%, var(--purple) 30%, var(--gold) 60%, var(--coral) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Pacifico,cursive;font-size:3.5rem;animation:4s linear infinite shimmer}.display-subtitle{color:var(--text-medium);font-family:Dancing Script,cursive;font-size:1.8rem}.display-age{color:var(--gold);text-shadow:2px 2px 4px #0000001a;margin:.5rem 0;font-family:Pacifico,cursive;font-size:2.5rem}.cake-divider{letter-spacing:1rem;margin:1rem 0;font-size:1.5rem}.dedications-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding-bottom:3rem;display:grid}.dedication-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow-card);border:2px solid #ffb3d133;padding:1.8rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out both fadeInUp;position:relative;overflow:hidden}.dedication-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--gold));height:4px;position:absolute;top:0;left:0;right:0}.dedication-card:hover{box-shadow:var(--shadow-hover);border-color:var(--pink-light);transform:translateY(-8px)scale(1.02)}.dedication-card:nth-child(odd){animation-delay:calc(var(--index) * .1s)}.dedication-card:nth-child(2n){animation-delay:calc(var(--index) * .1s + 50ms)}.dedication-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dedication-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.dedication-name{color:var(--text-dark);font-family:Dancing Script,cursive;font-size:1.4rem;font-weight:700}.dedication-heart{opacity:.5;font-size:1.2rem;position:absolute;top:1rem;right:1rem}.dedication-message{color:var(--text-medium);border-left:3px solid var(--pink-light);padding-left:1rem;font-family:Poppins,sans-serif;font-size:1rem;font-style:italic;line-height:1.6;position:relative}.empty-state{text-align:center;padding:4rem 2rem;animation:.6s ease-out fadeInUp}.empty-state .empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-medium);font-family:Dancing Script,cursive;font-size:1.5rem}@media (width<=768px){.title{font-size:2.2rem}.subtitle{font-size:1.2rem}.display-title{font-size:2.5rem}.display-subtitle{font-size:1.4rem}.display-age{font-size:2rem}.form-card{padding:1.5rem}.dedications-grid{grid-template-columns:1fr;gap:1rem}.balloon{font-size:1.8rem}.collect-container,.display-container{padding:16px}.display-header{padding:1.5rem .5rem 2rem}}@media (width<=480px){.title{font-size:1.8rem}.display-title{font-size:2rem}.dedication-card{padding:1.3rem}.dedication-avatar{width:40px;height:40px;font-size:1.2rem}.dedication-name{font-size:1.2rem}.dedication-message{font-size:.95rem}}@media print{#confetti-canvas,.decorations,.admin-link{display:none!important}body{background:#fff!important}.dedication-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}