*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;touch-action:none;font-family:Quicksand,sans-serif;background-color:#ffd1ff;background-image:linear-gradient(315deg,#ffd1ff,#fae8eb 74%)}.overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease}.overlay-content{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 10px 30px #0000000d;text-align:center;display:flex;flex-direction:column;gap:1rem;max-width:90%;width:350px}.overlay-content h1{color:#ff758c;font-size:2rem}.overlay-content p{color:#777;font-size:1rem}.overlay-content input{padding:12px 16px;border-radius:12px;border:2px solid #ffe1e8;font-size:1rem;font-family:Quicksand,sans-serif;outline:none;transition:border-color .3s}.overlay-content input:focus{border-color:#ff758c}.overlay-content button{padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(45deg,#ff758c,#ff7eb3);color:#fff;font-size:1.1rem;font-weight:700;font-family:Quicksand,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.overlay-content button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff758c66}.error-msg{color:#ff4757!important;font-size:.85rem!important;height:1rem}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.card-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.card{position:absolute;background:#fff;padding:15px 15px 60px;border-radius:12px;box-shadow:0 10px 25px #00000026;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease;will-change:transform,opacity;display:flex;justify-content:center;align-items:center}.card-media-wrapper{border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;justify-content:center;align-items:center}.card img,.card video{max-width:min(80vw,400px);max-height:min(70vh,500px);width:auto;height:auto;object-fit:contain;display:block}.card.swiped-up{opacity:0;transform:translateY(-150vh) rotate(15deg) scale(.9)!important;pointer-events:none}.end-message{position:absolute;text-align:center;z-index:0;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease;padding:2rem}.end-message.show{opacity:1;transform:translateY(0)}.end-message h2{color:#ff758c;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 4px 15px rgba(255,117,140,.3)}.end-message p{color:#555;font-size:1.2rem;font-weight:600}