:root{--bg:#0b0c0f;--card:#111318;--muted:#9aa0a6;--fg:#e8eaed;--accent:#5eead4;--danger:#fda29b;--success:#86efac;--ring:0 0 0 1px hsla(0,0%,100%,.08),0 8px 24px rgba(0,0,0,.45)}.swipe-page{min-height:100svh;background:var(--bg);color:var(--fg);display:grid;grid-template-rows:auto 1fr auto}.appbar{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid hsla(0,0%,100%,.06);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:linear-gradient(180deg,rgba(17,19,24,.7),rgba(17,19,24,.3))}.appbar h2{font-size:18px;letter-spacing:.3px;margin:0}.container{display:grid;place-items:center;padding:16px}.card{width:min(92vw,360px);background:var(--card);border-radius:20px;box-shadow:var(--ring);border:1px solid hsla(0,0%,100%,.06);overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;transition:transform .18s ease,box-shadow .18s ease}.card.dragging{transition:none;box-shadow:0 12px 32px rgba(0,0,0,.55)}.card img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}.card-body{padding:14px 14px 16px}.card-title{margin:8px 0 0;font-size:18px;font-weight:600;letter-spacing:.2px}.meta{color:var(--muted);font-size:12px;margin-top:4px}.actions{display:flex;gap:12px;margin-top:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;height:48px;width:48px;display:grid;place-items:center;background:#0f1116;color:var(--fg);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.06);transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn:active{transform:scale(.96)}.btn-like{background:rgba(22,163,74,.12);color:#86efac}.btn-pass{background:rgba(220,38,38,.1);color:#fda29b}.badge{position:absolute;top:16px;padding:6px 10px;border-radius:10px;font-weight:700;font-size:12px;letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;opacity:0;transform:translateY(-6px);transition:opacity .12s ease,transform .12s ease}.badge.like{left:16px;color:var(--success);border-color:rgba(134,239,172,.45);background:rgba(16,185,129,.08)}.badge.pass{right:16px;color:var(--danger);border-color:hsla(4,96%,80%,.45);background:rgba(244,63,94,.08)}.badge.show{opacity:1;transform:translateY(0)}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#0f1116;color:var(--fg);padding:10px 14px;border-radius:12px;font-size:13px;border:1px solid hsla(0,0%,100%,.08);box-shadow:var(--ring);max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-col{display:grid;grid-gap:16px;gap:16px;place-items:center}