.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}.card,.mcp-container{width:100%;height:100%}.card{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-y:auto;padding:12px 8px 12px 20px;transform:translateZ(0)}.card-container.embedded .card-back,.card-container.embedded .card-front{padding:16px 12px 16px 20px}.card-container.embedded .card-back.embedded-top-align{align-items:flex-start;justify-content:flex-start}.card-back,.card-front{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.18) transparent}.card-back::-webkit-scrollbar,.card-front::-webkit-scrollbar{width:8px}.card-back::-webkit-scrollbar-track,.card-front::-webkit-scrollbar-track{background:transparent;margin:8px 0}.card-back::-webkit-scrollbar-thumb,.card-front::-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{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}.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:#facc15;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-yellow:hover{background-color:#eab308}.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){.card-container{max-width:100%!important}.card-container.embedded,.embedded .card-container{aspect-ratio:3/4!important;min-height:220px!important;height:auto!important;width:100%!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}}