.card-container{width:100%;max-width:999px;height:100%;aspect-ratio:3/2;perspective:1500px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:.5rem;padding-bottom:32px;box-sizing:border-box}.card-container.standalone{height:auto;min-height:0;padding-bottom:0}@media (max-width:640px){.card-container.standalone,.standalone .card-container{aspect-ratio:3/4!important;max-width:100%!important}}@media (min-width:641px) and (max-width:900px){.card-container.standalone,.standalone .card-container{aspect-ratio:5/3!important}}.mcp-container{max-width:999px;width:100%;height:100%}.mcp-container.learn-card-frame{position:relative;flex:none;height:auto;min-height:0;aspect-ratio:7/4;padding-bottom:0;box-sizing:border-box}.mcp-container.learn-card-frame>.card{position:absolute;inset:0;height:100%}.study-mode-actions,.study-mode-stack{max-width:999px;width:100%;margin-right:auto;margin-left:auto}.study-mode-card-slot{padding:.25rem}.study-mode-actions{width:100%;box-sizing:border-box;padding-right:.25rem!important;padding-left:.25rem!important}.learn-interactive-card{padding:2.75rem 1.25rem 1.25rem!important}.learn-interactive-question{padding-top:0!important}.learn-interactive-controls{margin-top:1.5rem!important}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px rgba(0,0,0,.08),0 -2px 4px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.03);border-radius:.5rem;position:relative;will-change:transform;border:1px solid rgba(0,0,0,.06)}.card.flipped{transform:rotateX(180deg)}.card-container.sliding .card,.mcp-container.sliding .card{animation:slideIn .5s ease forwards}@keyframes slideIn{0%{transform:translateX(-15%) rotateX(0deg)}to{transform:translateX(0) rotateX(0deg)}}.card-back,.card-front{width:100%;height:100%;backface-visibility:hidden;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--card-face-bg,#ffffff);border-radius:.5rem;overflow:hidden;padding:0;transform:translateZ(0)}.flashcard-face-scroll{position:absolute;top:38px;right:0;bottom:18px;left:0;overflow-x:hidden;overflow-y:auto;padding:6px 0 10px 20px;border-radius:inherit;scroll-padding-block:6px 10px;-webkit-overflow-scrolling:touch}.flashcard-face-content{min-height:100%;box-sizing:border-box;padding-right:20px}.card-container.embedded .flashcard-face-scroll{top:40px;bottom:22px;padding:6px 0 12px 20px;scroll-padding-block:6px 12px}.card-container.embedded .card-back.embedded-top-align{align-items:flex-start;justify-content:flex-start}.card-back,.card-front,.flashcard-face-scroll{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.18) transparent}.card-back::-webkit-scrollbar,.card-front::-webkit-scrollbar,.flashcard-face-scroll::-webkit-scrollbar{width:8px}.card-back::-webkit-scrollbar-track,.card-front::-webkit-scrollbar-track,.flashcard-face-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.card-back::-webkit-scrollbar-thumb,.card-front::-webkit-scrollbar-thumb,.flashcard-face-scroll::-webkit-scrollbar-thumb{background:rgba(100,116,139,.16);border-radius:9999px;border:2px solid transparent;background-clip:content-box}.card-back::-webkit-scrollbar-thumb:hover,.card-front::-webkit-scrollbar-thumb:hover,.flashcard-face-scroll::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.28);background-clip:content-box}.flashcard-scroll{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.18) transparent}.flashcard-scroll::-webkit-scrollbar{width:8px}.flashcard-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.flashcard-scroll::-webkit-scrollbar-thumb{background:rgba(100,116,139,.16);border-radius:9999px;border:2px solid transparent;background-clip:content-box}.flashcard-scroll::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.28);background-clip:content-box}.card-front{z-index:2}.card.flipped .card-front{z-index:1}.card-back{transform:rotateX(180deg);z-index:1}.card.flipped .card-back{z-index:2}@media (max-width:640px) and (orientation:portrait){.card-back,.card.flipped{transform:rotateY(180deg)}}.card-actions{position:absolute;display:flex;align-items:center;gap:.5rem}.card-actions.top-left{top:1rem;left:1rem}.label{font-size:.875rem;font-weight:600}.icon,.label{color:#6b7280}.icon{cursor:pointer}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.button-yellow{background-color:#0284c7;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-yellow:hover{background-color:#0369a1}.button-blue{background-color:#0284c7;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-blue:hover{background-color:#0369a1}.button-green{background-color:#22c55e;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-green:hover{background-color:#16a34a}.mcp-card{width:100%;max-width:999px;height:auto;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease;box-shadow:0 6px 16px rgba(0,0,0,.08),0 -2px 4px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.03);border-radius:.5rem;position:relative;display:flex;flex-direction:column;will-change:transform}.card-container.embedded,.card-container.no-gap{padding-bottom:0!important}.card-container.embedded{height:auto!important;min-height:0}.ratio-16x9,.ratio-16x9 .card-container{aspect-ratio:16/9!important}.ratio-9x4,.ratio-9x4 .card-container{aspect-ratio:9/4!important}.ratio-7x4,.ratio-7x4 .card-container{aspect-ratio:7/4!important}.card-container.tight-gap{padding-bottom:12px}@media (max-width:380px){.card-container.embedded{min-height:220px}}@media (max-width:640px){.flashcard-hint-action{display:none!important}.card-container{max-width:100%!important}.study-mode-actions,.study-mode-stack{max-width:100%}.study-mode-card-slot{padding:.25rem}.card-container.standalone.mobile-review-fill,.mcp-container.learn-card-frame{aspect-ratio:auto!important;height:100%!important;min-height:0!important;padding-bottom:0!important}.mcp-container.learn-card-frame{flex:1 1 auto}.learn-interactive-card{padding:2.75rem 1.25rem 1.25rem!important}.learn-interactive-controls{margin-top:1.25rem!important}.card-container.embedded .flashcard-face-scroll,.flashcard-face-scroll{top:38px;bottom:14px;padding-top:4px;padding-bottom:8px;scroll-padding-block:4px 8px}.card-container.embedded,.embedded .card-container{aspect-ratio:3/4!important;min-height:220px!important;height:auto!important;width:100%!important}.card-container.embedded-horizontal-mobile,.embedded-horizontal-mobile .card-container{aspect-ratio:3/2!important;min-height:210px!important;height:auto!important}.card-container.embedded-horizontal-mobile .flashcard-face-scroll,.embedded-horizontal-mobile .card-container .flashcard-face-scroll{top:30px!important;bottom:12px!important;padding:0 14px 6px!important;scroll-padding-block:0 6px!important}.card-container.embedded-horizontal-mobile .flashcard-face-content,.embedded-horizontal-mobile .card-container .flashcard-face-content{align-items:center!important;justify-content:center!important;padding-right:0!important}.card-container.embedded-horizontal-mobile .card-back,.card-container.embedded-horizontal-mobile .card.flipped,.embedded-horizontal-mobile .card-container .card-back,.embedded-horizontal-mobile .card-container .card.flipped{transform:rotateX(180deg)!important}}.ratio-1x1,.ratio-1x1 .card-container{aspect-ratio:1/1!important}@media (min-width:640px) and (max-width:768px){.ratio-between-7x5,.ratio-between-7x5 .card-container{aspect-ratio:11/5!important}}@media (min-width:768px) and (max-width:1023px){.ratio-between-11x5,.ratio-between-11x5 .card-container{aspect-ratio:11/5!important}}@media (min-width:1024px) and (max-width:1279px){.ratio-between-19x9,.ratio-between-19x9 .card-container{aspect-ratio:19/9!important}}.embedded-demo-transparent-controls .flashcard-quick-actions{background:transparent!important;box-shadow:none}.embedded-demo-transparent-controls .flashcard-nav-button:not(.flashcard-nav-button-active){background-color:transparent!important;border-color:rgba(100,116,139,.32)!important;box-shadow:none}.embedded-demo-transparent-controls .flashcard-nav-button:not(.flashcard-nav-button-active):hover{background-color:rgba(255,255,255,.18)!important}