.flashcard{background-color:#0000;width:360px;max-width:86vw;height:70vh}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background-color:#fff;border:1px solid #eae7e6;border-radius:20px;flex-direction:column;gap:24px;width:100%;height:100%;padding:24px;display:flex;position:absolute}.flashcard-front{justify-content:center;align-items:center}.flashcard-back{justify-content:space-between;transform:rotateY(180deg)}.flashcard-back-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.flashcard-character{flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:88px;display:flex}.flashcard-character-small{text-align:center;font-size:48px}.font-type-serif .flashcard-character,.font-type-serif .flashcard-character-small{font-family:var(--font-noto-serif-georgian)}.flashcard-name{color:#000;text-align:center;font-size:28px;font-weight:400}.flashcard-pronunciation{color:#999;text-align:center;font-size:20px;font-weight:400}.flashcard-pronunciation b{color:#000}.flashcard-audio{width:240px;max-width:100%;margin-left:auto;margin-right:auto}.flashcard-audio-container{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.audio-error{color:#dc2626;text-align:center;white-space:pre-wrap;background:0 0;border:none;margin:0;padding:0;font-family:monospace;font-size:.75rem}.flashcard-audio-btn{color:#f24822;background-color:#f2482233;border:none;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:48px;min-width:48px;height:48px;padding:0;font-size:1rem;display:flex}.flashcard-audio-btn:hover,.flashcard-audio-btn:focus{color:#f24822;background-color:#f248224d}.flashcard-audio-btn:disabled{color:#ccc;cursor:not-allowed;background-color:#ccc3}.flashcard-audio-btn svg{width:20px;height:20px}.flashcard-actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}