@layer components{.workspace-flashcard{perspective:1200px}.workspace-flashcard-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;position:relative;transform:translateZ(0)}.workspace-flashcard-face{border:1px solid var(--border);background:var(--card);opacity:1;backface-visibility:hidden;border-radius:1rem;justify-content:center;align-items:safe center;padding:3.5rem 2rem 2rem;transition:opacity .18s ease-in-out;display:flex;position:absolute;inset:0;overflow:auto;transform:rotateY(0)translateZ(1px)}.workspace-flashcard-back{opacity:0;transform:rotateY(180deg)translateZ(1px)}.workspace-flashcard-inner.is-flipped .workspace-flashcard-face:not(.workspace-flashcard-back){opacity:0}.workspace-flashcard-inner.is-flipped .workspace-flashcard-back{opacity:1}.workspace-flashcard-prose{text-align:left;width:100%;max-width:42rem;margin-inline:auto;font-size:clamp(1.4rem,3vw,2rem)}.workspace-flashcard-prose.is-dense{font-size:clamp(1.1rem,2.2vw,1.5rem)}.workspace-flashcard-prose.is-very-dense{font-size:clamp(.95rem,1.7vw,1.2rem)}.landing-flashcard-feedback{animation:.65s ease-in-out landing-flashcard-feedback}.landing-flashcard-feedback-ring{opacity:0;box-shadow:inset 0 0 0 5px var(--landing-flashcard-feedback-color)}.landing-flashcard-feedback .landing-flashcard-feedback-ring{animation:.65s ease-out landing-flashcard-feedback-ring}.landing-flashcard-feedback-again{--landing-flashcard-feedback-color:color-mix(in srgb, var(--color-red-500) 62%, transparent)}.landing-flashcard-feedback-good{--landing-flashcard-feedback-color:color-mix(in srgb, var(--color-emerald-500) 62%, transparent)}@keyframes landing-flashcard-feedback{0%,to{transform:scale(1)}30%{transform:scale(.96)}65%{transform:scale(1.015)}}@keyframes landing-flashcard-feedback-ring{0%,to{opacity:0}20%,65%{opacity:1}}@media (prefers-reduced-motion:reduce){.workspace-flashcard-face{transition-duration:1ms}.landing-flashcard-feedback,.landing-flashcard-feedback .landing-flashcard-feedback-ring{animation-duration:1ms}}}