.swiper{max-width:340px;margin:2rem auto}.swiper-slide{display:flex;align-items:center;justify-content:center;perspective:1000px}.card{position:relative;width:100%;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 20px rgb(0 0 0 / .2);text-align:center}.card h2{font-size:1.8rem;margin-bottom:.5rem}.card .kana{color:#777;font-size:1.2rem;margin-bottom:1rem}.card .meaning{font-size:1rem;color:#333}.card::before,.card::after{position:absolute;top:20px;padding:.5rem 1rem;font-weight:700;font-size:.9rem;border-radius:6px;color:#fff}.card::before{content:"Don’t Know";left:20px;background:#e74c3c;transform:rotate(-10deg)}.card::after{content:"I Know";right:20px;background:#2ecc71;transform:rotate(10deg)}