html{box-sizing:border-box}body{margin:0;height:100vh;width:100vw}img{max-width:100%;height:auto}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-9999}.container{height:100vh;width:100vh;margin:0 auto;text-align:center;visibility:hidden;position:relative;overflow:hidden}.container div.six{top:15vh;z-index:1}.container div.seven,.container div.eight{width:100vw;height:100vh;position:fixed;top:0}.container>div{position:absolute;left:0;right:0;top:20vh}.one{font-size:4.5rem}.one>img{vertical-align:middle;margin-bottom:10px;max-width:100%;height:auto}.two{font-size:1.2rem;font-weight:lighter}.three{font-size:3rem}.four .text-box{width:90%;max-width:600px;margin:0 auto;border:3px solid#aaa;border-radius:5px;padding:10px;position:relative}.text-box p{margin:0;text-align:left}.text-box span{visibility:hidden}.text-box .fake-btn{position:absolute;right:5px;bottom:2px;color:#fff;background-color:#03c160;padding:8px 16px;border-radius:8px}.five p{font-size:2rem;position:absolute;left:0;right:0}.idea-3 strong{padding:3px 5px;border-radius:3px;display:inline-block}.five .idea-5{font-size:4rem}.idea-5 span,.idea-6 span,.wish-hbd span{display:inline-block}.idea-6 span{font-size:15rem}.six{position:relative}.six img{display:inline-block;max-width:100%;height:auto}.six .hat{position:absolute;width:80px;top:-70px;left:50%;margin-left:-40px;transform:scale(1.1)}.baloons img{display:inline-block;position:absolute}.baloons img:nth-child(2n){left:-10%}.baloons img:nth-child(odd){right:-10%}.baloons img:nth-child(3n){left:30%}.eight svg{width:25px;position:absolute;top:0;left:0;visibility:hidden;z-index:-1}.eight svg:first-child{top:7vh;left:5vw;fill:#bd6ecf}.eight svg:nth-child(2){top:23vh;left:35vw;fill:#7dd175}.eight svg:nth-child(3){top:33vh;left:23vw;fill:#349d8b}.eight svg:nth-child(4){top:43vh;left:57vw;fill:#347a9d}.eight svg:nth-child(5){top:68vh;left:7vw;fill:#c66053}.eight svg:nth-child(6){top:42vh;left:77vw;fill:#bfaa40}.eight svg:nth-child(7){top:68vh;left:83vw;fill:#e3bae8}.eight svg:nth-child(8){top:86vh;left:37vw;fill:#8762cb}.eight svg:nth-child(9){top:94vh;left:87vw;fill:#9a90da}.wish-hbd{font-size:3em;margin:0;text-transform:uppercase}.wish h5{font-weight:lighter;font-size:2rem;margin:10px 0 0}.nine p{font-size:2rem;font-weight:lighter}#replay{z-index:3;cursor:pointer}@media screen and (max-width:768px){.one{font-size:3.5rem}.three{font-size:2.5rem}.five .idea-5{font-size:3rem}.idea-6 span{font-size:12rem}}@media screen and (max-width:500px){.container,.four .text-box{width:90%}.text-box .fake-btn{right:5px;bottom:-48px}.idea-5 span{display:block}.idea-6 span{font-size:10rem}.six .hat{width:50px;top:-20px;margin-left:-25px}.wish-hbd{font-size:2.2em}.wish h5{font-size:1.4rem}.nine p{font-size:1.5rem;font-weight:lighter}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-pause{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/play.svg);background-color:transparent;border:none;cursor:pointer;z-index:100;position:absolute;right:5vw;top:5vh;transition:all.3s ease-in-out}.play-pause.playing{background-image:url(../img/pause.svg);animation:rotate 2s linear infinite}.startSign{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20vh 5vw}.startSign .button{padding:1rem 1.6rem;border:1px solid#03c160;border-radius:5px}.startSign .button:hover{background-color:#03c160;color:#fff;padding:1rem 1.6rem;cursor:pointer}.eraser-easter-egg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:linear-gradient(135deg,#fffef0 0%,#fff8e7 50%,#fffacd 100%);overflow:hidden}.eraser-easter-egg.hidden{display:none}.eraser-prompt{position:absolute;top:0;left:0;width:100%;height:50%;display:flex;justify-content:center;align-items:center;z-index:1003;background:linear-gradient(180deg,rgba(255,254,240,.95)0%,rgba(255,248,231,.7)100%)}.prompt-content{text-align:center;animation:fadeInUp.8s ease-out}.prompt-text{font-size:2.5rem;color:#e91e8c;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:pulse 2s ease-in-out infinite}.prompt-subtext{font-size:1.2rem;color:#8b6914;margin:0 0 30px;opacity:.9}.eraser-icon-wrapper{position:relative;display:inline-block;margin-bottom:30px}.eraser-icon-display{width:100px;height:100px;animation:bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(255,105,180,.4))}.sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px}.sparkles span{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}.sparkles span:first-child{top:0;left:50%;animation-delay:0s}.sparkles span:nth-child(2){top:50%;right:0;animation-delay:.3s}.sparkles span:nth-child(3){bottom:0;left:50%;animation-delay:.6s}.sparkles span:nth-child(4){top:50%;left:0;animation-delay:.9s}@keyframes sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.start-erasing-btn{padding:15px 40px;font-size:1.2rem;background:linear-gradient(135deg,#ff69b4 0%,#ff8fab 100%);color:white;border:none;border-radius:50px;cursor:pointer;transition:all.3s ease;box-shadow:0 5px 20px rgba(255,105,180,.4)}.start-erasing-btn:hover{transform:translatey(-3px)scale(1.05);box-shadow:0 10px 30px rgba(255,105,180,.6)}.eraser-canvas{position:absolute;top:50%;left:0;width:100%;height:50%;z-index:1002;cursor:none;pointer-events:auto;transition:opacity 2s ease}.eraser-canvas.fading{opacity:0;pointer-events:none}.eraser-cursor{position:fixed;width:64px;height:64px;pointer-events:none;z-index:1004;transform:translate(-50%,-50%);transition:transform.1s ease}.eraser-cursor.hidden{display:none}.eraser-cursor img{width:100%;height:100%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.eraser-cursor.erasing{transform:translate(-50%,-50%)scale(.9)rotate(-5deg)}.hidden-content{position:absolute;top:50%;left:0;width:100%;height:50%;display:flex;justify-content:center;align-items:center;z-index:1001;background:linear-gradient(180deg,#fffef0 0%,#fff8e7 50%,#fffacd 100%)}.romantic-message{text-align:center;padding:30px;max-width:600px}.romantic-title{font-size:2.5rem;color:#e91e8c;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:none}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,105,180,.4)}to{text-shadow:0 0 40px rgba(255,105,180,.8),0 0 60px rgba(255,105,180,.4)}}.hearts-decoration{height:30px;margin-bottom:20px;position:relative}.hearts-decoration:before,.hearts-decoration:after{content:"💕";position:absolute;font-size:1.5rem;animation:floatHeart 3s ease-in-out infinite}.hearts-decoration:before{left:30%;animation-delay:0s}.hearts-decoration:after{right:30%;animation-delay:1.5s}@keyframes floatHeart{0%,to{transform:translatey(0)scale(1);opacity:.7}50%{transform:translatey(-15px)scale(1.2);opacity:1}}.romantic-text{font-size:1.4rem;color:#8b6914;line-height:2;margin-bottom:30px}.love-signature{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.2rem;color:#d4618e}.heart-beat{font-size:1.5rem;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.erase-complete{position:absolute;bottom:60%;left:50%;transform:translatex(-50%);z-index:1005;animation:fadeInUpCentered.5s ease-out}.erase-complete.hidden{display:none}.continue-btn{padding:18px 50px;font-size:1.3rem;background:linear-gradient(135deg,#ff69b4 0%,#ff8fab 50%,#ffb6c1 100%);color:white;border:none;border-radius:50px;cursor:pointer;transition:all.3s ease;box-shadow:0 8px 25px rgba(255,105,180,.5);animation:pulse 2s ease-in-out infinite}.continue-btn:hover{transform:translatey(-5px)scale(1.08);box-shadow:0 15px 40px rgba(255,105,180,.7)}@keyframes fadeInUp{0%{opacity:0;transform:translatey(30px)}to{opacity:1;transform:translatey(0)}}@keyframes fadeInUpCentered{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounce{0%,to{transform:translatey(0)}50%{transform:translatey(-15px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.erase-progress{position:absolute;top:52%;left:50%;transform:translatex(-50%);z-index:1006;text-align:center}.progress-text{color:pink;font-size:1rem;margin-bottom:10px}.progress-bar{width:200px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff69b4,#ff8fab);border-radius:4px;transition:width.3s ease}@media screen and (max-width:768px){.prompt-text{font-size:1.8rem;padding:0 20px}.prompt-subtext{font-size:1rem;padding:0 20px}.eraser-icon-display{width:70px;height:70px}.romantic-title{font-size:1.8rem}.romantic-text{font-size:1.1rem;padding:0 15px}.eraser-cursor{width:50px;height:50px}}@media screen and (max-width:500px){.prompt-text,.romantic-title{font-size:1.5rem}.romantic-text{font-size:1rem;line-height:1.8}.start-erasing-btn,.continue-btn{padding:12px 30px;font-size:1rem}}