*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,214,102,.25),transparent 35%),radial-gradient(circle at 90% 10%,rgba(126,139,255,.2),transparent 30%),radial-gradient(circle at 40% 80%,rgba(125,224,213,.35),transparent 40%),#f9fbff}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .85rem;background:#0f172a;color:#f8fafc;border-radius:999px;letter-spacing:.05em;font-size:.8rem;text-transform:uppercase}.flashcard{position:relative;perspective:1200px;cursor:pointer;outline:none;min-height:320px}.flashcard:focus-visible .flashcard-inner{box-shadow:0 0 0 3px #7e8bff73}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.flashcard:hover .flashcard-inner{transform:translateY(-6px)}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;overflow:hidden;border-radius:18px}.flashcard-front{background:linear-gradient(135deg,#74e0d5,#7e8bff)}.flashcard-front img{width:100%;height:100%;object-fit:contain}.flashcard-back{background:linear-gradient(135deg,#ffd166,#ff7eb6);transform:rotateY(180deg);color:#1f1f1f;font-size:1.8rem;font-weight:700;text-align:center;padding:1rem;letter-spacing:.02em}.flashcard-back p{margin:0}.audio-controls{margin-top:1rem;position:absolute;bottom:10px;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex-direction:row;justify-content:flex-end}.audio-hint{font-size:.9rem;color:#0f172a;opacity:.8}.flashcard-actions{display:flex;gap:.35rem;z-index:2}.empty{background:#fff1f2;color:#9f1239;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(159,18,57,.1)}