*{box-sizing:border-box;margin:0;padding:0}:root{--rojo:#d52b1e;--amarillo:#ffcd00;--verde:#007a33;--primary:#007a33;--primary-light:#bbf7d0;--accent:#d52b1e;--gold:#ffcd00;--bg:#f8fafc;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--radius:12px}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Noto Sans,Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Figtree,system-ui,sans-serif}.flashcard-container{perspective:1000px}.flashcard-inner{width:100%;min-height:280px;transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border:1px solid var(--border);background:#fff;border-radius:20px;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0;box-shadow:0 4px 24px #0000000f}.flashcard-back{border-color:var(--primary-light);background:#f0fdf4;transform:rotateY(180deg)}@keyframes swipeLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes swipeRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.swipe-left{animation:.3s ease-out forwards swipeLeft}.swipe-right{animation:.3s ease-out forwards swipeRight}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-light);color:var(--primary)}