.card-stack{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.card-stack-card{position:absolute;inset:0;display:flex;flex-direction:column;will-change:transform;backface-visibility:hidden;touch-action:none}.card-stack-card.animating{transition:transform var(--swipe-duration, .3s) var(--swipe-easing, cubic-bezier(.25, .46, .45, .94))}.card-stack-card-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.card-stack-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;letter-spacing:2px;pointer-events:none;opacity:0;z-index:10}.card-stack-overlay.animating{transition:opacity var(--swipe-duration, .3s) var(--swipe-easing, cubic-bezier(.25, .46, .45, .94)),transform var(--swipe-duration, .3s) var(--swipe-easing, cubic-bezier(.25, .46, .45, .94))}.card-stack-overlay-left{background:#ef444466;color:#ef4444}.card-stack-overlay-right{background:#22c55e66;color:#22c55e}.card-stack-side-panel{position:absolute;left:100%;top:0;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));color:#fff;visibility:hidden}.card-stack-side-panel.visible{visibility:visible}.card-stack-side-panel{background:linear-gradient(135deg,#1a1a2e,#16213e)}.card-stack-right-side-panel{position:absolute;right:100%;top:0;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));color:#fff;visibility:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-scroll]{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}*{margin:0;padding:0;box-sizing:border-box}:root{--card-bg: #1a1510;--card-bg-color: #1a1510;--swipe-duration: .3s;--swipe-easing: cubic-bezier(.25, .46, .45, .94);--accent: #e07c24;--accent-light: #f4a460;background:var(--card-bg);background-color:var(--card-bg-color)}html,body{height:100%;overflow:hidden;font-family:Inter,-apple-system,system-ui,sans-serif;background:var(--card-bg);background-color:var(--card-bg-color);touch-action:none;-webkit-user-select:none;user-select:none;color:#fff}#app{width:100%;height:100%;background:var(--card-bg);background-color:var(--card-bg-color)}.card-stack-card-content{color:#fff;position:relative}.card-stack-overlay-left{background:#ef444480;color:#ff6b6b;text-shadow:0 2px 10px rgba(0,0,0,.5)}.card-stack-overlay-right{background:#4caf5080;color:#69f0ae;text-shadow:0 2px 10px rgba(0,0,0,.5)}.horse-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom));text-align:center;min-height:0}.horse-landing-emoji{font-size:80px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.horse-landing-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#e07c24,#f4a460);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.horse-landing-sub{font-size:16px;opacity:.7;margin-bottom:40px}.horse-stats{display:flex;gap:24px}.horse-stat{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:16px 24px;border-radius:16px}.horse-stat-value{font-size:28px;font-weight:700;color:var(--accent-light)}.horse-stat-label{font-size:12px;opacity:.6;margin-top:4px}.horse-card{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.horse-image-container{position:absolute;inset:0;overflow:hidden}.horse-image{width:100%;height:100%;object-fit:cover;object-position:center top}.horse-image-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.9) 100%)}.horse-info{position:relative;margin-top:auto;padding:24px;padding-bottom:calc(80px + env(safe-area-inset-bottom));z-index:1}.horse-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.horse-name{font-size:32px;font-weight:700}.horse-age{font-size:22px;opacity:.8}.horse-meta{display:flex;align-items:center;gap:8px;font-size:16px;opacity:.8;margin-bottom:12px}.horse-dot{opacity:.5}.horse-bio{font-size:15px;line-height:1.5;opacity:.9;margin-bottom:12px}.horse-location{display:flex;align-items:center;gap:6px;font-size:14px;opacity:.7}.horse-location-icon{font-size:16px}.horse-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-top:16px}.horse-badge.liked{background:#4caf504d;color:#69f0ae;border:1px solid rgba(76,175,80,.5)}.horse-badge.passed{background:#ef44444d;color:#ff8a80;border:1px solid rgba(239,68,68,.5)}.horse-end{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom));text-align:center;min-height:0}.horse-end-emoji{font-size:64px;margin-bottom:16px}.horse-end-title{font-size:28px;font-weight:700;margin-bottom:8px}.horse-end-sub{font-size:16px;opacity:.7;margin-bottom:32px}.horse-end-stats{background:#ffffff1a;padding:20px 32px;border-radius:16px;margin-bottom:24px}.horse-end-stats p{font-size:16px;margin:8px 0}.horse-end-stats strong{color:var(--accent-light)}.horse-end-cta{font-size:14px;opacity:.6}.horse-hint{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:13px;opacity:.5;z-index:2}.horse-actions{position:absolute;bottom:calc(80px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:32px;z-index:3}.horse-action-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:transform .2s,box-shadow .2s}.horse-action-btn:active{transform:scale(.95)}.horse-action-btn.pass{background:#ef444433;border:2px solid #ef4444;color:#ff6b6b}.horse-action-btn.like{background:#4caf5033;border:2px solid #4caf50;color:#69f0ae}.horse-action-btn.pass:hover{box-shadow:0 0 20px #ef444466}.horse-action-btn.like:hover{box-shadow:0 0 20px #4caf5066}.horse-counter{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;z-index:100;transition:opacity .3s,transform .3s}.horse-counter.hidden{opacity:0;transform:translateY(-10px)}.horse-counter span{color:var(--accent-light)}