.flashcard-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:700px;margin:2rem auto;padding:0 1rem}<\/p><p>.flashcard-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#555}<\/p><p>.flashcard-progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;margin:0 1rem;overflow:hidden}<\/p><p>.flashcard-progress-fill{height:100%;background:linear-gradient(90deg,#ff5a5f,#ff385c);border-radius:3px;transition:width .3s ease}<\/p><p>.flashcard{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);min-height:280px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .5s ease}<\/p><p>.flashcard.flipped{transform:rotateY(180deg)}<\/p><p>.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;border-radius:16px}<\/p><p>.flashcard-front{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}<\/p><p>.flashcard-back{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff;transform:rotateY(180deg)}<\/p><p>.flashcard-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:1rem}<\/p><p>.flashcard-content{font-size:1.1rem;line-height:1.6;text-align:center}<\/p><p>.flashcard-hint{position:absolute;bottom:1rem;font-size:.8rem;opacity:.7}<\/p><p>.flashcard-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}<\/p><p>.flashcard-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}<\/p><p>.flashcard-btn:hover{transform:translateY(-2px)}<\/p><p>.flashcard-btn-prev,.flashcard-btn-next{background:#333;color:#fff}<\/p><p>.flashcard-btn-prev:hover,.flashcard-btn-next:hover{background:#555}<\/p><p>.flashcard-btn-shuffle{background:#ff385c;color:#fff}<\/p><p>.flashcard-btn-shuffle:hover{background:#e0314f}<\/p><p>.flashcard-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}<\/p><p>.flashcard-search{margin-bottom:1.5rem}<\/p><p>.flashcard-search input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}<\/p><p>.flashcard-search input:focus{outline:none;border-color:#667eea}<\/p><p>.flashcard-mode-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}<\/p><p>.flashcard-mode-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}<\/p><p>.flashcard-mode-btn.active{border-color:#667eea;background:#667eea;color:#fff}