.flashcard-container{margin:1.5rem 0}.flashcard-title{font-weight:600;font-size:1.1rem;margin-bottom:.75rem;color:var(--sl-color-white)}.flashcard{perspective:800px;cursor:pointer;height:220px;outline:none}.flashcard:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:4px;border-radius:12px}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:1.5rem;border-radius:12px;font-size:1.1rem;line-height:1.6;text-align:center;overflow:auto}.flashcard-front{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-white)}.flashcard-back{background:var(--sl-color-accent-low);border:1px solid var(--sl-color-accent);color:var(--sl-color-white);transform:rotateY(180deg)}.flashcard-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem}.flashcard-controls button{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s}.flashcard-controls button:hover{background:var(--sl-color-gray-5)}.flashcard-counter{font-size:.9rem;color:var(--sl-color-gray-3);min-width:4rem;text-align:center}.flashcard-shuffle{font-size:.85rem;color:var(--sl-color-gray-3);display:flex;align-items:center;gap:.4rem;cursor:pointer}.quiz-container{margin:1.5rem 0;padding:1.5rem;background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:12px}.quiz-title{font-weight:600;font-size:1.1rem;margin-bottom:1rem;color:var(--sl-color-white)}.quiz-progress{font-size:.85rem;color:var(--sl-color-gray-3);margin-bottom:1rem}.quiz-progress-bar{height:4px;background:var(--sl-color-gray-5);border-radius:2px;margin-top:.4rem;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--sl-color-accent);border-radius:2px;transition:width .3s ease}.quiz-question{font-size:1.05rem;line-height:1.6;margin-bottom:1rem;color:var(--sl-color-white)}.quiz-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.quiz-option{display:block;width:100%;text-align:left;padding:.75rem 1rem;background:var(--sl-color-gray-7, var(--sl-color-gray-6));border:2px solid var(--sl-color-gray-5);border-radius:8px;color:var(--sl-color-gray-2);cursor:pointer;font-size:.95rem;line-height:1.5;transition:border-color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--sl-color-gray-3)}.quiz-option.selected{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low)}.quiz-option.correct{border-color:#22c55e;background:#22c55e1a}.quiz-option.incorrect{border-color:#ef4444;background:#ef44441a}.quiz-option:disabled{cursor:default;opacity:.85}.quiz-explanation{padding:.75rem 1rem;background:var(--sl-color-accent-low);border-left:3px solid var(--sl-color-accent);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.6;color:var(--sl-color-gray-2);margin-bottom:1rem}.quiz-controls{display:flex;gap:.75rem;flex-wrap:wrap}.quiz-btn{padding:.5rem 1.2rem;border-radius:6px;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-gray-2);cursor:pointer;font-size:.9rem;transition:background .15s}.quiz-btn:hover:not(:disabled){background:var(--sl-color-gray-5)}.quiz-btn:disabled{opacity:.4;cursor:default}.quiz-btn.primary{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.quiz-btn.primary:hover:not(:disabled){opacity:.9}.quiz-results{text-align:center}.quiz-score{font-size:2.5rem;font-weight:700;color:var(--sl-color-accent)}.quiz-score-label{font-size:1.1rem;color:var(--sl-color-gray-3);margin-bottom:1.5rem}.quiz-review{text-align:left;margin-bottom:1.5rem}.quiz-review-item{padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;border-left:3px solid}.quiz-review-item.correct{border-color:#22c55e;background:#22c55e0d}.quiz-review-item.incorrect{border-color:#ef4444;background:#ef44440d}.quiz-review-question{font-weight:500;margin-bottom:.25rem;color:var(--sl-color-white)}.quiz-review-answer{font-size:.85rem;color:var(--sl-color-gray-3)}.quiz-review-explanation{font-size:.85rem;color:var(--sl-color-gray-3);margin-top:.25rem;font-style:italic}