:root{--flashcard-height:320px;--flashcard-max-width:32rem;--flashcard-perspective:1000px;--flashcard-padding:1.5rem;--flashcard-flip-duration:0.5s}.flashcard-container{width:100%;max-width:var(--flashcard-max-width);height:var(--flashcard-height);perspective:var(--flashcard-perspective);margin-bottom:1.5rem}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.flashcard{cursor:pointer;width:100%;height:100%;position:relative;transition:transform var(--flashcard-flip-duration) ease-in-out;transform-style:preserve-3d}.flashcard-face{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--flashcard-padding);text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flashcard-face.back{transform:rotateY(180deg)}.flashcard-face.back p:first-of-type,.flashcard-face.front p{font-size:1.2rem}.flashcard-face.back p.explanation{font-size:1rem;margin-top:1rem;font-style:italic;color:#4b5563}