.flashcard-container{perspective:1000px;transform-style:preserve-3d}.card-slide-in-next{animation:.3s cubic-bezier(.16,1,.3,1) forwards cardSlideInNext}.card-slide-in-prev{animation:.3s cubic-bezier(.16,1,.3,1) forwards cardSlideInPrev}.card-slide-out-next{animation:.3s cubic-bezier(.16,1,.3,1) forwards cardSlideOutNext}.card-slide-out-prev{animation:.3s cubic-bezier(.16,1,.3,1) forwards cardSlideOutPrev}@keyframes cardSlideInNext{0%{opacity:.5;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideInPrev{0%{opacity:.5;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideOutNext{0%{opacity:1;transform:translate(0)}to{opacity:.5;transform:translate(-30px)}}@keyframes cardSlideOutPrev{0%{opacity:1;transform:translate(0)}to{opacity:.5;transform:translate(30px)}}.flashcard-container.flipping .card-buttons,.flashcard-container.flipping .flip-indicator{opacity:0;transition:opacity .15s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradualReveal{0%{opacity:0;filter:blur(8px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:translateY(0)}}.reveal-text{white-space:pre-wrap;display:inline-block}.reveal-text span{opacity:0;filter:blur(4px);animation:.5s forwards gradualReveal}.reveal-text span:first-child{animation-delay:.1s}.reveal-text span:nth-child(2){animation-delay:.12s}.reveal-text span:nth-child(3){animation-delay:.14s}.reveal-text span:nth-child(4){animation-delay:.16s}.reveal-text span:nth-child(5){animation-delay:.18s}.reveal-text span:nth-child(6){animation-delay:.2s}.reveal-text span:nth-child(7){animation-delay:.22s}.reveal-text span:nth-child(8){animation-delay:.24s}.reveal-text span:nth-child(9){animation-delay:.26s}.reveal-text span:nth-child(10){animation-delay:.28s}.reveal-text span:nth-child(11){animation-delay:.3s}.reveal-text span:nth-child(12){animation-delay:.32s}.reveal-text span:nth-child(13){animation-delay:.34s}.reveal-text span:nth-child(14){animation-delay:.36s}.reveal-text span:nth-child(15){animation-delay:.38s}.reveal-text span:nth-child(16){animation-delay:.4s}.reveal-text span:nth-child(17){animation-delay:.42s}.reveal-text span:nth-child(18){animation-delay:.44s}.reveal-text span:nth-child(19){animation-delay:.46s}.reveal-text span:nth-child(20){animation-delay:.48s}.reveal-text span:nth-child(n+21){animation-delay:.5s}.reveal-text span:nth-child(n+40){animation-delay:.6s}.reveal-text span:nth-child(n+60){animation-delay:.7s}.reveal-text span:nth-child(n+80){animation-delay:.8s}.reveal-text span:nth-child(n+100){animation-delay:.9s}.reveal-text span:nth-child(n+120){animation-delay:1s}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.card-exit-left{animation:.3s ease-out forwards slideOutLeft}.card-exit-right{animation:.3s ease-out forwards slideOutRight}.card-enter-left{animation:.3s ease-out forwards slideInLeft}.card-enter-right{animation:.3s ease-out forwards slideInRight}.flashcard{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.card-buttons,.flip-indicator{transition:opacity .3s}.flashcard.flipped{transform:rotateX(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex;position:absolute}.flashcard-front{z-index:2;background:linear-gradient(135deg,#1f2937,#111827);transform:rotateX(0)}.flashcard-back{background:linear-gradient(135deg,#1e1b4b,#172554);transform:rotateX(180deg)}.flashcard-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem;display:flex}.flashcard-text{flex-direction:column;flex:1;justify-content:center;display:flex}.flashcard-image-container{flex-shrink:0;justify-content:center;align-items:center;width:40%;max-width:280px;height:100%;display:flex;overflow:hidden}.flashcard-image{object-fit:contain;border-radius:.5rem;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.spaced-repetition-image-container{flex-shrink:0;justify-content:center;align-items:center;width:40%;max-width:280px;height:auto;min-height:150px;margin:1rem auto;display:flex;overflow:hidden}.spaced-repetition-image{object-fit:contain;border-radius:.5rem;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.flashcard-image:hover{transform:scale(1.02)}@media (max-width:640px){.flashcard-content{flex-direction:column;max-height:100%;padding:1rem;overflow-y:auto}.flashcard-image-container{width:100%;max-width:100%;height:auto;margin-top:1rem}.flashcard-text{width:100%;overflow-y:auto}.prose{overflow-wrap:break-word;max-width:100%!important}.mt-3,.mt-4{margin-top:.75rem!important}.flashcard{min-height:350px}.flex.justify-center button{width:auto;max-width:100%;margin:.5rem auto}}.difficulty-btn{transition:all .2s}.difficulty-btn:hover{transform:translateY(-2px)}.difficulty-btn:active{transform:translateY(0)}@keyframes bookmark-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bookmark-active{color:#eab308;animation:.3s ease-in-out bookmark-pulse}.progress-bar{background:linear-gradient(90deg,#34d399,#22d3ee);border-radius:2px;height:4px;transition:width .3s}.nav-button{opacity:.7;transition:opacity .2s}.nav-button:hover{opacity:1}.flashcard:hover{box-shadow:0 15px 30px -8px #0000001f,0 10px 15px -3px #00000014}@media (prefers-color-scheme:dark){.progress-bar{background:linear-gradient(90deg,#10b981,#06b6d4)}.flashcard-front{background:linear-gradient(135deg,#1f2937,#111827)}.flashcard-back{background:linear-gradient(135deg,#0a1429,#050d1a)}}.flashcard-front:before,.flashcard-back:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#8282ff1a,#8282ff00);border-radius:.75rem;position:absolute;inset:0}.typing-indicator{align-items:center;column-gap:3px;display:flex}.typing-indicator span{opacity:.6;background-color:#6366f1;border-radius:50%;width:4px;height:4px;display:block}@media (prefers-color-scheme:dark){.typing-indicator span{background-color:#818cf8}}.typing-indicator span:first-child{animation:1.2s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation:1.2s ease-in-out .2s infinite typing}.typing-indicator span:nth-child(3){animation:1.2s ease-in-out .4s infinite typing}@keyframes typing{0%{opacity:.6;transform:translateY(0)}25%{opacity:1;transform:translateY(-3px)}50%{opacity:.6;transform:translateY(0)}to{opacity:.6;transform:translateY(0)}}.tiptap .highlight[data-color=yellow],.tiptap .highlight-yellow{color:#222!important;background-color:#fff59d!important}.tiptap .highlight[data-color=green],.tiptap .highlight-green{color:#222!important;background-color:#a5f3b4!important}.tiptap .highlight[data-color=pink],.tiptap .highlight-pink{color:#ad1457!important;background-color:#fbcfe8!important}mark.highlight[data-color=\#FBBF24]{border:1px solid #fde68a;border-radius:.2em;padding:0 .1em;color:#ca8a04!important;background-color:#fef9c3!important}mark.highlight[data-color=\#4ADE80]{border:1px solid #86efac;border-radius:.2em;padding:0 .1em;color:#16a34a!important;background-color:#bbf7d0!important}mark.highlight[data-color=\#FB7185]{border:1px solid #f9a8d4;border-radius:.2em;padding:0 .1em;color:#db2777!important;background-color:#fbcfe8!important}.modal-fade-in{animation:.2s ease-out forwards modalFadeIn}.modal-scale-in{animation:.2s ease-out forwards modalScaleIn}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@media print{body *{visibility:hidden}.printable-content,.printable-content *{visibility:visible}.printable-content{width:100%;position:absolute;top:0;left:0}.printable-flashcard{break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}@page{margin:1cm}}.printable-content{display:none}@media print{.printable-content{padding:20px;display:block}.printable-title{text-align:center;color:#e5e7eb;margin-bottom:20px;font-size:24px;font-weight:700}.printable-title a{color:#e5e7eb;text-decoration:none}.printable-table{border-collapse:collapse;table-layout:fixed;width:100%}.printable-table th{text-align:left;color:#e5e7eb;background-color:#374151;border:1px solid #4b5563;padding:10px 15px;font-size:16px;font-weight:700}.printable-table td{vertical-align:top;color:#e5e7eb;border:1px solid #4b5563;padding:10px 15px}.printable-table tr:nth-child(2n){color:#e5e7eb;background-color:#1f2937}.printable-term{color:#e5e7eb;font-size:16px;font-weight:600}.printable-definition{color:#e5e7eb;font-size:15px}}