.swipeable-stack-container{position:relative;width:100%;min-height:70vh;padding:1.5rem 1.25rem 2.5rem;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,rgba(255,214,150,.35),transparent 60%),linear-gradient(180deg,rgba(250,250,255,.95),rgba(245,247,255,.8));overflow-x:hidden}.swipeable-progress{width:100%;max-width:400px;margin-bottom:1.25rem}.swipeable-progress-bar{width:100%;height:4px;background:hsl(var(--muted));border-radius:9999px;overflow:hidden}.swipeable-progress-fill{height:100%;background:hsl(var(--primary));transition:width .3s ease}.swipeable-progress-text{text-align:center;font-size:.875rem;color:hsl(var(--muted-foreground));margin-top:.5rem;font-weight:500}.swipeable-stack{position:relative;width:100%;max-width:400px;height:600px;margin:0 auto}.swipeable-card{position:absolute;width:100%;height:100%;background:white;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;will-change:transform;touch-action:none}.swipeable-card:active{cursor:grabbing}.swipeable-card-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.swipeable-card-image{position:relative;width:100%;height:250px;background:hsl(var(--muted));flex-shrink:0;overflow:hidden}.swipeable-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,35,0) 55%,rgba(10,14,35,.55));pointer-events:none;transition:opacity .3s ease}.swipeable-card-image--placeholder{background:linear-gradient(135deg,rgba(79,172,254,.35),rgba(120,115,245,.35));color:hsl(var(--muted-foreground))}.swipeable-card-image__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;text-align:center;padding:1rem}.swipeable-card-image__fallback i{font-size:1.5rem;color:rgba(255,255,255,.85)}.swipeable-card-body{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:1.5rem 2rem;border-radius:.75rem;font-weight:700;font-size:1.25rem;letter-spacing:.05em;pointer-events:none;transition:opacity .2s;z-index:10}.swipe-indicator-left{right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 15px rgba(102,126,234,.4)}.swipe-indicator-right{left:1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:white;box-shadow:0 4px 15px rgba(240,147,251,.4)}.swipe-indicator-text{display:block;text-shadow:0 2px 4px rgba(0,0,0,.2)}.swipeable-hints{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:400px;margin-top:1.5rem;padding:1rem;background:hsl(var(--muted)/.5);border-radius:.75rem}.swipeable-hint{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.swipeable-hint i{font-size:1.25rem;color:hsl(var(--primary))}.swipeable-end-message{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;padding:1rem;background:white;border-radius:.75rem;box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:1000}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce{animation:bounce .6s ease-in-out}@media (max-width:640px){.swipeable-stack-container{min-height:auto;padding:.75rem .75rem 2rem;background:linear-gradient(180deg,rgba(250,250,255,.98),rgba(245,247,255,.92))}.swipeable-progress{margin-bottom:1rem}.swipeable-stack{height:550px}.swipeable-card-image{height:200px}.swipeable-card-body{padding:1rem}.swipe-indicator{padding:1rem 1.5rem;font-size:1rem}.swipeable-card-image__fallback{font-size:.75rem}}.swipeable-card *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (prefers-color-scheme:dark){.swipeable-card,.swipeable-end-message{background:hsl(var(--card));border:1px solid hsl(var(--border))}}