:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-container{background:linear-gradient(135deg,#ffeef8 0%,#ffe4f1 25%,#ffd4e9 50%,#ffb8d9 75%,#ff9ec7 100%);min-height:100vh;padding:2rem 1rem;position:relative;overflow-x:hidden}.hearts-background{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.heart{opacity:.3;pointer-events:none;filter:drop-shadow(0 0 10px #ff69b480);font-size:1.5rem;position:absolute}.welcome-modal{z-index:2000!important}.welcome-modal-content{text-align:center;background:linear-gradient(135deg,#fff0f6 0%,#ffe4f1 100%);border-radius:30px;max-width:600px;padding:3rem 2rem;position:relative;box-shadow:0 20px 60px #e91e6366,0 0 0 8px #ffffffe6,0 0 0 16px #ffc0cb80}.welcome-heart{filter:drop-shadow(0 0 20px #ff69b4cc);margin-bottom:1.5rem;font-size:5rem}.welcome-title{color:#e91e63;text-shadow:2px 2px #fff,3px 3px #e91e634d;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem)}.welcome-text{color:#c2185b;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.welcome-heart-text{color:#e91e63;margin-top:1rem;font-size:1.1rem;font-weight:600;display:block}.welcome-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b4,#e91e63);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #e91e6366}.welcome-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e91e6399}.header{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;padding:3rem 1rem 2rem;display:flex;position:relative}.title{color:#e91e63;text-shadow:2px 2px #fff,4px 4px #e91e634d,0 0 20px #ff69b480;letter-spacing:2px;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.subtitle{color:#c2185b;text-shadow:1px 1px 2px #fffc;margin-bottom:2rem;font-size:clamp(1.2rem,3vw,2rem);font-style:italic}.scroll-indicator{color:#e91e63;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;font-size:1.1rem;font-weight:600;display:flex}.scroll-indicator div{font-size:2rem}.intro-section,.closing-section{text-align:center;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:30px;max-width:800px;margin:4rem auto;padding:3rem 2rem;position:relative;box-shadow:0 10px 30px #e91e6333}.cute-divider{color:#ff69b4;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-size:2rem;display:flex}.section-title{color:#e91e63;margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.section-text{color:#c2185b;text-align:center;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.final-hearts{justify-content:center;gap:2rem;margin-top:2rem;font-size:3rem;display:flex}.text-break{grid-column:1/-1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.cute-quote{text-align:center;background:#fffc;border-radius:20px;max-width:600px;padding:2rem 3rem;position:relative;box-shadow:0 10px 30px #e91e6333}.quote-icon{margin-bottom:1rem;font-size:3rem;display:block}.cute-quote p{color:#c2185b;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;font-weight:500;line-height:1.6}.gallery{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem 2rem;max-width:1400px;margin:3rem auto;padding:0 1rem 3rem;display:grid;position:relative}.image-card{aspect-ratio:1;cursor:pointer;background:#fff;border-radius:20px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #e91e634d,0 0 0 5px #fffc,0 0 0 10px #ffc0cb66}.image-card:hover{box-shadow:0 20px 40px #e91e6380,0 0 0 5px #fff,0 0 0 10px #ff69b499,0 0 30px #ff69b4cc}.gallery-image{object-fit:cover;width:100%;height:100%;display:block}.decorative-element{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fff0f6f2);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #e91e6333,0 0 0 5px #fffc,0 0 0 10px #ffc0cb4d}.decorative-element:before{content:"";background:linear-gradient(45deg,#0000,#ff69b41a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.gaming-icon{filter:drop-shadow(0 5px 15px #e91e634d);z-index:1;font-size:4rem}.icon-text{color:#e91e63;text-shadow:0 2px 4px #fffc;z-index:1;font-size:1.3rem;font-weight:700}.image-overlay{background:linear-gradient(135deg,#e91e63e6,#ff69b4e6);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.overlay-text{color:#fff;text-shadow:2px 2px 4px #00000080;text-align:center;font-size:clamp(1rem,2vw,1.5rem);font-weight:700}.heart-icon{font-size:3rem;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-backdrop{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:20px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 0 50px #ff69b4cc,0 0 100px #e91e6380}.modal-image{object-fit:contain;width:100%;height:100%;display:block}.close-button{color:#e91e63;cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 10px #0000004d}.close-button:hover{color:#fff;background:#e91e63}.music-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(135deg,#fffffff2,#fff0f6f2);border-radius:50px;align-items:center;gap:1rem;max-width:300px;padding:1rem 1.5rem;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 30px #e91e634d,0 0 0 3px #fffc,0 0 0 6px #ffc0cb66}.music-toggle{cursor:pointer;background:linear-gradient(135deg,#ff69b4,#e91e63);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e6366}.music-toggle:hover{box-shadow:0 6px 20px #e91e6399}.song-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.song-title{color:#e91e63;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.song-controls{gap:.5rem;display:flex}.song-controls button{cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.2rem;transition:transform .2s}.song-controls .play-pause-btn{font-size:1rem}.song-controls .youtube-btn{margin-left:.3rem;font-size:1.1rem}.footer{text-align:center;z-index:2;padding:3rem 1rem 2rem;position:relative}.footer p{color:#c2185b;text-shadow:1px 1px 2px #fffc;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.footer-date{opacity:.8;font-size:1rem}.footer-tagline{opacity:.9;margin-top:.5rem;font-size:.95rem;font-style:italic}@media (max-width:768px){.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem 1.5rem}.title{font-size:2rem}.subtitle,.heart{font-size:1rem}.modal-content{max-width:95vw;max-height:85vh}.welcome-modal-content{margin:1rem;padding:2rem 1.5rem}.welcome-heart{font-size:3.5rem}.intro-section,.closing-section{margin:2rem auto;padding:2rem 1.5rem}.cute-quote{padding:1.5rem 2rem}.music-player{max-width:250px;padding:.8rem 1rem;top:1rem;right:1rem}.music-toggle{width:40px;height:40px;font-size:1.2rem}.song-title{font-size:.8rem}.song-controls button{font-size:1rem}}@media (max-width:480px){.gallery{grid-template-columns:1fr;gap:2rem 1rem}.app-container{padding:1rem .5rem}.header{padding:2rem .5rem 1rem}.image-card{box-shadow:0 5px 15px #e91e634d,0 0 0 3px #fffc,0 0 0 6px #ffc0cb66}.welcome-button{padding:.8rem 2rem;font-size:1rem}.music-player{gap:.5rem;max-width:200px;padding:.6rem .8rem;top:.5rem;right:.5rem}.music-toggle{width:35px;height:35px;font-size:1rem}.song-title{font-size:.7rem}.song-controls button{font-size:.9rem}}html{scroll-behavior:smooth}::selection{color:#fff;background:#ff69b4}