.swipe-page{padding-block:var(--fluid-page-top) var(--fluid-section);flex-direction:column;align-items:center;gap:clamp(1rem,.9rem + .4vw,1.25rem);display:flex;overflow:clip}.swipe-page h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,1.6rem + .55vw,2.25rem);line-height:1.22}.swipe-card{background:var(--slop-color-surface);width:min(100%,clamp(21.875rem,19.8rem + 8.6vw,30rem));transform:translateX(var(--swipe-x)) rotate(var(--swipe-rotation));transition:transform .48s var(--slop-ease-playful), opacity .36s var(--slop-ease-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:20px;overflow:hidden}.swipe-card.dragging{cursor:grabbing;transition:none}.swipe-card.leaving{opacity:0;pointer-events:none}.swipe-image{cursor:grab;position:relative}.swipe-image>img{aspect-ratio:480/599;object-fit:contain;pointer-events:none;width:100%;height:auto;display:block}.swipe-details{text-underline-offset:3px;min-height:56px;transition:background-color var(--slop-motion-hover) var(--slop-ease-soft);align-items:center;gap:4px;padding:4px 20px;font-size:14px;font-weight:700;text-decoration:underline;display:flex}@media (hover:hover) and (pointer:fine){.swipe-details:hover{background:var(--slop-color-accent)}}.swipe-details img{width:16px;height:16px}.swipe-reaction{pointer-events:none;transition:opacity .18s var(--slop-ease-soft);background:#eeeeecd9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.swipe-reaction strong{font-size:clamp(2rem,1.5rem + 2vw,3rem)}.swipe-actions{grid-template-columns:1fr .51fr 1fr;gap:12px;width:min(100%,626px);display:grid}.swipe-actions .swipe-action{justify-content:center;min-height:56px;font-size:13px}.swipe-action-icon{display:none}.swipe-notice{border:1px solid var(--slop-color-line);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;width:min(100%,650px);padding:clamp(1rem,.85rem + .6vw,1.5rem);font-size:14px;display:flex}.swipe-notice p,.swipe-notice h2{margin:0}.swipe-notice.error{border-color:var(--slop-color-error)}.swipe-end{text-align:center;align-items:center;gap:24px;padding-block:clamp(2rem,1rem + 4vw,4rem)}.swipe-end h2{font-size:var(--fluid-small-heading)}.swipe-loading{aspect-ratio:480/655;width:min(100%,480px);color:var(--slop-color-muted);background:#ffffff80;border-radius:20px;place-items:center;display:grid}.swipe-dev{width:min(100%,626px);color:var(--slop-color-muted);margin-top:20px;font-size:12px}.swipe-dev summary{cursor:pointer}.swipe-dev label{flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px;display:flex}.swipe-dev select,.swipe-dev button{border:1px solid var(--slop-color-line);min-height:44px;color:var(--slop-color-ink);background:#fff;border-radius:8px;padding:8px}@media (width<=600px){.swipe-actions{justify-content:space-evenly;gap:12px;max-width:350px;display:flex}.swipe-actions .swipe-action{color:var(--slop-color-ink);background:0 0;border:0;border-radius:12px;flex-direction:column;gap:6px;min-width:64px;min-height:84px;padding:0 8px;display:flex}.swipe-action-icon{border:1px solid var(--slop-color-line);width:64px;height:64px;transition:background-color var(--slop-motion-hover) var(--slop-ease-soft);background:#fff;border-radius:50%;place-items:center;display:grid}.swipe-action.slop .swipe-action-icon{background:var(--slop-color-accent);border-color:#0000}.swipe-actions .swipe-action-icon img{filter:none;transition:transform .48s var(--slop-ease-playful);flex:none}@media (hover:hover) and (pointer:fine){.swipe-action.fine:hover .swipe-action-icon img{transform:rotate(-6deg)}.swipe-action.slop:hover .swipe-action-icon img{transform:rotate(6deg)}.swipe-action:hover .swipe-action-icon{background:var(--slop-color-accent-pressed)}}.swipe-actions .swipe-action:disabled{opacity:.4}.desktop-direction{display:none}}@media (prefers-reduced-motion:reduce){.swipe-card{transition:none;transform:none}.swipe-reaction,.swipe-actions .swipe-action-icon img{transition:none}.swipe-actions .swipe-action:hover .swipe-action-icon img{transform:none}}.swipe-page .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.swipe-saving{z-index:1;background:var(--slop-color-paper);text-align:center;border-radius:12px;padding:12px 16px;font-size:14px;position:absolute;inset:16px 16px auto}@media (width<=600px){.swipe-actions .swipe-action:not(:disabled):hover,.swipe-actions .swipe-action:not(:disabled):active{background:0 0}.swipe-actions .swipe-action.skip:hover img{transform:none}}@media (prefers-reduced-motion:no-preference){.swipe-card{transform-origin:50% 80%;transform:translate3d(var(--swipe-x), var(--swipe-lift), 0) rotate(var(--swipe-rotation)) scale(var(--swipe-scale));transition:transform .78s cubic-bezier(.22,1.35,.36,1),opacity .48s;animation:.65s cubic-bezier(.16,1,.3,1) backwards swipe-arrive}.swipe-card.dragging{will-change:transform;transition:transform .1s cubic-bezier(.2,.8,.3,1)}.swipe-card.leaving{transition:transform .62s cubic-bezier(.36,0,.66,1),opacity .4s ease-in .17s}.swipe-reaction{transition:opacity .32s var(--slop-ease-soft);background:#eeeeecb8}.swipe-reaction img{transform:rotate(var(--reaction-tilt));transition:transform .65s cubic-bezier(.22,1.5,.36,1)}@keyframes swipe-arrive{0%{opacity:0;translate:0 28px;scale:.96}to{opacity:1;translate:0;scale:1}}}