.flip-card{position:relative;transform-style:preserve-3d;transition:transform .6s}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.75rem}.flip-card-back{transform:rotateY(180deg)}.word-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.word-card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.mastery-new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.mastery-learning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.mastery-familiar{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399;color:#065f46}.mastery-mastered{background:linear-gradient(135deg,#e9d5ff,#c4b5fd);border-color:#a78bfa;color:#5b21b6}.donut-chart{transform:rotate(-90deg)}.donut-segment{transition:stroke-dasharray .5s ease-in-out}.study-card-enter{opacity:0;transform:scale(.9)}.study-card-enter-active{transition:opacity .3s,transform .3s}.study-card-enter-active,.study-card-exit{opacity:1;transform:scale(1)}.study-card-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.folder-item{transition:all .2s ease-in-out}.folder-item:hover{transform:translateX(4px)}@media (max-width:768px){.flip-card{min-height:200px}.word-card-hover:hover{transform:none}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.vocabulary-scrollbar::-webkit-scrollbar{width:6px}.vocabulary-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.vocabulary-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.vocabulary-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}