body{background:#000;font-family:Arial,sans-serif;overflow-x:hidden}.intro{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.intro-content{z-index:5;text-align:center;color:#fff;position:relative}.intro-content h1{text-shadow:0 0 20px #f5a;font-size:70px}.intro-content p{font-size:25px}.intro-content span{margin-top:80px;display:block}.particles{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sakura-world{background:linear-gradient(#170016,#050005);width:100vw;height:100vh;overflow:hidden}.sakura-world canvas{width:100%;height:100%;position:absolute;top:0;left:0}.sakura-title{text-align:center;color:#fff;width:100%;font-family:Arial;position:absolute;top:80px}.sakura-title h1{letter-spacing:5px;font-size:45px}.sakura-title p{opacity:.7;font-size:14px}*{box-sizing:border-box}body{background:#050008;margin:0}.memory-page{color:#fff;background:radial-gradient(circle at top,#702080,#180021 60%,#050008);width:100%;min-height:100vh;font-family:Courier New,monospace;position:relative;overflow:hidden}header{text-align:center;padding-top:45px}header h1{letter-spacing:12px;text-shadow:0 0 25px pink,0 0 50px #b84cff;margin:0;font-size:58px}header p{color:#ffd6ed;font-size:16px}.memory-container{justify-content:center;align-items:flex-start;gap:70px;margin-top:70px;display:flex}.photo-wall{background:#ffffff1f;border:3px solid #ee8cff;width:900px;height:620px;position:relative;overflow:hidden;box-shadow:0 0 70px #ff50dc99}.photo-wall h2{text-align:center;letter-spacing:8px;margin-top:25px;font-size:26px}.empty{color:#ffd6ef;font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-photo{cursor:pointer;z-index:2;background:#fff;border-radius:8px;padding:12px;transition:all .4s;animation:6s ease-in-out infinite photoFloat;position:absolute;box-shadow:0 0 35px pink}.floating-photo img{object-fit:cover;width:100%;height:100%}.floating-photo:hover{z-index:20;filter:brightness(1.15)}@keyframes photoFloat{0%,to{margin-top:0}50%{margin-top:-25px}}.delete{color:#fff;cursor:pointer;background:#ff4f9f;border:none;border-radius:50%;width:45px;height:45px;font-size:28px;position:absolute;top:-18px;right:-18px;box-shadow:0 0 20px pink}.upload{letter-spacing:4px;cursor:pointer;background:#501464e6;border:2px solid #ffb1e8;justify-content:center;align-items:center;width:260px;height:55px;font-size:18px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.upload input{display:none}.letter{cursor:pointer;background:#ffffff24;border:3px solid #e28cff;width:420px;height:620px;padding:45px;transition:all .8s;box-shadow:0 0 60px #c34cff}.letter:hover{transform:translateY(-15px)}.letter.open{background:#ffdcf540;transform:rotateY(20deg)scale(1.05)}.closed-letter{text-align:center;justify-content:center;align-items:center;height:100%;font-size:28px;display:flex}.letter-content{font-size:19px;line-height:2}.letter h2{letter-spacing:4px;font-size:32px}.start{letter-spacing:5px;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff75c8,#a855ff);border:none;border-radius:50px;width:360px;height:70px;margin:70px auto;font-size:22px;transition:all .3s;display:block;box-shadow:0 0 50px pink}.start:hover{transform:scale(1.1)}.preview{z-index:100;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.preview img{border:12px solid #fff;max-width:75%;max-height:75%;box-shadow:0 0 70px pink}.preview span{cursor:pointer;font-size:60px;position:absolute;top:50px;right:80px}.petal{opacity:.7;font-size:45px;animation:10s infinite petalMove;position:absolute}.p1{top:30%;left:15%}.p2{top:45%;right:15%}.p3{bottom:20%;left:30%}@keyframes petalMove{50%{transform:translateY(120px)rotate(180deg)}}.ending-page{color:#fff;text-align:center;background:radial-gradient(circle at top,#641b80,#08000f);height:100vh;padding-top:80px;font-family:Courier New,monospace;overflow:hidden}.ending-page h1{letter-spacing:12px;text-shadow:0 0 30px pink;font-size:70px}.hint{color:#ffd8ec;font-size:25px}.game-board{grid-template-columns:repeat(4,180px);gap:35px;width:900px;margin:80px auto;display:grid}.memory-card{cursor:pointer;background:#ffffff1f;border:3px solid #ff9ddd;border-radius:20px;justify-content:center;align-items:center;height:180px;font-size:70px;transition:all .5s;display:flex;box-shadow:0 0 30px #ff78dc80}.memory-card:hover{transform:scale(1.1)}.memory-card.active{background:#ffb4e64d;transform:rotateY(180deg)}.success{margin-top:180px;animation:1s fadeIn}.success p{font-size:35px}.success button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff78c8,#a855ff);border:none;border-radius:50px;margin-top:60px;padding:25px 90px;font-size:25px;box-shadow:0 0 50px pink}.final-gift{margin-top:80px;animation:2s fadeIn}.final-gift h1{font-size:90px}.final-gift p{color:#ffe0ef;font-size:30px;line-height:2}.final-gift h2{color:pink;margin-top:60px;font-size:45px}.stars{font-size:60px;animation:4s infinite float}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1}}@keyframes float{50%{transform:translateY(-30px)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#fff;background:#000;font-family:Arial,sans-serif}