:root{--font-family:"Inter",system-ui,Avenir,Helvetica,Arial,sans-serif;--primary-color:#646cff;--bg-gradient:#f9f9e0;--glass-bg:#fff9;--glass-border:#ffc0d980;--text-color:#2c3e50}body{background:var(--bg-gradient);min-width:320px;min-height:100vh;font-family:var(--font-family);color:var(--text-color);place-items:center;margin:0;display:flex;overflow:hidden}#root{text-align:center;justify-content:center;align-items:center;width:100%;max-width:1280px;height:100vh;margin:0 auto;padding:2rem;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:3rem;animation:.8s ease-out fadeIn;display:flex;box-shadow:0 8px 32px #1f26875e}.input-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.input-group label{opacity:.9;font-size:.9rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#333;background:#ffffff80;border:1px solid #ffc0d980;border-radius:10px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.5rem;font-size:1rem;transition:all .3s}.input-wrapper input::placeholder{color:#00000080}.input-wrapper input:focus{background:#fffc;border-color:#ff90bc;box-shadow:0 0 10px #ff90bc33}.input-icon{color:#ff90bc;opacity:.8;pointer-events:none;width:1.2rem;height:1.2rem;position:absolute;left:.8rem}.submit-btn{color:#fff;cursor:pointer;background:#ff90bc;border:none;border-radius:10px;margin-top:1rem;padding:.9rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f0659566}.submit-btn:active{transform:translateY(0)}.logout-btn{color:#ff90bc;cursor:pointer;background:0 0;border:2px solid #ff90bc;border-radius:10px;margin-top:1rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s}.logout-btn:hover{color:#fff;background:#ff90bc;transform:translateY(-2px);box-shadow:0 5px 15px #f0659566}.logout-btn:active{transform:translateY(0)}.error-msg{color:#ff8787;text-align:center;background:#ff00001a;border:1px solid #ff636333;border-radius:8px;padding:.5rem;font-size:.9rem;animation:.4s ease-in-out shake}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.welcome-container{text-align:center;color:#333;background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s ease-out scaleIn;display:flex;position:relative;overflow:hidden}.welcome-title{text-shadow:2px 2px 4px #0003;margin-bottom:1rem;font-size:3rem}.welcome-subtitle{opacity:.9;font-size:1.5rem}.special-badge{color:#333;background:#ffc0d9;border-radius:8px;padding:.2em .5em;font-weight:700}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gallery-img{object-fit:cover;z-index:-1;cursor:pointer;border-radius:15px;width:300px;height:300px;transition:all .5s;position:absolute;box-shadow:0 10px 20px #0000001a}.gallery-img.active{box-shadow:0 30px 60px #0006;z-index:100!important;width:500px!important;height:500px!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)rotate(0)!important}.corner-tl{bottom:100%;right:100%;transform:translate(-10px,40px)rotate(-15deg)}.corner-tr{bottom:100%;left:100%;transform:translate(10px,40px)rotate(15deg)}.corner-bl{top:100%;right:100%;transform:translate(-10px,-40px)rotate(15deg)}.corner-br{top:100%;left:100%;transform:translate(10px,-40px)rotate(-15deg)}.side-left{top:50%;right:100%;transform:translate(-170px,-50%)rotate(-5deg)}.side-right{top:50%;left:100%;transform:translate(170px,-50%)rotate(5deg)}.custom-alert{color:#333;z-index:1000;background:#fff;border-left:5px solid #ff90bc;border-radius:12px;align-items:center;gap:1rem;padding:1rem 2rem;animation:.5s cubic-bezier(.2,.8,.2,1) slideDown;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000026}.alert-close-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s}.alert-close-btn:hover{color:#ff90bc}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.chat-container{background-color:#f0f2f5;flex-direction:column;width:100vw;height:100vh;padding-top:8rem;animation:.8s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}.chat-background{pointer-events:none;z-index:0;opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0}.bg-img{object-fit:cover;border-radius:10px;width:350px;height:350px;position:absolute}.pos-1{top:8%;left:5%;transform:rotate(-15deg)}.pos-2{top:10%;right:50%;transform:rotate(10deg)}.pos-3{top:40%;left:50%;transform:translateY(-50%)rotate(5deg)}.pos-4{top:70%;right:5%;transform:translateY(-50%)rotate(-8deg)}.pos-5{bottom:1%;left:35%;transform:rotate(20deg)}.pos-6{bottom:5%;right:70%;transform:rotate(-5deg)}.chat-header{color:#fff;z-index:10;background-color:#ff90bc;justify-content:flex-start;align-items:center;padding:2rem 1rem 1rem 2rem;display:flex;box-shadow:0 2px 5px #0000001a}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:.5rem;padding:.5rem;transition:transform .2s;display:flex}.back-btn svg{width:24px;height:24px}.back-btn:hover{transform:translate(-3px)}.profile-info{text-align:left}.profile-pic{background-color:#ffc0d9;border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-right:1rem}.profile-details h3{margin:0;font-size:2rem;font-weight:700}.status{opacity:.9;font-size:.8rem}.messages-area{z-index:10;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;position:relative;overflow-y:auto}.message-bubble{word-wrap:break-word;border-radius:10px;max-width:60%;padding:.5rem 1rem;animation:.3s fadeIn;position:relative;box-shadow:0 1px 2px #0000001a}.message-bubble.user{color:#333;background-color:#ffc0d9;border-top-right-radius:0;align-self:flex-end}.message-bubble.bot{color:#333;background-color:#fff;border-top-left-radius:0;align-self:flex-start}.time{text-align:right;opacity:.6;margin-top:5px;font-size:.7rem;display:block}.chat-input-area{z-index:10;background-color:#f0f2f5;align-items:center;gap:1rem;padding:1rem;display:flex}.mobile-warning{z-index:10000;text-align:center;color:#333;box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:none;position:fixed;inset:0}.mobile-warning h2{color:#ff90bc;margin-bottom:.5rem}.mobile-warning p{opacity:.8;margin-bottom:.5rem}@media (max-width:768px){.mobile-warning{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}}.chat-input-area input{background:#fff;border:none;border-radius:20px;outline:none;flex:1;padding:.8rem}.send-btn{color:#fff;cursor:pointer;background:#ff90bc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .2s;display:flex}.send-btn:hover{transform:scale(1.1)}.quick-replies{justify-content:center;gap:1rem;margin:1rem 0;animation:.5s fadeIn;display:flex}.quick-reply-btn{cursor:pointer;border:none;border-radius:25px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s}.quick-reply-btn.sure{color:#fff;background:#ff90bc}.quick-reply-btn.sure:hover{background:#ff6ba8;transform:translateY(-2px);box-shadow:0 5px 15px #ff90bc66}.quick-reply-btn.not-interested{color:#666;background:#f0f2f5;border:2px solid #ddd}.quick-reply-btn.not-interested:hover{background:#e0e0e0;transform:translateY(-2px)}.message-bubble.heart-message{box-shadow:none!important;background:0 0!important;padding:0!important}.heart-emoji{font-size:3rem}