[data-v-31fd5787]{-webkit-tap-highlight-color:transparent}.app[data-v-31fd5787]{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;box-sizing:border-box}@media (min-width: 768px){.app[data-v-31fd5787]{padding:2rem}}header[data-v-31fd5787]{text-align:center;color:#fff;margin-bottom:1.5rem}@media (min-width: 768px){header[data-v-31fd5787]{margin-bottom:3rem}}h1[data-v-31fd5787]{font-size:2rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media (min-width: 768px){h1[data-v-31fd5787]{font-size:3rem}}.tagline[data-v-31fd5787]{font-size:1rem;opacity:.9;margin-top:.5rem}@media (min-width: 768px){.tagline[data-v-31fd5787]{font-size:1.2rem}}main[data-v-31fd5787]{max-width:500px;margin:0 auto;height:calc(100vh - 120px);height:calc(100dvh - 120px)}.card-stack[data-v-31fd5787]{position:relative;height:100%;max-height:650px;perspective:1000px;width:100%;box-sizing:border-box}.profile-card[data-v-31fd5787]{position:absolute;top:0;left:0;width:100%;height:100%;max-height:650px;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px #0003;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}@media (min-width: 768px){.profile-card[data-v-31fd5787]{padding:2rem;overflow-y:visible}}.current-card[data-v-31fd5787]{cursor:grab;z-index:2}.current-card[data-v-31fd5787]:active{cursor:grabbing}.current-card.swiping[data-v-31fd5787]{transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .4s ease!important}.next-card[data-v-31fd5787]{transform:scale(.95) translateY(10px);opacity:0;cursor:default;pointer-events:none;z-index:1}.next-card .duck-image[data-v-31fd5787]{height:250px}@media (min-width: 768px){.next-card .duck-image[data-v-31fd5787]{height:300px}}.next-card h2[data-v-31fd5787]{margin-top:1rem}.swipe-indicator[data-v-31fd5787]{position:absolute;top:30px;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;border-radius:10px;pointer-events:none;z-index:10;transition:opacity .2s}@media (min-width: 768px){.swipe-indicator[data-v-31fd5787]{top:50px;font-size:2rem;padding:1rem 2rem}}.swipe-indicator.left[data-v-31fd5787]{left:10px;color:#ff6b6b;border:4px solid #ff6b6b;transform:rotate(-20deg)}@media (min-width: 768px){.swipe-indicator.left[data-v-31fd5787]{left:20px}}.swipe-indicator.right[data-v-31fd5787]{right:10px;color:#51cf66;border:4px solid #51cf66;transform:rotate(20deg)}@media (min-width: 768px){.swipe-indicator.right[data-v-31fd5787]{right:20px}}.duck-image[data-v-31fd5787]{width:100%;height:250px;object-fit:cover;border-radius:15px;margin-bottom:1rem}@media (min-width: 768px){.duck-image[data-v-31fd5787]{height:300px}}h2[data-v-31fd5787]{margin:.5rem 0;color:#333;font-size:1.5rem}@media (min-width: 768px){h2[data-v-31fd5787]{font-size:1.75rem}}.breed[data-v-31fd5787]{color:#666;font-style:italic;margin:.5rem 0;font-size:.9rem}@media (min-width: 768px){.breed[data-v-31fd5787]{font-size:1rem}}.bio[data-v-31fd5787]{color:#555;line-height:1.6;margin:1rem 0;font-size:.95rem}@media (min-width: 768px){.bio[data-v-31fd5787]{margin:1.5rem 0;font-size:1rem}}.interests[data-v-31fd5787]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}@media (min-width: 768px){.interests[data-v-31fd5787]{margin:1.5rem 0}}.tag[data-v-31fd5787]{background:#f0f0f0;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;color:#555}@media (min-width: 768px){.tag[data-v-31fd5787]{padding:.5rem 1rem;font-size:.9rem}}.actions[data-v-31fd5787]{display:flex;gap:1rem;margin-top:1.5rem;padding:0 2rem}@media (min-width: 768px){.actions[data-v-31fd5787]{margin-top:2rem}}button[data-v-31fd5787]{flex:1;padding:1rem;border:none;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (min-width: 768px){button[data-v-31fd5787]{font-size:1.2rem}}button[data-v-31fd5787]:active{transform:scale(.95)}@media (hover: hover){button[data-v-31fd5787]:hover{transform:scale(1.05)}}.btn-pass[data-v-31fd5787]{background:#ff6b6b;color:#fff}.btn-match[data-v-31fd5787]{background:#51cf66;color:#fff}.no-more[data-v-31fd5787]{background:#fff;border-radius:20px;padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 40px #0003}@media (min-width: 768px){.no-more[data-v-31fd5787]{padding:3rem 2rem}}.no-more h2[data-v-31fd5787]{color:#333;margin-bottom:1rem}.no-more p[data-v-31fd5787]{color:#666;font-size:1rem}@media (min-width: 768px){.no-more p[data-v-31fd5787]{font-size:1.1rem}}