@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatComplex{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-40px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,-60px) rotate(180deg) scale(.9)}75%{transform:translate(-40px,-30px) rotate(270deg) scale(1.05)}to{transform:translate(0) rotate(360deg) scale(1)}}@keyframes floatUpDown{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(20px)}50%{transform:translateY(-100px) translate(-20px)}75%{transform:translateY(-50px) translate(10px)}}@keyframes floatSideways{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(100px) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes zoom{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.App{text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b9d,#ff8fab,#ffb3c1);position:relative;overflow:hidden;padding:20px}.hearts-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hearts-background .heart{position:absolute;font-size:2rem;opacity:.3;animation:float 6s ease-in-out infinite}.hearts-background .heart:nth-child(1){top:10%;left:10%;animation-delay:0s}.hearts-background .heart:nth-child(2){top:20%;left:80%;animation-delay:1s}.hearts-background .heart:nth-child(3){top:40%;left:20%;animation-delay:2s}.hearts-background .heart:nth-child(4){top:60%;left:70%;animation-delay:3s}.hearts-background .heart:nth-child(5){top:80%;left:30%;animation-delay:4s}.hearts-background .heart:nth-child(6){top:30%;left:50%;animation-delay:.5s}.hearts-background .heart:nth-child(7){top:50%;left:90%;animation-delay:1.5s}.hearts-background .heart:nth-child(8){top:70%;left:15%;animation-delay:2.5s}.hearts-background .heart:nth-child(9){top:15%;left:60%;animation-delay:3.5s}.hearts-background .heart:nth-child(10){top:85%;left:75%;animation-delay:4.5s}.hearts-background .heart:nth-child(11){top:25%;left:25%;animation-delay:.2s}.hearts-background .heart:nth-child(12){top:45%;left:85%;animation-delay:1.2s}.hearts-background .heart:nth-child(13){top:65%;left:40%;animation-delay:2.2s}.hearts-background .heart:nth-child(14){top:35%;left:65%;animation-delay:3.2s}.hearts-background .heart:nth-child(15){top:75%;left:55%;animation-delay:4.2s}.hearts-background .heart:nth-child(16){top:5%;left:45%;animation-delay:.7s}.hearts-background .heart:nth-child(17){top:55%;left:5%;animation-delay:1.7s}.hearts-background .heart:nth-child(18){top:95%;left:95%;animation-delay:2.7s}.hearts-background .heart:nth-child(19){top:12%;left:35%;animation-delay:3.7s}.hearts-background .heart:nth-child(20){top:88%;left:65%;animation-delay:4.7s}.floating-circles-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden}.floating-circle-wrapper{position:absolute;will-change:transform;border-radius:50%;padding:6px;background:#fffffff2;box-shadow:0 0 0 4px #ff6b9d99,0 0 0 6px #fffc,0 8px 24px #ff6b9db3,0 3px 10px #0000004d;animation:floatComplex 12s ease-in-out infinite;overflow:hidden;pointer-events:auto;cursor:pointer}.floating-circle{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.floating-circle-wrapper:nth-child(odd){animation-name:floatUpDown}.floating-circle-wrapper:nth-child(2n){animation-name:floatComplex}.floating-circle-wrapper:hover{animation:zoom .5s ease-in-out,spin 2s linear infinite;z-index:10;transform:scale(1.2)}.floating-circle-wrapper:hover .floating-circle{opacity:1}.floating-circle-wrapper.expanded{animation:none!important}.floating-circle-wrapper.expanded .floating-circle{object-fit:contain}.close-circle-button{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:3px solid white;background:#ff6b9de6;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.close-circle-button:hover{background:#ff6b9d;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #0006}.close-circle-button:active{transform:scale(.95) rotate(90deg)}.nav-circle-button{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;border:3px solid white;background:#ff6b9de6;color:#fff;font-size:3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;-webkit-user-select:none;user-select:none;line-height:1}.nav-circle-button-left{left:20px}.nav-circle-button-right{right:20px}.nav-circle-button:hover{background:#ff6b9d;transform:translateY(-50%) scale(1.15);box-shadow:0 6px 20px #0006}.nav-circle-button:active{transform:translateY(-50%) scale(.95)}.expanded-circle-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.expanded-circle-container .floating-circle-wrapper{pointer-events:auto}.expanded-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:9999;animation:fadeIn .3s ease;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-container,.final-container{max-width:600px;width:100%;padding:2.5rem;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #ff6b9d66;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 3s ease-in-out infinite}.quiz-container{animation:none}.progress-bar{width:100%;height:8px;background:#ffe0e8;border-radius:10px;overflow:hidden;margin-bottom:2rem;animation:wiggle 2s ease-in-out infinite}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#ff8fab);border-radius:10px;transition:width .5s ease;animation:pulse 2s ease-in-out infinite}.quiz-title{color:#d63384;margin-bottom:2rem;font-size:1.8rem;font-weight:600;animation:bounce 2s ease-in-out infinite}.question-card{padding:1rem;align-items:center;display:flex;flex-direction:column}.question-text{font-size:1.5rem;color:#333;margin-bottom:2.5rem;font-weight:500;line-height:1.6;animation:wiggle 3s ease-in-out infinite}.buttons-container{display:flex;gap:1.5rem;justify-content:center;align-items:center;position:relative;min-height:60px;overflow:visible;width:max-content}.yes-button{border-radius:50px;border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d66;z-index:2;position:relative;animation:pulse 2s ease-in-out infinite}.yes-button:hover{transform:translateY(-3px) scale(1.1) rotate(5deg);box-shadow:0 6px 20px #ff6b9d99;background:linear-gradient(135deg,#ff8fab,#ffb3c1);animation:pulse 2s ease-in-out infinite}.yes-button-bounce{animation:pulse 2s ease-in-out infinite,bounce .5s ease-in-out!important}.yes-button:active{transform:translateY(-1px) scale(1.05) rotate(-5deg);animation:shake .3s ease-in-out}.no-button{border-radius:50px;border:2px solid #ff6b9d;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;font-family:inherit;background:#fff;color:#ff6b9d;cursor:pointer;box-shadow:0 4px 15px #ff6b9d33}.no-button-relative{position:relative;z-index:2}.no-button-absolute{position:absolute;z-index:10}.no-button:hover{background:#fff0f5;transform:scale(1.05);animation:shake .3s ease-in-out}.no-button:active{transform:scale(.95);animation:spin .5s linear}.final-screen{background:linear-gradient(135deg,#ff6b9d,#ff8fab,#ffb3c1)}.final-container{animation:pulse 2s ease-in-out infinite,bounce 3s ease-in-out infinite}.final-title{color:#d63384;margin-bottom:2rem;font-size:2.5rem;font-weight:700;animation:heartBeat 1.5s ease-in-out infinite}.final-message{padding:1rem}.main-message{font-size:1.8rem;color:#333;margin-bottom:1.5rem;font-weight:600;line-height:1.6;animation:bounce 2s ease-in-out infinite}.sub-message{font-size:1.3rem;color:#666;margin-bottom:1.5rem;line-height:1.8;animation:wiggle 3s ease-in-out infinite}.love-message{font-size:2rem;color:#ff6b9d;margin-top:2rem;font-weight:700;animation:heartBeat 1s ease-in-out infinite,zoom 2s ease-in-out infinite}.hearts-animation{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hearts-animation span{font-size:2.5rem;animation:float 3s ease-in-out infinite,bounce 2s ease-in-out infinite;display:inline-block}.hearts-animation span:nth-child(1){animation-delay:0s}.hearts-animation span:nth-child(2){animation-delay:.5s;animation-name:float,spin}.hearts-animation span:nth-child(3){animation-delay:1s}.hearts-animation span:nth-child(4){animation-delay:1.5s;animation-name:float,zoom}.hearts-animation span:nth-child(5){animation-delay:2s;animation-name:float,bounce}.coffee-game-trigger{margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#5d4037;background:linear-gradient(145deg,#d7ccc8,#bcaaa4);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s}.coffee-game-trigger:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}@media (max-width: 768px){.quiz-container,.final-container{padding:1.5rem}.question-text{font-size:1.2rem}.quiz-title{font-size:1.5rem}.final-title{font-size:2rem}.main-message{font-size:1.5rem}.sub-message{font-size:1.1rem}.love-message{font-size:1.6rem}.yes-button,.no-button{padding:.8rem 2rem;font-size:1rem}.floating-heart-wrapper{width:120px!important;height:120px!important}}.password-container{max-width:500px;width:100%;padding:2.5rem;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #ff6b9d66;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 3s ease-in-out infinite}.password-title{color:#d63384;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-align:center;animation:bounce 2s ease-in-out infinite;line-height:1.4}.password-form{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.password-input{width:100%;padding:1rem 1.5rem;font-size:1.2rem;border:3px solid #ff6b9d;border-radius:50px;outline:none;transition:all .3s ease;font-family:inherit;text-align:center;background:#fff;color:#333}.password-input:focus{border-color:#ff8fab;box-shadow:0 0 0 4px #ff6b9d33;transform:scale(1.02)}.password-input-error{border-color:red;animation:shake .5s ease-in-out}.password-error{color:red;font-size:1rem;text-align:center;margin:-1rem 0 0;animation:fadeIn .3s ease}.password-submit-button{border-radius:50px;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d66;animation:pulse 2s ease-in-out infinite}.password-submit-button:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #ff6b9d99;background:linear-gradient(135deg,#ff8fab,#ffb3c1);animation:pulse 2s ease-in-out infinite}.password-submit-button-bounce{animation:pulse 2s ease-in-out infinite,bounce .5s ease-in-out!important}.password-submit-button:active{transform:translateY(-1px) scale(1.05);animation:shake .3s ease-in-out}.coffee-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:coffeeGameFadeIn .2s ease}@keyframes coffeeGameFadeIn{0%{opacity:0}to{opacity:1}}.coffee-game-modal{position:relative;background:linear-gradient(145deg,#fff5f5,#ffe8ec);border-radius:20px;padding:24px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;align-items:center;gap:12px;animation:coffeeGameSlideIn .3s ease}@keyframes coffeeGameSlideIn{0%{opacity:0;transform:scale(.92) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.coffee-game-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#00000014;border-radius:50%;font-size:18px;cursor:pointer;color:#666;transition:background .2s,color .2s}.coffee-game-close:hover{background:#0000001f;color:#333}.coffee-game-title{margin:0;font-size:1.35rem;color:#c41e3a}.coffee-game-hint{margin:0;font-size:.9rem;color:#666}.coffee-game-field{position:relative;background:url(/images/map/map.jpg) center / cover no-repeat;border-radius:16px;overflow:hidden;cursor:none;border:3px solid rgba(129,199,132,.6)}.coffee-game-character{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:left .08s linear,top .08s linear}.coffee-game-char-run{display:inline-block;animation:coffeeGameRun .3s steps(2) infinite}.coffee-game-character-runaway{animation:coffeeGameRunAway 1.2s ease-in forwards;pointer-events:none}@keyframes coffeeGameRun{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes coffeeGameRunAway{0%{opacity:1;transform:scaleX(1) translate(0)}to{opacity:0;transform:scaleX(-1) translate(-120%,-50%)}}.coffee-game-char-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.coffee-game-char-media{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;pointer-events:none}.coffee-game-score{font-size:1rem;color:#5d4037}.coffee-game-score strong{color:#c41e3a}.coffee-game-cup{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;font-size:32px;pointer-events:none;z-index:3;transition:transform .1s ease-out}.coffee-game-cup-tilt{animation:coffeeGameCupTilt .4s ease}@keyframes coffeeGameCupTilt{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,4px) rotate(-18deg)}50%{transform:translate(-1px,6px) rotate(-25deg)}75%{transform:translate(1px,3px) rotate(-12deg)}to{transform:translate(0) rotate(0)}}.coffee-game-success{margin:0;font-size:1rem;color:#2e7d32;font-weight:600;animation:coffeeGameFadeIn .4s ease}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}