@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;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;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@viewport{width:device-width;initial-scale:1}html,body{overflow-x:hidden;max-width:100%;margin:0;padding:0}@media screen and (max-width:768px){body{-webkit-text-size-adjust:100%}}input,button,textarea,select{font-size:16px}*{-webkit-tap-highlight-color:transparent}:root{--primary-color: #ff4d6d;--primary-light: #ffb3c1;--primary-dark: #c9184a;--secondary-color: #590d22;--background-color: #fff0f3;--text-color: #4a0d16;--bot-message-bg: #ffb3c1;--user-message-bg: #ff8fa3;--bot-message-text: #590d22;--user-message-text: #4a0d16;--header-bg-start: #f25c7a;--header-bg-end: #a52d4a;--divider-color: #ff758f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color)}.valentine-container{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.hearts-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.heart-float{position:absolute;color:var(--primary-light);opacity:.5;font-size:1.5rem;animation:float-up linear infinite}.split-layout{display:flex;height:100vh;width:100%;position:relative}.left-section{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}.right-section{flex:1;display:flex;flex-direction:column;padding:1rem;position:relative}.left-section:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background-color:var(--divider-color);box-shadow:0 0 10px #ff4d6d80}.content-section{padding:2rem;flex:1;overflow-y:auto}.intro-text{max-width:600px;margin:0 auto}.intro-text h2{color:var(--primary-dark);margin-bottom:1rem;font-size:1.8rem}.intro-text p{margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.feature{text-align:center;padding:1.5rem;background-color:#ffffffb3;border-radius:12px;box-shadow:0 4px 12px #c9184a1a;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--primary-dark)}.feature p{font-size:.95rem;line-height:1.5}@keyframes float-up{0%{transform:translateY(100vh) scale(.5) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) scale(1.5) rotate(360deg);opacity:0}}.valentine-header{text-align:center;padding:1.5rem 0;color:var(--primary-dark)}.valentine-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:1px 1px 3px rgba(201,24,74,.3)}.valentine-header p{font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.chat-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#ffffffb3;border-radius:12px;box-shadow:0 8px 24px #c9184a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-light);overflow:hidden}.chat-header{padding:1rem;background:linear-gradient(135deg,var(--header-bg-start),var(--header-bg-end));color:#fff;text-align:center}.chat-header h2{font-size:1.5rem;margin:0}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:20px}.message{display:flex;margin-bottom:10px;align-items:flex-start}.message-avatar{width:50px;height:50px;border-radius:50%;margin:0 8px;object-fit:cover;border:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.message.bot{justify-content:flex-start}.message.user{justify-content:flex-end}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;box-shadow:0 2px 5px #0000001a;word-break:break-word;line-height:1.4}.message.bot .message-bubble{background-color:var(--bot-message-bg);color:var(--bot-message-text);border-bottom-left-radius:4px;animation:fadeIn .3s ease-in-out}.message.user .message-bubble{background-color:var(--user-message-bg);color:var(--user-message-text);border-bottom-right-radius:4px;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-container{display:flex;gap:10px;padding:10px;background-color:#fff;border-radius:30px;box-shadow:0 2px 10px #0000001a;margin:0 1rem 1rem}input{flex:1;padding:12px 20px;border:none;border-radius:20px;font-size:1rem;outline:none;background-color:transparent}.send-btn{background-color:var(--primary-dark);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 8px #c9184a4d}.send-btn svg{display:block}.send-btn:hover{background-color:var(--primary-color);transform:scale(1.1);box-shadow:0 5px 12px #c9184a66}.send-btn:disabled{background-color:#ccc;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-heart-icon{color:#fff;font-size:1.3rem;display:block}.valentine-game{display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.valentine-game h2{color:var(--primary-dark);margin-bottom:1rem;font-size:1.5rem}.valentine-game p{color:var(--text-color);margin-bottom:2rem;font-size:1.1rem}.hangman-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto}.hangman-game-area{display:flex;width:100%;justify-content:space-between;gap:20px;margin-bottom:1.5rem}.hangman-left-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px;border-right:2px dashed var(--primary-light)}.hangman-right-panel{flex:2;display:flex;flex-direction:column;align-items:center;padding:10px}.hangman-figure{width:200px;height:220px;position:relative;margin-bottom:20px}.hangman-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:10px;background-color:var(--primary-dark);border-radius:5px}.hangman-pole{position:absolute;bottom:0;left:40px;width:10px;height:200px;background-color:var(--primary-dark);border-radius:5px}.hangman-top{position:absolute;top:10px;left:40px;width:100px;height:10px;background-color:var(--primary-dark);border-radius:5px}.hangman-rope{position:absolute;top:10px;left:140px;width:5px;height:30px;background-color:#846344;border-radius:5px}.hangman-head{position:absolute;top:40px;left:130px;width:25px;height:25px;border-radius:50%;background-color:#ffd1dc;border:3px solid var(--primary-dark)}.hangman-body{position:absolute;top:65px;left:140px;width:5px;height:60px;background-color:var(--primary-dark);border-radius:5px}.hangman-limbs{position:absolute;top:70px;left:140px;width:5px;height:5px}.hangman-limbs:before,.hangman-limbs:after{content:"";position:absolute;top:0;width:30px;height:5px;background-color:var(--primary-dark);border-radius:5px}.hangman-limbs:before{left:-15px;transform:rotate(-30deg)}.hangman-limbs:after{left:-10px;transform:rotate(30deg)}.hangman-limbs:before,.hangman-limbs:after{top:0}.hangman-limbs:before{box-shadow:-10px 50px 0 var(--primary-dark)}.hangman-limbs:after{box-shadow:10px 50px 0 var(--primary-dark)}.hangman-word{display:flex;justify-content:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700;letter-spacing:5px;width:100%}.hangman-letter{margin:0 5px;color:var(--primary-dark);text-shadow:1px 1px 1px rgba(0,0,0,.1)}.hangman-space{margin:0 15px}.hangman-clue{margin:1rem 0;padding:10px;background-color:#ffffffb3;border-radius:10px;width:100%;text-align:center}.hangman-clue p{margin:0;color:var(--primary-dark);font-size:1.1rem}.clue-button{padding:8px 16px;background-color:#fff4e6;color:var(--primary-dark);border:2px solid var(--primary-color);border-radius:20px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .2s ease}.clue-button:hover{background-color:var(--primary-light);color:var(--secondary-color);transform:translateY(-2px)}.round-result{margin:1rem 0;padding:15px;border-radius:10px;text-align:center;width:100%;animation:fadeIn .5s ease-in}.round-result.success{background-color:#dff6ddb3;border:2px solid #3a8033}.round-result.failure{background-color:#ffeae9b3;border:2px solid #d83a2e}.round-result p{margin-bottom:1rem;font-weight:700;font-size:1.1rem}.rounds-progress{display:flex;justify-content:center;gap:10px;margin-top:auto;padding-top:20px}.round-indicator{width:30px;height:30px;border-radius:50%;background-color:#fff;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-dark);transition:all .3s ease}.round-indicator.completed{background-color:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 0 10px #ff4d6d80}.hangman-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;width:100%}.keyboard-letter{padding:10px 0;border:none;border-radius:5px;background-color:#fff;color:var(--primary-dark);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.keyboard-letter:hover:not(:disabled){background-color:var(--primary-light);transform:translateY(-2px)}.keyboard-letter:disabled{cursor:not-allowed}.keyboard-letter.correct{background-color:#dff6dd;color:#3a8033}.keyboard-letter.wrong{background-color:#ffeae9;color:#d83a2e}.hangman-restart{padding:12px 24px;border:none;border-radius:25px;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 10px #c9184a4d}.hangman-restart:hover{transform:translateY(-3px);box-shadow:0 6px 15px #c9184a66}.victory-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;height:70%;animation:fadeIn 1s ease-in}.victory-message h2{color:var(--primary-dark);margin-bottom:1rem;font-size:2rem}.victory-message p{color:var(--text-color);margin-bottom:2rem;font-size:1.2rem}.celebration-hearts{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.right-section.hidden{display:none}@media(max-width:768px){.split-layout{flex-direction:column}.left-section,.right-section{flex:none;width:100%}.left-section{height:auto;min-height:40vh}.left-section:after{display:none}.right-section{height:60vh}.chat-container{margin:0;border-radius:8px}.features{grid-template-columns:1fr;gap:1rem}.message-bubble{max-width:85%}.valentine-header h1{font-size:2rem}.hangman-game-area{flex-direction:column;align-items:center}.hangman-left-panel{border-right:none;border-bottom:2px dashed var(--primary-light);padding-bottom:20px;margin-bottom:20px;width:100%}.hangman-right-panel{width:100%}.hangman-container{max-width:500px}.hangman-figure{width:160px;height:180px}.hangman-pole{height:160px}.hangman-top{width:80px}.hangman-word{font-size:1.7rem}.round-indicator{width:25px;height:25px;font-size:.9rem}}@media(max-width:480px){.input-container{padding:8px;margin:0 .5rem .5rem}input{padding:10px 15px}.send-btn{width:38px;height:38px}.content-section{padding:1rem}.intro-text h2{font-size:1.5rem}.feature{padding:1rem}.hangman-keyboard{grid-template-columns:repeat(4,1fr);gap:8px}.keyboard-letter{padding:8px 0;font-size:.9rem}.hangman-word{font-size:1.4rem;letter-spacing:3px}.hangman-figure{width:140px;height:160px}.rounds-progress{gap:5px}.round-indicator{width:22px;height:22px;font-size:.8rem}}.initial-heart-explosion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none;display:flex;justify-content:center;align-items:center;overflow:hidden}.exploding-heart{position:absolute;left:50%;top:50%;transform-origin:center;animation-name:explode-outward;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:0}@keyframes explode-outward{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}20%{opacity:1}to{transform:translate(calc(-50% + cos(var(--angle))*40vw),calc(-50% + sin(var(--angle))*40vh)) scale(1.5);opacity:0}}.falling-heart{position:fixed;color:var(--primary-color);font-size:1.5rem;pointer-events:none;z-index:100;animation-name:fall-rotate;animation-timing-function:linear;animation-fill-mode:forwards;opacity:.8}.split-layout.content-hidden{opacity:0;pointer-events:none;visibility:hidden}.split-layout.content-visible{opacity:0;visibility:visible;pointer-events:auto}.split-layout.fade-in-main{animation:fadeInMainContent 1.5s ease-in forwards}@keyframes fadeInMainContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fall-rotate{0%{opacity:0;transform:translateY(-5vh) scale(.7) rotate(0)}10%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(105vh) scale(1) rotate(360deg)}}.pappi-cat-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:purple;font-size:3rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2);z-index:2001;display:flex;align-items:center;justify-content:center;opacity:0}.pappi-cat-text.fade-in-pappi-text{animation:fadeInSimple 3.5s ease-out forwards}@keyframes fadeInSimple{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media screen and (max-width:768px){.valentine-container{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.split-layout{flex-direction:column;height:auto;min-height:100vh}.left-section,.right-section{width:100%;max-width:100%;padding:1rem;height:auto;min-height:auto;overflow:visible}body,html{height:auto;overflow-y:auto}.right-section{margin-top:2rem;margin-bottom:2rem}.valentine-header h1{font-size:1.8rem}.valentine-header p{font-size:1rem}.hangman-container{padding:1rem}.hangman-game-area{flex-direction:column}.hangman-left-panel,.hangman-right-panel{width:100%}.hangman-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.keyboard-letter{min-width:25px;height:35px;font-size:.9rem;margin:2px}.hangman-word{font-size:1.2rem;margin-bottom:1rem}.hangman-letter{margin:0 3px}.messages-container{max-height:300px}.message-bubble{max-width:80%;font-size:.9rem;padding:8px 12px}.message-avatar{width:30px;height:30px;min-width:30px}.input-container input{font-size:.9rem;padding:8px}.send-btn{width:35px;height:35px}.initial-heart-explosion-overlay .pappi-cat-text{font-size:1.5rem}.rounds-progress{justify-content:center;margin:1rem 0}.round-indicator{width:25px;height:25px;margin:0 5px;font-size:.8rem}.victory-message h2{font-size:1.5rem}}@media screen and (max-width:480px){.hangman-keyboard{grid-template-columns:repeat(6,1fr)}.keyboard-letter{min-width:20px;height:30px;font-size:.8rem}.hangman-figure{transform:scale(.8);margin:0 auto}.valentine-header h1{font-size:1.5rem}}@media screen and (max-width:768px){.hangman-figure{margin:0 auto}.round-result{text-align:center}.right-section.hidden{display:none}.right-section{margin-top:2rem}}@media screen and (max-width:768px){.valentine-container{height:auto;overflow:visible}.split-layout{flex-direction:column;height:auto;min-height:auto}.left-section,.right-section{width:100%;max-width:100%;padding:1rem;height:auto;min-height:auto;overflow:visible}body,html{height:auto;overflow-y:auto}.right-section{margin-top:2rem;margin-bottom:2rem}}