@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:Noto Sans SC,sans-serif;background:#030617;color:#fff;cursor:none}@media (max-width: 768px){html,body{cursor:auto;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-width:100vw;min-height:100vh;max-width:100vw;max-height:100vh}}.mobile-device{cursor:auto!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-device:before{display:none!important}.desktop-device:before{content:"✨";position:fixed;top:var(--mouse-y, 0);left:var(--mouse-x, 0);pointer-events:none;z-index:9999;font-size:16px;transform:translate(-50%,-50%);animation:cursorTwinkle 2s ease-in-out infinite;transition:all .1s ease}.constellation-popup.active~body:before{content:"👆"}@keyframes cursorTwinkle{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}#starfield-canvas{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1!important;display:block!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;object-fit:cover;object-position:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}#app{position:relative;width:100%;height:100vh;z-index:10}.time-tunnel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(13,13,25,.9) 0%,rgb(8,8,16) 70%);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.time-tunnel-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.tunnel-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:1000px}.tunnel-rings{position:absolute;width:100%;height:100%}.ring{position:absolute;left:50%;top:50%;border:2px solid;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.ring.ring-1{width:100px;height:100px;border-color:#7df9ffcc;animation:tunnelRing 3s ease-out 0s}.ring.ring-2{width:200px;height:200px;border-color:#7df9ff99;animation:tunnelRing 3s ease-out .3s}.ring.ring-3{width:400px;height:400px;border-color:#7df9ff66;animation:tunnelRing 3s ease-out .6s}.ring.ring-4{width:600px;height:600px;border-color:#7df9ff4d;animation:tunnelRing 3s ease-out .9s}.ring.ring-5{width:900px;height:900px;border-color:#7df9ff33;animation:tunnelRing 3s ease-out 1.2s}.ring.ring-6{width:1200px;height:1200px;border-color:#7df9ff1a;animation:tunnelRing 3s ease-out 1.5s}.tunnel-particles{position:absolute;width:100%;height:100%;background:radial-gradient(2px 2px at 20px 30px,#7DF9FF,transparent),radial-gradient(2px 2px at 40px 70px,rgba(125,249,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(125,249,255,.6),transparent),radial-gradient(1px 1px at 130px 80px,rgba(125,249,255,.4),transparent),radial-gradient(2px 2px at 160px 30px,rgba(125,249,255,.8),transparent);background-repeat:repeat;background-size:200px 100px;animation:particleFlow 4s linear infinite}.tunnel-center{position:absolute;width:50px;height:50px;left:50%;top:50%;transform:translate(-50%,-50%)}.center-glow{width:100%;height:100%;background:radial-gradient(circle,rgb(125,249,255) 0%,rgba(125,249,255,.8) 30%,transparent 70%);border-radius:50%;animation:centerPulse 2s ease-in-out infinite}@keyframes tunnelRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.1);filter:blur(20px)}50%{opacity:1;filter:blur(5px)}to{opacity:0;transform:translate(-50%,-50%) scale(3);filter:blur(30px)}}@keyframes particleFlow{0%{transform:scale(.5) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(2) rotate(360deg);opacity:0}}@keyframes centerPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6}}.constellation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(3,6,23,.95);border:1px solid #7DF9FF;border-radius:15px;padding:2rem;max-width:500px;min-width:350px;opacity:0;scale:.8;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 50px #7df9ff4d;z-index:1000;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.constellation-popup.active{opacity:1;scale:1;pointer-events:auto}.constellation-popup .popup-content{text-align:center;position:relative}.constellation-popup .popup-content .popup-close{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border:none;background:#7DF9FF;color:#030617;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 10px #7df9ff80}.constellation-popup .popup-content .popup-close:hover{background:white;transform:scale(1.1);box-shadow:0 0 20px #7df9ffcc}.constellation-popup .popup-content h3{font-family:Montserrat,sans-serif;font-size:1.8rem;margin-bottom:1rem;color:#7df9ff;text-shadow:0 0 10px #7DF9FF}.constellation-popup .popup-content p{line-height:1.8;font-size:1rem;color:#fff;margin-bottom:1.5rem;text-align:left;max-height:300px;overflow-y:auto;white-space:pre-line}.climax-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(3,6,23,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:300;transition:all 2s ease-out}.climax-overlay.active{opacity:1;pointer-events:auto}.climax-overlay .climax-content{text-align:center;max-width:800px;padding:2rem}#countdown-overlay{position:fixed;top:30px;right:30px;width:auto;height:auto;background:none;z-index:100}#countdown-overlay.hidden{display:none}.countdown-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:countdownPulse 1s ease-in-out infinite alternate}.countdown-circle{position:relative;width:80px;height:80px;margin-bottom:0}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 15px #FFFFFF;font-family:Orbitron,monospace;z-index:2}.countdown-ring{width:100%;height:100%;transform:rotate(-90deg)}.countdown-progress{stroke-dasharray:219.91;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px #7DF9FF)}.countdown-text{font-size:1.2rem;color:#7df9ff;text-shadow:0 0 10px #7DF9FF;margin:0;letter-spacing:2px;animation:textGlow 2s ease-in-out infinite alternate}@keyframes countdownPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes textGlow{0%{text-shadow:0 0 10px #7DF9FF;color:#7df9ff}to{text-shadow:0 0 20px #7DF9FF,0 0 30px #7DF9FF;color:#b0fbff}}.final-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#030617;opacity:0;pointer-events:none;z-index:400;transition:all 2s ease-out}.final-screen.active{opacity:1;pointer-events:auto}.final-screen .heart-animation{position:absolute;width:300px;height:300px;top:20%;left:50%;transform:translate(-50%);opacity:0}.final-screen .heart-animation.active{opacity:1}.final-screen .final-content{text-align:center;max-width:600px;padding:2rem;margin-top:200px}.final-screen .final-content .final-title{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:400;margin-bottom:2rem;color:#ff69b4;text-shadow:0 0 20px #ff69b4;animation:heartbeat 2s ease-in-out infinite}.final-screen .final-content .code-heart-container{margin-bottom:3rem;display:flex;justify-content:center;align-items:center}.final-screen .final-content .code-heart{position:relative;width:300px;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(125,249,255,.1),rgba(255,105,180,.1));border:2px solid #7DF9FF;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInUp 1s ease-out 1s forwards,codeHeartPulse 3s ease-in-out infinite 2s;box-shadow:0 0 30px #7df9ff4d,inset 0 0 20px #7df9ff1a}.final-screen .final-content .code-heart:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,#7DF9FF,#ff69b4,#7DF9FF);border-radius:25px;z-index:-1;opacity:.3;animation:rotateGlow 6s linear infinite}.final-screen .final-content .code-heart .heart-code-text{font-family:Courier New,monospace;font-size:1.1rem;color:#7df9ff;text-align:center;font-weight:600;text-shadow:0 0 10px #7DF9FF;letter-spacing:2px;position:relative;z-index:2}.final-screen .final-content .code-heart .heart-code-text:before{content:"< ";color:#ff69b4;opacity:.8}.final-screen .final-content .code-heart .heart-code-text:after{content:" />";color:#ff69b4;opacity:.8}.final-screen .final-content .final-btn{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;padding:1rem 2.5rem;background:linear-gradient(45deg,#ff69b4,#ff1493);border:none;border-radius:50px;color:#fff;cursor:pointer;box-shadow:0 0 30px #ff69b480;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out 2s forwards;transition:all .3s ease}.final-screen .final-content .final-btn:hover{transform:translateY(15px) scale(1.05);box-shadow:0 0 50px #ff69b4cc}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#030617;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity 1s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-screen .loading-content{text-align:center}#loading-screen .loading-spinner{width:60px;height:60px;border:3px solid transparent;border-top:3px solid #7DF9FF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}#loading-screen p{color:#ffffffb3;font-size:1.2rem;letter-spacing:.1rem}@keyframes titleGlow{0%,to{text-shadow:0 0 30px #7DF9FF}50%{text-shadow:0 0 50px #7DF9FF,0 0 80px #7DF9FF}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@keyframes mouseScroll{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes scrollDot{0%{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.5;transform:translate(-50%) translateY(15px)}to{opacity:0;transform:translate(-50%) translateY(25px)}}@keyframes textGlow{0%,to{text-shadow:0 0 30px rgba(255,255,255,.8)}50%{text-shadow:0 0 50px rgb(255,255,255),0 0 80px #7DF9FF}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.constellation-popup.active .popup-content{animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupSlideIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes codeHeartPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #7df9ff4d,inset 0 0 20px #7df9ff1a}50%{transform:scale(1.05);box-shadow:0 0 50px #7df9ff80,inset 0 0 30px #7df9ff33}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.15)}}@keyframes specialHintPulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 30px #ff149380}50%{transform:translate(-50%) scale(1.05);box-shadow:0 0 50px #ff1493cc}}@keyframes hintFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}20%,80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 768px){html{font-size:14px}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}#starfield-canvas{width:100vw!important;height:100vh!important}#app{width:100vw;height:100vh;overflow:hidden}.constellation-popup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw!important;max-height:80vh!important;min-width:auto!important;padding:1.5rem!important;margin:0!important;border-radius:20px!important;box-sizing:border-box!important}.constellation-popup .popup-content h3{font-size:1.3rem!important;margin-bottom:1rem!important;line-height:1.3!important}.constellation-popup .popup-content p{font-size:.9rem!important;line-height:1.5!important;margin-bottom:1rem!important;max-height:200px!important;overflow-y:auto!important}.constellation-popup .popup-content .popup-close{width:30px!important;height:30px!important;font-size:16px!important;top:-15px!important;right:-15px!important;touch-action:manipulation!important}#countdown-overlay{position:fixed!important;top:20px!important;right:20px!important;transform:scale(.8)!important;z-index:200!important}.countdown-circle{width:60px!important;height:60px!important}.countdown-number{font-size:1.2rem!important}.countdown-text{font-size:.8rem!important;letter-spacing:1px!important}.time-tunnel-overlay{width:100vw!important;height:100vh!important}.tunnel-container{width:100%!important;height:100%!important}.ring.ring-1{width:60px;height:60px}.ring.ring-2{width:120px;height:120px}.ring.ring-3{width:200px;height:200px}.ring.ring-4{width:300px;height:300px}.ring.ring-5{width:450px;height:450px}.ring.ring-6{width:600px;height:600px}.tunnel-center{width:30px!important;height:30px!important}.center-glow{width:100%!important;height:100%!important}.climax-overlay{width:100vw!important;height:100vh!important;padding:1rem!important}.climax-overlay .climax-content{max-width:95%!important;padding:1rem!important}.final-screen{width:100vw!important;height:100vh!important;padding:1rem!important;box-sizing:border-box!important}.final-screen .heart-animation{position:absolute!important;width:150px!important;height:150px!important;top:15%!important;left:50%!important;transform:translate(-50%)!important}.final-screen .final-content{position:relative!important;max-width:95%!important;width:100%!important;padding:1rem!important;margin:200px auto 0!important;box-sizing:border-box!important}.final-screen .final-content .final-title{font-size:2rem!important;margin-bottom:1.5rem!important;line-height:1.2!important}.final-screen .final-content .code-heart-container{margin-bottom:2rem!important;display:flex!important;justify-content:center!important;align-items:center!important}.final-screen .final-content .code-heart{width:280px!important;height:120px!important;border-radius:15px!important;padding:1rem!important;box-sizing:border-box!important}.final-screen .final-content .code-heart .heart-code-text{font-size:.85rem!important;letter-spacing:1px!important;line-height:1.3!important}.final-screen .final-content .final-btn{font-size:1rem!important;padding:.8rem 1.5rem!important;border-radius:30px!important;touch-action:manipulation!important;min-height:44px!important;white-space:nowrap!important}}@media (max-width: 480px){html{font-size:12px}.constellation-popup{max-width:95vw!important;max-height:70vh!important;padding:1rem!important}.constellation-popup .popup-content h3{font-size:1.1rem!important;margin-bottom:.8rem!important}.constellation-popup .popup-content p{font-size:.8rem!important;line-height:1.4!important;max-height:150px!important}.constellation-popup .popup-content .popup-close{width:28px!important;height:28px!important;font-size:14px!important}#countdown-overlay{top:15px!important;right:15px!important;transform:scale(.7)!important}.ring.ring-1{width:50px;height:50px}.ring.ring-2{width:100px;height:100px}.ring.ring-3{width:180px;height:180px}.ring.ring-4{width:260px;height:260px}.ring.ring-5{width:380px;height:380px}.ring.ring-6{width:500px;height:500px}.tunnel-center{width:25px!important;height:25px!important}.final-screen .heart-animation{width:120px!important;height:120px!important;top:10%!important}.final-screen .final-content{margin-top:160px!important;padding:.8rem!important}.final-screen .final-content .final-title{font-size:1.6rem!important;margin-bottom:1.2rem!important}.final-screen .final-content .code-heart-container{margin-bottom:1.5rem!important}.final-screen .final-content .code-heart{width:240px!important;height:100px!important;padding:.8rem!important}.final-screen .final-content .code-heart .heart-code-text{font-size:.75rem!important;letter-spacing:.5px!important}.final-screen .final-content .final-btn{font-size:.9rem!important;padding:.7rem 1.3rem!important;min-height:40px!important}}@media (max-width: 375px){html{font-size:11px}.constellation-popup{max-width:98vw!important;max-height:65vh!important;padding:.8rem!important;margin:0!important}.constellation-popup .popup-content h3{font-size:1rem!important}.constellation-popup .popup-content p{font-size:.75rem!important;max-height:120px!important}.constellation-popup .popup-content .popup-close{width:26px!important;height:26px!important;font-size:12px!important}.final-screen .heart-animation{width:100px!important;height:100px!important;top:8%!important}.final-screen .final-content{margin-top:140px!important;padding:.5rem!important}.final-screen .final-content .final-title{font-size:1.4rem!important;margin-bottom:1rem!important}.final-screen .final-content .code-heart{width:200px!important;height:80px!important;padding:.6rem!important}.final-screen .final-content .code-heart .heart-code-text{font-size:.7rem!important;letter-spacing:0px!important}.final-screen .final-content .final-btn{font-size:.8rem!important;padding:.6rem 1.2rem!important;min-height:36px!important}.ring.ring-1{width:40px;height:40px}.ring.ring-2{width:80px;height:80px}.ring.ring-3{width:140px;height:140px}.ring.ring-4{width:200px;height:200px}.ring.ring-5{width:300px;height:300px}.ring.ring-6{width:400px;height:400px}}@media (max-height: 500px) and (orientation: landscape){.constellation-popup{max-height:90vh!important;padding:1rem!important}.constellation-popup .popup-content p{max-height:150px!important}.final-screen .heart-animation{top:5%!important;width:80px!important;height:80px!important}.final-screen .final-content{margin-top:60px!important;padding:.5rem!important}.final-screen .final-content .final-title{font-size:1.3rem!important;margin-bottom:.8rem!important}.final-screen .final-content .code-heart-container{margin-bottom:1rem!important}.final-screen .final-content .code-heart{width:200px!important;height:60px!important;padding:.5rem!important}.final-screen .final-content .code-heart .heart-code-text{font-size:.7rem!important}.final-screen .final-content .final-btn{font-size:.8rem!important;padding:.5rem 1.2rem!important;min-height:32px!important}#countdown-overlay{transform:scale(.6)!important;top:10px!important;right:10px!important}.climax-overlay{padding:.5rem!important}}.particle-heart{position:absolute;width:4px;height:4px;background:#ff69b4;border-radius:50%;box-shadow:0 0 10px #ff69b4;animation:particleFloat 3s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease}