@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#ff9a9e,#fecfef 25% 75%,#ff9a9e);overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffb6c1b3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffb6c1e6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,.modal-button,.response-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#ff9a9e,#fecfef 25% 75%,#ff9a9e);position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.roses-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-rose{position:absolute;font-size:2rem;opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;font-size:1rem;color:gold;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.main-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem 2rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #fff3;max-width:600px;width:100%;text-align:center;position:relative;z-index:2;border:2px solid rgba(255,182,193,.3)}.info-button{position:absolute;top:1rem;right:1rem;background:#ffb6c1cc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b0000;transition:all .3s ease;font-family:Poppins,sans-serif}.info-icon-text{font-size:1.2rem;font-weight:600;font-style:italic;color:#8b0000}.info-button:hover{background:#ffb6c1;transform:rotate(360deg)}.info-button:hover .info-icon-text{transform:rotate(-360deg)}.info-reference{position:relative;margin:1.5rem auto 0;max-width:fit-content;font-size:.85rem;color:#8b0000;background:#ffffffe6;padding:.5rem .8rem;border-radius:15px;border:1px solid rgba(255,182,193,.6);display:flex;align-items:center;gap:.3rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.inline-info-icon{color:#8b0000;vertical-align:middle}.inline-info-button{color:#8b0000;font-weight:600;font-style:italic;background:#ffb6c14d;padding:.1rem .3rem;border-radius:50%;font-size:.9em}.title-container{margin-bottom:2rem}.main-title{font-family:Dancing Script,cursive;font-size:3rem;font-weight:700;color:#8b0000;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;line-height:1.2}.heart-icon{display:flex;align-items:center;justify-content:center}.message-container{margin-bottom:2.5rem}.main-message{font-size:1.2rem;color:#555;line-height:1.6;margin-bottom:1.5rem;font-weight:400}.honest-message{font-size:1.1rem;color:#8b0000;line-height:1.6;margin-bottom:1.5rem;font-weight:500;background:#ffb6c11a;padding:1rem;border-radius:15px;border-left:4px solid #ff6b9d}.invitation-text{font-size:1.4rem;color:#8b0000;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.final-note{font-size:1rem;color:#666;font-style:italic;text-align:center;opacity:.9}.coffee-icon{color:#d2691e}.buttons-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.response-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:25px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-family:Poppins,sans-serif;min-width:160px;justify-content:center}.response-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.button-icon{color:gold}.response-result{margin-top:2rem}.result-card{padding:2rem;border-radius:20px;border:2px solid;background:#ffffffe6}.result-card.yes{border-color:#4caf50;background:linear-gradient(135deg,#4caf501a,#4caf500d)}.result-card.no{border-color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d)}.result-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333;font-family:Dancing Script,cursive}.result-card p{font-size:1.1rem;color:#555;margin-bottom:.5rem;line-height:1.5}.result-card small{color:#888;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:25px;padding:2rem;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:2px solid rgba(255,182,193,.3)}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffb6c1cc;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b0000;transition:all .3s ease}.modal-close:hover{background:#ffb6c1;transform:rotate(90deg)}.modal-content h2{font-family:Dancing Script,cursive;font-size:2rem;color:#8b0000;margin-bottom:1.5rem;text-align:center}.modal-content p{color:#555;line-height:1.6;margin-bottom:2rem;text-align:center}.modal-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.modal-button{padding:1rem 1.5rem;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;min-width:180px}.modal-button.yes{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.modal-button.no{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.info-modal{max-width:600px;max-height:90vh}.info-modal .modal-content{max-height:90vh;overflow-y:auto}.info-content{text-align:left;padding-right:.5rem}.info-content p{margin-bottom:1.5rem;text-align:left}.info-content strong{color:#8b0000;font-weight:600}.tech-note{background:#ffb6c11a;padding:1rem;border-radius:10px;border-left:4px solid #ff6b9d;font-size:.9rem}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffb6c11a;border-radius:10px;margin:.5rem 0}.modal-content::-webkit-scrollbar-thumb{background:#ffb6c199;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffb6c1cc}.admin-panel{max-width:500px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #28a745}.admin-panel h2{color:#28a745;text-align:center;margin-bottom:1.5rem}.admin-content h3{color:#495057;margin-bottom:1rem;font-size:1.1rem}.admin-response{background:#28a7451a;padding:1rem;border-radius:10px;border-left:4px solid #28a745;margin-bottom:1.5rem}.admin-response.yes{background:#28a74526;border-left-color:#28a745}.admin-response.no{background:#dc354526;border-left-color:#dc3545}.admin-no-response{background:#ffc10726;padding:1rem;border-radius:10px;border-left:4px solid #ffc107;margin-bottom:1.5rem;text-align:center}.admin-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-button{flex:1;padding:.8rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;background:#28a745;color:#fff}.admin-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-button.danger{background:#dc3545}.admin-button.danger:hover{background:#c82333}.admin-info{background:#17a2b81a;padding:1rem;border-radius:8px;border-left:4px solid #17a2b8}.admin-info p{margin:.5rem 0;font-size:.9rem;color:#495057}@media(min-width:1400px){.main-content{max-width:700px;padding:3.5rem 3rem}.main-title{font-size:3.5rem}.main-message{font-size:1.3rem}.honest-message{font-size:1.2rem}.invitation-text{font-size:1.6rem}}@media(min-width:1200px)and (max-width:1399px){.main-content{max-width:650px;padding:3rem 2.5rem}.main-title{font-size:3.2rem}}@media(max-width:1024px){.main-content{max-width:90%;padding:2.5rem 2rem}.main-title{font-size:2.8rem}.floating-rose{font-size:1.8rem}}@media(max-width:768px){.app{padding:15px}.main-content{margin:10px;padding:2rem 1.5rem;max-width:95%}.info-reference{margin:1rem auto 1.5rem;font-size:.8rem;padding:.4rem .7rem}.main-title{font-size:2.4rem;flex-direction:column;gap:.8rem;line-height:1.1}.main-message{font-size:1.1rem;margin-bottom:1.2rem}.honest-message{font-size:1rem;padding:.9rem;margin-bottom:1.2rem}.invitation-text{font-size:1.3rem;flex-direction:column;gap:.8rem;margin-bottom:1rem}.final-note{font-size:.95rem}.floating-rose{font-size:1.6rem}.modal-content{margin:15px;padding:1.8rem;max-width:90%}.modal-content h2{font-size:1.8rem;margin-bottom:1.2rem}.modal-buttons{flex-direction:column;gap:1rem}.modal-button{min-width:auto;width:100%;padding:1.2rem 1.5rem;font-size:1rem}.buttons-container{flex-direction:column;align-items:center;gap:1rem}.response-button{width:100%;max-width:300px;padding:1.2rem 2rem}.info-modal{max-width:85%}.info-content p{margin-bottom:1.2rem}}@media(max-width:480px){.app{padding:10px}.main-content{padding:1.5rem 1.2rem;margin:5px;border-radius:25px}.info-reference{margin:1rem auto 1.2rem;font-size:.75rem;padding:.3rem .6rem}.main-title{font-size:2rem;gap:.5rem}.heart-icon{margin-top:.5rem}.main-message{font-size:1rem;margin-bottom:1rem}.honest-message{font-size:.95rem;padding:.8rem;margin-bottom:1rem}.invitation-text{font-size:1.2rem;gap:.5rem}.final-note{font-size:.9rem;margin-top:.5rem}.floating-rose{font-size:1.4rem}.star{font-size:.9rem}.modal-content{margin:10px;padding:1.5rem 1rem;border-radius:20px}.modal-content h2{font-size:1.6rem;margin-bottom:1rem}.modal-content p{font-size:.95rem;margin-bottom:1.5rem}.modal-button{padding:1rem 1.2rem;font-size:.95rem;border-radius:15px}.response-button{max-width:100%;padding:1rem 1.5rem;font-size:1rem}.info-modal{max-width:95%}.info-content{font-size:.9rem}.info-content p{margin-bottom:1rem}.tech-note{padding:.8rem;font-size:.85rem}.message-container{margin-bottom:2rem}}@media(max-width:360px){.main-content{padding:1.2rem 1rem;margin:5px}.info-reference{margin:.8rem auto 1rem;font-size:.7rem;padding:.25rem .5rem}.main-title{font-size:1.8rem}.main-message{font-size:.95rem}.honest-message{font-size:.9rem;padding:.7rem}.invitation-text{font-size:1.1rem}.final-note{font-size:.85rem}.floating-rose{font-size:1.2rem}.modal-content{padding:1.2rem .8rem}.modal-content h2{font-size:1.4rem}.modal-content p{font-size:.9rem}.modal-button{padding:.9rem 1rem;font-size:.9rem}.response-button{padding:.9rem 1.2rem;font-size:.95rem}.info-content{font-size:.85rem}.tech-note{padding:.7rem;font-size:.8rem}}@media(max-height:500px)and (orientation:landscape){.main-content{padding:1rem;margin:5px 10px}.main-title{font-size:1.6rem;margin-bottom:.5rem}.message-container{margin-bottom:1rem}.main-message{font-size:.9rem;margin-bottom:.8rem}.honest-message{font-size:.85rem;padding:.6rem;margin-bottom:.8rem}.invitation-text{font-size:1rem;margin-bottom:.5rem}.final-note{font-size:.8rem}.floating-rose{font-size:1rem}.modal-content{padding:1rem;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.3rem;margin-bottom:.8rem}.modal-content p{font-size:.85rem;margin-bottom:1rem}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.main-content:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff9a9e,#fecfef,#ff9a9e,#fecfef);border-radius:32px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.5}to{opacity:.8}}
