@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
.image-zoom-container{position:relative;overflow:hidden}.image-zoom-content{transition:transform .3s}.image-zoomable{cursor:zoom-in}.image-zoomed{cursor:zoom-out}.image-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.hero-content-container{padding-top:0}:root.promo-with-header .menu-bar{z-index:100000!important;transition:top .3s ease-out!important;top:60px!important}.perspective-1000{perspective:1000px}.transform-gpu{backface-visibility:hidden;will-change:transform;transform:translate(0,0)}.hero-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.hero-glass-card:hover{background:#ffffff26;border:1px solid #ffffff4d;transform:translateY(-2px)}.hero-glow-button{position:relative;overflow:hidden}.hero-glow-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-glow-button:hover:before{left:100%}.hero-smooth-transition{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.hero-image-overlay{background:linear-gradient(135deg,#d520271a 0%,#d520270d 50%,#0000 100%)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(2deg)}66%{transform:translateY(-5px)rotate(-1deg)}}.hero-float{animation:6s ease-in-out infinite float}.hero-float:nth-child(2){animation-delay:-2s}.hero-float:nth-child(3){animation-delay:-4s}.hero-gradient-bg{background:linear-gradient(135deg, hsl(var(--background)) 0%, #d5202708 50%, hsl(var(--background)) 100%)}.hero-title-glow{text-shadow:0 0 20px #d520271a}.hero-nav-dot{cursor:pointer;background:#fff;border:2px solid #0000004d;border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.hero-nav-dot.active{background:hsl(var(--primary));border:2px solid hsl(var(--primary));transform:scale(1.2);box-shadow:0 0 20px #d5202766}.hero-nav-dot:hover{background:#fff;border:2px solid #00000080;transform:scale(1.1)}.hero-modern-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.hero-modern-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 10px 30px #0003}@media (max-width:768px){.hero-glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:0 1rem}.hero-nav-dot{width:10px;height:10px}.hero-modern-button{padding:.75rem 1.5rem;font-size:.875rem}}
.unified-exercise{width:100%;max-width:1200px;margin:0 auto 2rem;position:relative}.unified-exercise,.unified-exercise *,.unified-exercise :before,.unified-exercise :after{box-sizing:border-box}.exercise-frame-gradient,.exercise-frame-pattern{pointer-events:none;z-index:-10;position:absolute;inset:0}.exercise-frame-gradient{opacity:.5;background:linear-gradient(to bottom right,#fff,#d520270d,#231f200d);border-radius:.75rem}.exercise-frame-pattern{opacity:.2;background-image:url(/exercise-frame-pattern.svg)}.dark .exercise-frame-pattern{opacity:.1}.exercise-shell{background:#fffffff2;border:2px solid #d5202733;border-radius:1rem;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 40px #d520271f}.exercise-question-wrap,.exercise-frame-body{z-index:1;position:relative}.exercise-frame-body{padding:1rem}@media (min-width:768px){.exercise-frame-body{padding:1rem 1.25rem 1.25rem}}.exercise-frame-body>*+*{margin-top:1rem}.exercise-frame-bottom-gradient{z-index:0;pointer-events:none;background:linear-gradient(#0000,#d5202714);height:7rem;position:absolute;bottom:0;left:0;right:0}.dark .exercise-shell{background:#231f20e6}.exercise-feedback-overlay{z-index:2147482000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.exercise-question-wrap{background:#fff;border-left:4px solid #d52027;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.dark .exercise-question-wrap{background:#231f20e6}.exercise-question-title{color:#231f20;background:#d520270d;border:1px solid #d5202740;border-radius:.5rem;flex:auto;align-items:center;gap:.75rem;min-width:0;margin-bottom:0;padding:.75rem 1rem;font-size:1.25rem;font-weight:700;line-height:1.2;display:flex}.exercise-question-title>span{overflow-wrap:anywhere;min-width:0}.exercise-question-title:not(:last-child){margin-bottom:.5rem}@media (min-width:768px){.exercise-question-title:not(:last-child){margin-bottom:0}}.dark .exercise-question-title{color:#fff}.exercise-prompt-audio-btn{color:#fff;background:#d52027;border:1px solid #d5202766;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000026}.exercise-prompt-audio-btn:hover{background:#b01e24;border-color:#b01e24;box-shadow:0 4px 10px #b01e2440}.exercise-autoplay-btn{color:#d52027;background:#fff;border:1px solid #d5202740;border-radius:.75rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.125rem;width:3.5rem;min-height:2.75rem;margin-top:.75rem;transition:all .2s;display:inline-flex;box-shadow:0 .35rem 1rem #d520271f}.exercise-autoplay-label{text-align:center;text-transform:uppercase;font-size:.5625rem;font-weight:700;line-height:1}.exercise-autoplay-btn:hover,.exercise-autoplay-btn[aria-pressed=true]{color:#fff;background:#d52027;border-color:#d52027a6;transform:translateY(-1px)}.exercise-media-panel{background:#fff;border:1px solid #d5202733;border-radius:.75rem;width:100%;padding:1rem;box-shadow:0 4px 12px #00000014}.dark .exercise-media-panel{background:#1f1f23}.exercise-question-media{width:100%;padding-top:.5rem}.exercise-question-media-card{background:#fff;border:1px solid #d5202733;border-radius:.75rem;min-height:13.75rem;padding:1rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.exercise-question-media-card:hover{box-shadow:0 4px 10px #d520271f}.exercise-question-media-card.is-playing{box-shadow:0 0 0 2px #d520274d,0 8px 18px #d5202724}.dark .exercise-question-media-card{background:#1f1f23}.exercise-question-media-effects{opacity:.2;pointer-events:none;position:absolute;inset:0}.exercise-question-media-orb{filter:blur(24px);background:linear-gradient(to bottom right,#d5202766,#ff6b6b4d,#0000);border-radius:9999px;width:5rem;height:5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite exercise-question-media-pulse;position:absolute;top:.75rem;right:1.5rem}.exercise-question-media-orb.is-spinning{animation:1s linear infinite exercise-question-media-spin,2s cubic-bezier(.4,0,.6,1) infinite exercise-question-media-pulse}.exercise-question-media-glow{filter:blur(16px);background:linear-gradient(to top right,#d5202740,#0000);border-radius:9999px;width:4rem;height:4rem;position:absolute;bottom:.5rem;left:1rem}.exercise-question-media-sheen{opacity:1;background:linear-gradient(90deg,#0000,#d520270d,#0000);position:absolute;inset:0}.exercise-question-media-sheen.is-visible{opacity:.4}.exercise-question-media-line,.exercise-question-media-footer-line{pointer-events:none;background:linear-gradient(90deg,#0000,#d5202799,#0000);height:.25rem;position:absolute;left:0;right:0}.exercise-question-media-line--top{top:0}.exercise-question-media-line--bottom{opacity:.7;bottom:0}.exercise-question-media-line.is-active{animation:2s cubic-bezier(.4,0,.6,1) infinite exercise-question-media-pulse}.exercise-question-media-playing{pointer-events:none;background:linear-gradient(to bottom right,#d520270d,#0000,#ff6b6b0d);animation:2s cubic-bezier(.4,0,.6,1) infinite exercise-question-media-pulse;position:absolute;inset:0}.exercise-question-media-content{z-index:1;justify-content:center;align-items:center;gap:1.5rem;min-height:11.75rem;display:flex;position:relative}.exercise-question-media-content.has-image{flex-direction:column}.exercise-question-media-content.audio-only,.exercise-question-media-content.image-only{justify-content:center}@media (min-width:768px){.exercise-question-media-content.has-image{flex-direction:row}.exercise-question-media-content.has-audio-image{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;display:flex}.exercise-question-media-content.has-audio-image .exercise-question-audio{gap:0;position:relative}.exercise-question-media-content.has-audio-image .audio-bars{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)}}.exercise-question-audio{flex-direction:column;align-items:center;gap:.75rem;display:flex}.exercise-question-audio-button-wrap{position:relative}.exercise-question-audio-glow,.exercise-question-audio-ring{pointer-events:none;position:absolute}.exercise-question-audio-glow{opacity:0;filter:blur(16px);background:linear-gradient(90deg,#d520274d,#ff6b6b33,#d520274d);border-radius:9999px;transition:opacity .2s;inset:-.75rem}.exercise-question-audio-button-wrap:hover .exercise-question-audio-glow{opacity:1}.exercise-question-audio-ring{opacity:.5;background:linear-gradient(to bottom right,#d5202766,#b01e2466);border-radius:1rem;inset:-.25rem}.exercise-question-audio-btn{color:#fff;background:#d52027;border:2px solid #d52027;border-radius:.5rem;justify-content:center;align-items:center;width:5rem;height:5rem;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 4px 10px #d5202740}.exercise-question-audio-btn:hover{background:#b01e24;border-color:#b01e24;transform:scale(1.05);box-shadow:0 8px 16px #b01e244d}.exercise-question-audio-inner-glow{background:linear-gradient(to bottom right,#fff3,#0000);border-radius:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite exercise-question-media-pulse;position:absolute;inset:0}.exercise-question-media-image{flex-shrink:0;justify-content:center;display:flex;position:relative}.exercise-question-media-content.image-only .exercise-question-media-image,.exercise-question-media-content:not(.has-audio-image) .exercise-question-media-image{width:100%}.exercise-media-image-wrap--choice{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #d5202733;border-radius:.5rem;justify-content:center;align-items:center;width:min(100%,11.75rem);max-width:11.75rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.exercise-media-image-wrap--choice:hover{border-color:#d5202759;transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.dark .exercise-media-image-wrap--choice{background:#231f20e6;border-color:#d5202740}.exercise-question-media-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .2s;display:block}.exercise-question-media-image:hover .exercise-question-media-img{transform:scale(1.03)}.exercise-media-image-zoom{z-index:20;color:#d52027;background:#ffffffe6;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:inline-flex;position:absolute;bottom:.5rem;left:.5rem;box-shadow:0 4px 10px #00000026}.dark .exercise-media-image-zoom{background:#231f20e6}.exercise-media-image-wrap--choice:hover .exercise-media-image-zoom{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}@media (max-width:767px){.exercise-question-audio-glow{inset:-.625rem}.exercise-question-audio-ring,.exercise-question-audio-inner-glow{border-radius:.75rem}.exercise-question-audio-btn{width:4rem;height:4rem}.exercise-question-audio-btn svg{width:2.25rem;height:2.25rem}.exercise-question-media-content.audio-only{min-height:0}.exercise-question-media-card:has(.exercise-question-media-content.audio-only){min-height:0}.exercise-media-image-wrap--choice{width:min(100%,9.375rem);max-width:9.375rem}}.exercise-question-media-footer-line{background:linear-gradient(90deg,#0000,#d5202799,#0000);height:.125rem;bottom:0}.audio-bars{justify-content:center;align-items:flex-end;gap:.2rem;display:flex;overflow:hidden}.audio-bars--default{height:1.4rem}.audio-bars--compact{height:1.1rem;margin-top:.05rem}.audio-bar{width:.25rem;height:var(--bar-idle,.25rem);opacity:.35;background:linear-gradient(#ff6b6b,#d52027);border-radius:9999px;transition:height .25s ease-in-out,opacity .25s ease-in-out}.audio-bars.is-playing .audio-bar{opacity:.95;animation:.9s ease-in-out infinite audio-bar-pulse}.audio-bar--1{animation-delay:0s}.audio-bar--2{animation-delay:.12s}.audio-bar--3{animation-delay:.24s}.audio-bar--4{animation-delay:.36s}.audio-bar--5{animation-delay:.48s}.audio-bars--default .audio-bar--1{--bar-idle:.38rem;--bar-min:.55rem;--bar-max:1rem}.audio-bars--default .audio-bar--2{--bar-idle:.3rem;--bar-min:.45rem;--bar-max:.82rem}.audio-bars--default .audio-bar--3{--bar-idle:.45rem;--bar-min:.62rem;--bar-max:1.15rem}.audio-bars--default .audio-bar--4{--bar-idle:.26rem;--bar-min:.38rem;--bar-max:.7rem}.audio-bars--default .audio-bar--5{--bar-idle:.36rem;--bar-min:.52rem;--bar-max:.94rem}.audio-bars--compact .audio-bar--1{--bar-idle:.28rem;--bar-min:.4rem;--bar-max:.74rem}.audio-bars--compact .audio-bar--2{--bar-idle:.22rem;--bar-min:.32rem;--bar-max:.62rem}.audio-bars--compact .audio-bar--3{--bar-idle:.34rem;--bar-min:.48rem;--bar-max:.86rem}.audio-bars--compact .audio-bar--4{--bar-idle:.2rem;--bar-min:.28rem;--bar-max:.52rem}.audio-bars--compact .audio-bar--5{--bar-idle:.27rem;--bar-min:.38rem;--bar-max:.7rem}@keyframes exercise-question-media-pulse{0%,to{opacity:.35}50%{opacity:.9}}@keyframes exercise-question-media-spin{to{transform:rotate(360deg)}}@keyframes audio-bar-pulse{0%,to{height:var(--bar-min,.3rem)}50%{height:var(--bar-max,.7rem)}}@keyframes fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.exercise-main-audio-btn{color:#fff;background:#d52027;border:2px solid #d52027;border-radius:.625rem;justify-content:center;align-items:center;width:5rem;height:5rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #d5202740}.exercise-main-audio-btn:hover{background:#b01e24;border-color:#b01e24;box-shadow:0 8px 16px #b01e244d}.exercise-submit-btn{color:#fff;background:#d52027;border:0;border-radius:.5rem;justify-content:center;align-items:center;min-width:168px;height:2.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000026}.exercise-submit-btn:hover{background:#b01e24;transform:translateY(-1px);box-shadow:0 6px 14px #b01e2440}.exercise-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.exercise-content-before-submit{margin-bottom:.75rem}@media (min-width:768px){.exercise-content-before-submit{margin-bottom:1.5rem}}.exercise-submit-row{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:0 1rem .5rem;display:flex}@media (min-width:640px){.exercise-submit-row{flex-direction:row}}@media (min-width:768px){.exercise-submit-row{padding-left:1.5rem;padding-right:1.5rem}}.exercise-answer-image-shell{aspect-ratio:1;background:#fffc;border:1px solid #d5202733;border-radius:.5rem;flex-shrink:0;width:min(100%,10.25rem);position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.dark .exercise-answer-image-shell{background:#231f20cc;border-color:#d5202740}.exercise-answer-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .2s}.exercise-answer-image-shell:hover .exercise-answer-image{transform:scale(1.05)}.exercise-answer-image-zoom{z-index:20;color:#d52027;background:#ffffffe6;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:inline-flex;position:absolute;bottom:.5rem;left:.5rem;box-shadow:0 4px 10px #00000026}.dark .exercise-answer-image-zoom{background:#231f20e6}.exercise-answer-image-zoom:hover{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}.exercise-answer-grid{gap:.75rem;display:grid}.exercise-answer-grid--choice{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--choice-min-col,8.75rem)), 1fr));width:100%;max-width:100%;overflow-x:clip}.exercise-answer-grid--choice .exercise-answer-item,.exercise-answer-grid--choice .exercise-answer-card,.exercise-answer-grid--choice .exercise-answer-inner,.exercise-answer-grid--choice .exercise-answer-content{min-width:0;max-width:100%}@media (max-width:639px){.exercise-answer-grid--choice:has(.exercise-answer-image-shell){--choice-min-col:8.5rem;gap:.5rem}.exercise-answer-grid--choice:has(.exercise-answer-image-shell) .exercise-answer-card{padding:.375rem}.exercise-answer-grid--choice:has(.exercise-answer-image-shell) .exercise-answer-image-shell{width:min(100%,7.75rem);margin-inline:auto}.exercise-answer-grid--choice:has(.exercise-answer-image-shell) .exercise-answer-image-zoom{width:1.75rem;height:1.75rem}}@media (min-width:1024px){.exercise-answer-grid--choice{grid-template-columns:repeat(var(--choice-cols), minmax(0, 1fr))}.exercise-answer-grid--choice:has(.exercise-answer-image-shell){grid-template-columns:repeat(var(--choice-cols), minmax(0, 1fr))}}.exercise-answer-grid--default{grid-template-columns:1fr}@media (min-width:768px){.exercise-answer-grid--default{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.exercise-answer-grid--default{grid-template-columns:repeat(3,minmax(0,1fr))}}.exercise-answer-item{height:100%}.exercise-answer-card{cursor:pointer;background:hsl(var(--card));height:100%;min-height:3rem;color:hsl(var(--card-foreground));border:2px solid #d5202799;border-radius:.75rem;flex-direction:column;padding:.625rem 1rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s,color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f}.dark .exercise-answer-card{background:#2a2627}.exercise-answer-card:hover{background:#fff5f5;border-color:#d52027;transform:translateY(-2px);box-shadow:0 4px 10px #d5202724}.dark .exercise-answer-card:hover{background:#231f20cc}.exercise-answer-card--selected{color:#fff;background:#d52027;border-color:#d52027;box-shadow:0 8px 16px #d5202740}.exercise-answer-card--selected:hover{background:#d52027}.exercise-answer-card--disabled{pointer-events:none}.exercise-answer-card--default{border-color:#e5e7eb;padding:1rem}.dark .exercise-answer-card--default{border-color:#3a3536}.exercise-answer-card--default:hover{background:#f9fafb;border-color:#d520274d}.dark .exercise-answer-card--default:hover{background:#231f20cc}.exercise-answer-card--default.exercise-answer-card--selected{color:hsl(var(--card-foreground));background:#d520270d;border-color:#d52027;box-shadow:0 1px 3px #0000001f}.exercise-answer-inner{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.exercise-answer-inner--default{text-align:left;justify-content:flex-start;align-items:flex-start}.exercise-answer-check{background:#fff;border:2px solid #d1d5db;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:.25rem;margin-right:.75rem;transition:all .2s;display:flex}.dark .exercise-answer-check{background:#231f20f2}.exercise-answer-check--selected{color:#fff;background:#d52027;border-color:#d52027}.exercise-answer-content{text-align:center;flex-direction:column;flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex;position:relative}.exercise-answer-content--default{text-align:left;align-items:flex-start}.exercise-answer-text{overflow-wrap:anywhere;text-wrap:balance;color:#231f20;font-size:1rem;font-weight:600;line-height:1.2}.dark .exercise-answer-text,.exercise-answer-card--selected .exercise-answer-text{color:#fff}.exercise-sortable-answer-card{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:hsl(var(--card));min-width:100px;height:3rem;color:hsl(var(--card-foreground));text-align:center;border:2px solid #d5202799;border-radius:.75rem;justify-content:center;align-items:center;padding:.625rem 1rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s,color .2s,opacity .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001f}.dark .exercise-sortable-answer-card{background:#2a2627}.exercise-sortable-answer-card--interactive{cursor:grab}.exercise-sortable-answer-card--interactive:hover{background:#fff5f5;border-color:#d52027;transform:translateY(-2px);box-shadow:0 4px 10px #d5202724}.dark .exercise-sortable-answer-card--interactive:hover{background:#231f20cc}.exercise-sortable-answer-card--interactive:active{cursor:grabbing}.exercise-sortable-answer-card--dragging{opacity:.6;border-color:#d52027;box-shadow:0 8px 16px #0000002e}.exercise-sortable-answer-card--correct{background:#f0fdf4;border-color:#4ade80}.dark .exercise-sortable-answer-card--correct{background:#14532d33}.exercise-sortable-answer-card--wrong{background:#fef2f2;border-color:#f87171}.dark .exercise-sortable-answer-card--wrong{background:#7f1d1d33}.exercise-sortable-answer-text{overflow-wrap:anywhere;text-wrap:balance;color:#231f20;font-size:1rem;font-weight:600;line-height:1.2}.dark .exercise-sortable-answer-text{color:#fff}.syo-content{padding-top:1rem}.syo-instruction{color:#231f20;text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.35}.dark .syo-instruction{color:#fff}.syo-bank{color:hsl(var(--card-foreground));background:radial-gradient(circle at 88% 24%,#d5202714,#0000 5rem),radial-gradient(circle at 12% 78%,#d520270f,#0000 4rem),linear-gradient(90deg,#fff,#d5202708,#fff);border:1px solid #d5202733;border-radius:.75rem;padding:1rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.syo-bank:hover{box-shadow:0 4px 10px #d520271f}.dark .syo-bank{background:radial-gradient(circle at 88% 24%,#d520271f,#0000 5rem),radial-gradient(circle at 12% 78%,#d5202714,#0000 4rem),#1f1f23;border-color:#3a3536}.syo-bank:before,.syo-bank:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#d5202799,#0000);height:.25rem;position:absolute;left:0;right:0}.syo-bank:before{top:0}.syo-bank:after{height:.125rem;bottom:0}.syo-list{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative}.syo-result{text-align:center;margin-bottom:2rem}.syo-result-card{background:linear-gradient(90deg,#dcfce7,#d1fae5);border:2px solid #86efac;border-radius:.75rem;padding:1.5rem}.dark .syo-result-card{background:linear-gradient(90deg,#14532d33,#064e3b33);border-color:#15803d}.syo-result-label{color:#16a34a;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.dark .syo-result-label{color:#4ade80}.syo-result-word{color:#15803d;font-size:2.25rem;font-weight:700;line-height:1.15}.dark .syo-result-word{color:#86efac}.txt-content{padding-top:1rem}.txt-input-wrap{width:min(100%,36rem);margin:0 auto}.txt-input{color:#231f20;background:#fff;border:2px solid #d5202799;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:1.125rem;font-weight:600;line-height:1.35;transition:border-color .2s,box-shadow .2s,background-color .2s}.txt-input::placeholder{color:#231f20b3;font-weight:600}.txt-input:focus{border-color:#d52027;outline:none;box-shadow:0 0 0 3px #d520271f}.txt-input--correct{background:#f0fdf4;border-color:#4ade80}.txt-input--wrong{background:#fef2f2;border-color:#f87171}.dark .txt-input{color:#fff;background:#2a2627}.dark .txt-input::placeholder{color:#ffffffb3}.dark .txt-input--correct{background:#14532d33}.dark .txt-input--wrong{background:#7f1d1d33}.exercise-answer-audio-btn{z-index:20;color:#fff;background:#d52027;border:2px solid #fff;border-radius:.375rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #00000026}.exercise-answer-audio-btn--with-image{position:absolute;top:.5rem;right:.5rem}.exercise-answer-audio-btn--center{flex:none;margin-bottom:.125rem;position:static;transform:none}.exercise-answer-audio-btn:hover,.exercise-answer-audio-btn--playing{background:#b01e24;box-shadow:0 6px 14px #b01e2440}.exercise-answer-audio-btn--center:hover,.exercise-answer-audio-btn--center.exercise-answer-audio-btn--playing{transform:scale(1.05)}.exercise-dialog-avatar-image{aspect-ratio:1;background:#fff;border:1px solid #d5202726;border-radius:1rem;flex-shrink:0;width:3.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.exercise-dialog-avatar-image:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.exercise-dialog-avatar-image--large{width:4rem}.exercise-dialog-avatar-image--green{border-color:#2f855a26}.exercise-dialog-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.exercise-dialog-avatar-zoom{color:#d52027;background:#ffffffe6;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex;position:absolute;bottom:.25rem;right:.25rem;box-shadow:0 1px 2px #0000001f}.exercise-dialog-avatar-image--large .exercise-dialog-avatar-zoom{width:1.5rem;height:1.5rem}.exercise-motion-card{will-change:transform, box-shadow, border-color, background-color;transform:translateZ(0)}.exercise-motion-badge{will-change:transform, opacity, background-color, border-color, color;transform:translateZ(0)}.dd-card{background:hsl(var(--card));width:100%;color:hsl(var(--card-foreground));border:2px solid #3a3536;border-radius:.75rem;flex-direction:column;padding:.625rem 1rem;transition:box-shadow .2s,background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f}.dd-card--text{min-height:3rem}.dd-card--image{aspect-ratio:1;min-height:0;padding:0}.dd-card--sound{padding-right:3rem}.dd-card--interactive{cursor:pointer;border-color:#d5202799}.dd-card--interactive:hover{background:#fff5f5;border-color:#d52027;transform:translateY(-2px);box-shadow:0 4px 10px #d5202724}.dark .dd-card--interactive:hover{background:#231f20cc}.dd-card--grab{cursor:grab}.dd-card--grab:active{cursor:grabbing}.dd-card--checking{border-color:#d5202766}.dd-card--dragging{opacity:.6;box-shadow:0 4px 10px #00000029}.dd-card--incorrect{background:#fef2f2;border-color:#f87171}.dark .dd-card--incorrect{background:#7f1d1d33}.dd-card--correct{background:#f0fdf4;border-color:#4ade80}.dark .dd-card--correct{background:#14532d33}.dd-card--overlay{cursor:grabbing;background:#fff;border-color:#d52027;max-width:16rem}.dark .dd-card--overlay{background:#2a2627}.dd-card-frame{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.dd-card--image .dd-card-frame{aspect-ratio:1;width:100%}.dd-card-content{text-align:center;flex-direction:column;flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.dd-card-text{overflow-wrap:anywhere;text-wrap:balance;color:#231f20;width:100%;font-size:1rem;font-weight:600;line-height:1.2}.dd-card-text--sound{font-size:clamp(.8125rem,.7rem + .45vw,.9375rem)}.dark .dd-card-text{color:#fff}.dd-card-status{flex-shrink:0;position:absolute;top:.5rem;right:.5rem}.dd-sound-cue{z-index:20;color:#d52027;background:#ffffffe6;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 4px 10px #00000026}.dark .dd-sound-cue{background:#231f20e6}.dd-card:hover .dd-sound-cue{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}.dd-droppable-shell{height:100%}.dd-category-grid{grid-template-columns:1fr;gap:1rem;width:100%;margin:0 auto 2rem;display:grid}.dd-category-grid--single{max-width:28rem}.dd-category-grid--double{max-width:48rem}@media (min-width:768px){.dd-category-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-category-grid--multi{grid-template-columns:repeat(3,minmax(0,1fr))}}.dd-drop-card{height:100%;min-height:12rem;color:hsl(var(--card-foreground));background:#2a2627;border:1px solid #3a3536;border-radius:.75rem;padding:1rem;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001f}.dd-drop-card--interactive:hover{border-color:#d5202773;transform:translateY(-2px);box-shadow:0 4px 10px #d520271a}.dark .dd-drop-card--interactive:hover{border-color:#d5202766}.dd-drop-card--over{background:#fff5f5;border-color:#d52027;transform:translateY(-2px);box-shadow:0 10px 18px #d5202733}.dark .dd-drop-card--over{background:#231f20d9}.dd-drop-card--red,.dd-drop-card--brand-red{background:#fee2e2;border-color:#fca5a5}.dd-drop-card--emerald{background:#d1fae5;border-color:#6ee7b7}.dd-drop-card--amber{background:#fef3c7;border-color:#fcd34d}.dd-drop-card--blue{background:#dbeafe;border-color:#93c5fd}.dd-drop-card--cyan{background:#cffafe;border-color:#67e8f9}.dd-drop-card--purple{background:#ede9fe;border-color:#c4b5fd}.dd-drop-card--brand-black{background:#231f200d;border-color:#231f2033}.dd-drop-card--green{border-color:hsl(var(--success) / .4);background:hsl(var(--success) / .2)}.dark .dd-drop-card--red,.dark .dd-drop-card--brand-red{background:#d520271a;border-color:#d520274d}.dark .dd-drop-card--emerald{background:#064e3b33;border-color:#0478574d}.dark .dd-drop-card--amber{background:#78350f33;border-color:#b453094d}.dark .dd-drop-card--blue,.dark .dd-drop-card--brand-black{background:#2a2627;border-color:#3a3536}.dark .dd-drop-card--cyan{background:#164e6333;border-color:#0e74904d}.dark .dd-drop-card--purple{background:#581c8733;border-color:#6d28d94d}.dark .dd-drop-card--green{border-color:hsl(var(--success) / .3);background:hsl(var(--success) / .15)}.dd-drop-card--incorrect{background:#fef2f2;border-color:#fca5a5}.dark .dd-drop-card--incorrect{background:#7f1d1d1a;border-color:#b91c1c4d}.dd-drop-card--correct{background:#f0fdf4;border-color:#86efac}.dark .dd-drop-card--correct{background:#14532d1a;border-color:#15803d4d}.dd-drop-card--empty-check{background:#fffbeb;border-color:#fcd34d}.dark .dd-drop-card--empty-check{background:#78350f33;border-color:#b4530966}.dd-drop-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.35}.dd-drop-title--red,.dd-drop-title--brand-red{color:#dc2626}.dd-drop-title--emerald{color:#059669}.dd-drop-title--amber{color:#d97706}.dd-drop-title--blue{color:#2563eb}.dd-drop-title--cyan{color:#0891b2}.dd-drop-title--purple{color:#7c3aed}.dd-drop-title--brand-black{color:#231f20}.dd-drop-title--green{color:hsl(var(--success))}.dark .dd-drop-title--red,.dark .dd-drop-title--brand-red,.dark .dd-drop-title--blue,.dark .dd-drop-title--brand-black{color:#e53e44}.dark .dd-drop-title--emerald{color:#34d399}.dark .dd-drop-title--amber{color:#fbbf24}.dark .dd-drop-title--cyan{color:#22d3ee}.dark .dd-drop-title--purple{color:#a78bfa}.dd-drop-target{border-radius:.375rem;min-height:8rem;padding:.5rem;transition:all .2s}.dd-drop-target--interactive:hover{background:#fff7f7b3}.dark .dd-drop-target--interactive:hover{background:#231f20bf}.dd-drop-target--over{background:#fff1f1e6;border-color:#d52027}.dark .dd-drop-target--over{background:#2a2627f2}.dd-drop-target--empty{border-style:dashed;border-width:2px;justify-content:center;align-items:center;display:flex}.dd-drop-target--red,.dd-drop-target--brand-red{border-color:#fca5a5}.dd-drop-target--emerald{border-color:#6ee7b7}.dd-drop-target--amber{border-color:#fcd34d}.dd-drop-target--blue{border-color:#93c5fd}.dd-drop-target--cyan{border-color:#67e8f9}.dd-drop-target--purple{border-color:#c4b5fd}.dd-drop-target--brand-black{border-color:#231f2033}.dd-drop-target--green{border-color:hsl(var(--success) / .4)}.dark .dd-drop-target--red,.dark .dd-drop-target--brand-red{border-color:#d520274d}.dark .dd-drop-target--blue,.dark .dd-drop-target--brand-black{border-color:#3a3536}.dd-drop-placeholder{color:hsl(var(--muted-foreground));text-align:center;font-size:.875rem}.dd-source-card{width:min(100%,37.75rem);min-height:6rem;margin:0 auto;padding:0}.dd-source-card--incomplete{color:#b45309}.dd-source-list{flex-wrap:wrap;justify-content:center;gap:.75rem;min-height:4rem;margin:0 auto;display:flex}.dd-source-item{flex:8.5rem;min-width:0;max-width:14rem}:is(.dd-source-item:has(.dd-card--image),.dd-source-item:has(.dd-card--sound)){flex-basis:10rem}.dd-source-item:has(.dd-card--image){flex:0 10rem;max-width:10rem}.dd-source-empty{width:100%;color:hsl(var(--muted-foreground));text-align:center;padding:1rem 0}.dd-source-warning{color:#f59e0b;margin-top:.5rem;font-size:.875rem}.dark .dd-source-warning{color:#fbbf24}.exercise-secondary-btn{color:#d52027;background:#fff;border:1px solid #d5202733;border-radius:.5rem;justify-content:center;align-items:center;min-width:96px;height:2.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.exercise-secondary-btn:hover{background:#d520270f}.admin-field-input{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.admin-field-input:focus{border-color:#d52027;outline:none;box-shadow:0 0 0 2px #d5202733}.admin-field-input--error{background:#fef2f2;border-color:#fca5a5}.admin-media-browse-btn{color:#d52027;background:#fff1f1;border:1px solid #d520274d;border-radius:.5rem;flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}.admin-media-browse-btn:hover{background:#ffe4e4}.admin-link-btn{color:#d52027;font-size:.75rem;font-weight:500;transition:color .2s}.admin-link-btn:hover{color:#b01e24}.mli-inline-sentence{color:#231f20;flex-wrap:wrap;align-items:center;gap:.08em 0;margin:0;font-size:2rem;font-weight:600;line-height:1.05;display:flex}.dark .mli-inline-sentence{color:#fff}.mli-text-part{white-space:pre;display:inline}.mli-gap-group{align-items:center;display:inline-flex}.mli-letter-input{text-align:center;vertical-align:middle;letter-spacing:.01em;color:#231f20;caret-color:#d52027;background:0 0;border:0;border-bottom:3px solid #231f20b3;width:1em;height:1.28em;margin:0;padding:.08em 0 .02em;font-size:2rem;font-weight:600;line-height:1;display:inline-block}.dark .mli-letter-input{color:#fff;border-bottom-color:#fffc}.mli-letter-input:focus{border-bottom-color:#d52027;outline:none}.mli-letter-input--inner{margin-right:.08em}.mli-letter-input--end{margin-right:.04em}.mli-option-card{border-radius:.75rem;padding:0;transition:background-color .2s}.dark .mli-option-card{background:0 0}.mli-option-card--correct{background:#f0fdf4}.dark .mli-option-card--correct{background:#22c55e1a}.mli-option-card--wrong{background:#fef2f2}.dark .mli-option-card--wrong{background:#ef44441a}.mli-option-head{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.mli-option-index{color:#d52027;background:#d5202726;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.mli-inline-audio-btn{color:#d52027;border:1px solid #d5202759;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .2s;display:inline-flex}.mli-inline-audio-btn:hover{color:#fff;background:#d52027}.mli-option-card .exercise-question-media{margin-bottom:1rem}.mli-sentence-box{background:#fff;border:1px solid #d5202733;border-radius:.5rem;width:100%;padding:.75rem}.dark .mli-sentence-box{background:#1f1f23;border-color:#3a3536}.mli-dialog-row{align-items:flex-start;gap:.75rem;width:100%;max-width:min(94%,48rem);display:flex}.mli-dialog-list{flex-direction:column;gap:1rem;display:flex}.mli-dialog-row-wrap{width:100%;display:flex}.mli-dialog-row-wrap--left{justify-content:flex-start}.mli-dialog-row-wrap--right{justify-content:flex-end}.mli-dialog-row--right{flex-direction:row-reverse;margin-left:auto}.mli-dialog-avatar-stack{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.mli-dialog-avatar-stack--right{align-items:flex-end}.mli-dialog-avatar-stack:has(.mli-dialog-avatar+.mli-dialog-audio){flex-direction:row;align-items:center;gap:.75rem}.mli-dialog-avatar-stack--right:has(.mli-dialog-avatar+.mli-dialog-audio){flex-direction:row-reverse}.mli-dialog-avatar-stack:has(.mli-dialog-audio):not(:has(.mli-dialog-avatar)){padding-top:.45rem}.mli-dialog-avatar{color:#d52027;background:#fff;border:1px solid #d5202726;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.mli-dialog-avatar--right{color:#2f855a;border-color:#2f855a26}.mli-dialog-avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mli-dialog-avatar-overlay{pointer-events:none;border:1px solid #fff6;border-radius:1rem;position:absolute;inset:0}.mli-dialog-avatar-icon{width:2rem;height:2rem}.mli-dialog-avatar-zoom{color:#d52027;background:#ffffffe6;border-radius:9999px;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex;position:absolute;bottom:.25rem;right:.25rem;box-shadow:0 1px 2px #00000014}.mli-dialog-avatar-zoom-icon{width:.625rem;height:.625rem}.mli-dialog-audio{color:#fff;background:#d52027;border:1px solid #d52027a6;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:all .2s;display:inline-flex;box-shadow:0 .75rem 1.75rem #d520272e}.mli-dialog-audio:hover{background:#b01e24;border-color:#b01e24;transform:translateY(-2px);box-shadow:0 1rem 2rem #d520273d}.mli-dialog-audio--right{color:#fff;border-color:#d52027a6}.mli-dialog-audio--right:hover,.mli-dialog-audio--left:hover{color:#fff;background:#b01e24}.mli-dialog-audio-icon{width:1.25rem;height:1.25rem}.mli-dialog-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.mli-dialog-content--right{text-align:right}.mli-dialog-speaker{text-transform:uppercase;letter-spacing:.18em;color:#8b6b6c;font-size:.75rem;font-weight:600;position:absolute;top:-1.35rem;left:0}.mli-dialog-speaker--right{text-align:right;left:auto;right:0}.mli-dialog-media-speaker{display:none}.mli-dialog-card{text-align:left;background:#fff4f4;border:2px solid #d5202740;border-radius:1rem;width:100%;padding:.875rem 1rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.mli-dialog-card--right{background:#f1fbf1;border-color:#2f855a40;border-bottom-right-radius:.375rem}.mli-dialog-card--left{border-bottom-left-radius:.375rem}.mli-dialog-card--active-left{border-color:#d52027b3;box-shadow:0 4px 10px #d520271f}.mli-dialog-card--active-right{border-color:#2f855ab3;box-shadow:0 4px 10px #2f855a1f}.mli-dialog-card--correct{background:#f0fdf4;border-color:#4ade80}.mli-dialog-card--wrong{background:#fef2f2;border-color:#f87171}.dark .mli-dialog-card{background:#2a2627}.ui-separator-root{background:var(--border);flex-shrink:0}.ui-separator-root[data-orientation=horizontal]{width:100%;height:1px}.ui-separator-root[data-orientation=vertical]{width:1px;height:100%}.dark .mli-dialog-card--right{background:#2f855a1f}.dark .mli-dialog-card--left{background:#d520271f}.mli-dialog-card-body{flex-direction:column;gap:.75rem;display:flex}.mli-dialog-card-body--right{align-items:flex-end}.mli-dialog-sentence{color:#231f20;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;display:inline-flex}.dark .mli-dialog-sentence{color:#fff}.mli-dialog-sentence--right{text-align:right;align-items:stretch}.mli-dialog-line{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block}.mli-dialog-line .mli-text-part{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;display:inline-block}.mli-dialog-gap{flex:none;justify-content:center;align-items:flex-end;min-width:4.75rem;display:inline-flex}.mli-dialog-gap--free{min-width:4.5em}.mli-dialog-word{color:#6b7280;white-space:pre-wrap;font-size:.875rem;line-height:1.25rem}.mli-dialog-word--right{text-align:right}.mli-dialog-word-row{color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;padding-inline:.25rem;font-size:.875rem;display:flex}.mli-dialog-word-row--right{justify-content:flex-end}.mli-dialog-clear{color:#d52027;font-size:.75rem;font-weight:600;transition:color .2s}.mli-dialog-clear:hover{color:#b01e24}.mle-prompt-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.mle-prompt-grid--multi{grid-template-columns:repeat(2,minmax(0,1fr))}}.mle-item-card{color:hsl(var(--card-foreground));background:#fff;border:1px solid #d5202733;border-radius:.75rem;padding:1rem;transition:border-color .2s,background-color .2s;position:relative;overflow:hidden}.mle-item-card:before,.mle-item-card:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#d5202799,#0000);height:.25rem;position:absolute;left:0;right:0}.mle-item-card:before{top:0}.mle-item-card:after{opacity:.7;bottom:0}.mle-item-card>*{z-index:1;position:relative}.mle-item-card--idle{border-color:#d5202733}.mle-item-card--active{border-color:#d5202773}.mle-item-card--correct{background:radial-gradient(circle at 88% 22%,#22c55e1a,#0000 5rem),linear-gradient(90deg,#f0fdf4,#fff,#f0fdf4);border-color:#4ade80}.mle-item-card--wrong{background:radial-gradient(circle at 88% 22%,#ef44441a,#0000 5rem),linear-gradient(90deg,#fef2f2,#fff,#fef2f2);border-color:#f87171}.dark .mle-item-card{background:#1f1f23}.dark .mle-item-card--idle{border-color:#3a3536}.dark .mle-item-card--active{border-color:#d5202773}.dark .mle-item-card--correct{background:radial-gradient(circle at 88% 22%,#22c55e29,#0000 5rem),linear-gradient(90deg,#14532d2e,#1f1f23,#14532d2e)}.dark .mle-item-card--wrong{background:radial-gradient(circle at 88% 22%,#ef444429,#0000 5rem),linear-gradient(90deg,#7f1d1d2e,#1f1f23,#7f1d1d2e)}.mle-item-meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.mle-item-tools{align-items:center;gap:.5rem;display:flex}.mle-item-index{color:#d52027;background:#d5202726;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.mle-inline-audio-btn{color:#d52027;border:1px solid #d5202759;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background-color .2s,color .2s;display:inline-flex}.mle-inline-audio-btn:hover{color:#fff;background:#d52027}.mle-item-media-row{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.mle-prompt-button{text-align:left;border-radius:.5rem;width:100%;padding:.75rem;transition:background-color .2s}.mle-prompt-button--idle,.mle-prompt-button--active{background:0 0}@media (max-width:767px){.mle-prompt-button{padding:0}}.mle-prompt-text{white-space:pre-wrap;color:#231f20;flex-wrap:wrap;align-items:flex-end;gap:.5rem;font-size:1.75rem;font-weight:600;line-height:1;display:flex}.mle-prompt-text--plain{font-size:1.6rem;line-height:1.25;display:inline}.dark .mle-prompt-text{color:#fff}.mle-gap-target{vertical-align:baseline;border-bottom:3px solid;justify-content:center;align-items:flex-end;min-width:4.75rem;padding-bottom:.02em;line-height:1;display:inline-flex}.mle-gap-target--idle{border-color:#231f20}.dark .mle-gap-target--idle{border-color:#fff}.mle-gap-target--over{background:#fff1f1;border-color:#b01e24}.mle-gap-placeholder{min-width:4.75rem;height:.95em;display:inline-block}.mle-item-audio-btn{color:#fff;background:#d52027;border:2px solid #d52027;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px #d5202740}.mle-item-audio-btn:hover{background:#b01e24;border-color:#b01e24;box-shadow:0 8px 16px #b01e244d}.mle-word-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.mle-word-preview{color:hsl(var(--muted-foreground));white-space:pre-wrap;font-size:.875rem}.mle-clear-btn{color:#d52027;font-size:.75rem;font-weight:600;transition:color .2s}.mle-clear-btn:hover{color:#b01e24}.mle-bank-card{color:hsl(var(--card-foreground));padding:0}.mle-bank-heading{color:#231f20;white-space:pre-wrap;margin-bottom:.75rem;font-size:1rem;font-weight:600}.dark .mle-bank-heading{color:#fff}.mle-bank-drop{border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.25rem;transition:background-color .2s;display:flex}.mle-bank-drop--over{background:#fff1f1}.mle-token-card{color:#231f20;background:0 0;border:0;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s,color .2s,opacity .2s;display:inline-flex}.mle-token-card--text{box-sizing:border-box;background:#fff;border:2px solid #d5202799;border-radius:.75rem;min-width:120px;height:3rem;padding:.625rem 1rem;overflow:hidden;box-shadow:0 1px 3px #0000001f}.dark .mle-token-card--text{color:#fff;background:#2a2627}.mle-token-card--media{border-radius:.75rem;flex-direction:column;gap:.5rem;min-width:152px;padding:.25rem}.mle-token-card--interactive{cursor:grab}.mle-token-card--interactive:active{cursor:grabbing}.mle-token-card--text.mle-token-card--interactive:hover{background:#fff5f5;border-color:#d52027;transform:translateY(-2px);box-shadow:0 4px 10px #d5202724}.dark .mle-token-card--text.mle-token-card--interactive:hover{background:#231f20cc}.mle-token-card--media.mle-token-card--interactive:hover{transform:translateY(-2px)}.mle-token-card--disabled{cursor:not-allowed;opacity:.6}.mle-token-card--dragging{opacity:.7;box-shadow:0 8px 16px #0000002e}.mle-token-label{overflow-wrap:anywhere;text-wrap:balance;justify-content:center;align-items:center;gap:.5rem;min-width:0;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.mle-token-label--media{box-sizing:border-box;background:#fff;border:2px solid #d5202799;border-radius:.75rem;min-width:120px;height:3rem;padding:.625rem 1rem;overflow:hidden;box-shadow:0 1px 3px #0000001f}.dark .mle-token-label--media{color:#fff;background:#2a2627}.mle-token-image-shell{background:#fff;border:1px solid #d5202740;border-radius:.5rem;justify-content:center;align-items:center;padding:.25rem;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000014}.dark .mle-token-image-shell{background:#2a2627}.mle-token-image{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:.375rem;width:5rem;height:5rem}.mle-token-image-audio-btn,.mle-token-image-zoom-btn,.mle-slot-image-zoom{z-index:20;color:#d52027;background:#ffffffe6;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .2s;display:inline-flex;position:absolute;box-shadow:0 4px 10px #0003}.dark .mle-token-image-audio-btn,.dark .mle-token-image-zoom-btn,.dark .mle-slot-image-zoom{background:#231f20e6}.mle-token-image-audio-btn:hover,.mle-token-image-zoom-btn:hover,.mle-slot-image-zoom:hover{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}.mle-token-image-audio-btn{top:.375rem;right:.375rem}.mle-token-image-zoom-btn{bottom:.375rem;left:.375rem}.mle-placed-token-image{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;vertical-align:middle;border:1px solid #d5202740;border-radius:.25rem;width:1.75rem;height:1.75rem;margin-left:.25rem}.mle-slot-image-wrap{cursor:pointer;background:#fffc;border:1px solid #d5202733;border-radius:.5rem;padding:.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.dark .mle-slot-image-wrap{background:#231f20cc}.mle-slot-image-wrap:hover{border-color:#d5202759;transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.mle-slot-image{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:.375rem;width:116px;height:116px;transition:transform .2s}.mle-slot-image-wrap:hover .mle-slot-image{transform:scale(1.03)}.mle-slot-image-zoom{opacity:.8;bottom:.375rem;right:.375rem}.mle-slot-image-wrap:hover .mle-slot-image-zoom{opacity:1}.dd-item-image-shell{aspect-ratio:1;border-radius:.625rem;flex-shrink:0;width:100%;height:100%;overflow:hidden}.dd-item-image-wrap{width:100%;height:100%;position:relative}.dd-item-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .2s}.dd-item-image-wrap:hover .dd-item-image{transform:scale(1.05)}@media (max-width:767px){.unified-exercise,.exercise-shell,.exercise-frame-body,.exercise-content-before-submit,.exercise-question-media,.exercise-question-media-card,.exercise-answer-grid,.dd-source-card,.dd-source-list,.mli-option-card,.mli-sentence-box{min-width:0;max-width:100%}.exercise-frame-body,.exercise-content-before-submit,.exercise-content-before-submit>.relative,.exercise-answer-grid,.exercise-answer-item,.exercise-answer-card,.exercise-answer-inner,.exercise-answer-content{width:100%;overflow-x:clip}.exercise-answer-image-shell{min-width:0;max-width:100%}.dd-source-list{gap:.5rem}.dd-source-item{flex-basis:min(100%,8rem);max-width:10rem}:is(.dd-source-item:has(.dd-card--image),.dd-source-item:has(.dd-card--sound)){flex-basis:min(100%,10rem);max-width:12rem}.dd-source-item:has(.dd-card--image){flex-basis:min(46vw,9.5rem);max-width:min(46vw,9.5rem)}.exercise-sortable-answer-card{min-width:min(100%,5.5rem)}.mli-inline-sentence,.mli-letter-input{font-size:1.5rem}.mli-dialog-row{max-width:100%}.mli-dialog-row--has-image{-moz-column-gap:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem .75rem;display:grid}.mli-dialog-row--right.mli-dialog-row--has-image{grid-template-columns:minmax(0,1fr) auto}.mli-dialog-row--has-image .mli-dialog-content,.mli-dialog-row--has-image .mli-dialog-content--right{display:contents}.mli-dialog-row--has-image .mli-dialog-avatar-stack{flex-wrap:wrap;grid-area:1/1;justify-content:center;align-self:center}.mli-dialog-row--right.mli-dialog-row--has-image .mli-dialog-avatar-stack{grid-column:2}.mli-dialog-row--has-image .mli-dialog-speaker{display:none}.mli-dialog-row--has-image .mli-dialog-card,.mli-dialog-row--has-image .mli-dialog-word-row{grid-column:1/-1;width:100%}.mli-dialog-media-speaker{letter-spacing:.18em;text-align:center;text-transform:uppercase;color:#8b6b6c;flex-basis:100%;font-size:.75rem;font-weight:600;display:block}.mli-dialog-gap{min-width:3.5rem}.mli-dialog-gap--free{min-width:3.5em}.mle-token-card--text,.mle-token-label--media{min-width:min(100%,5.5rem)}.mle-token-card--media{min-width:min(100%,8.5rem)}}.dd-item-image-zoom{z-index:20;color:#d52027;opacity:.85;background:#ffffffe6;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:inline-flex;position:absolute;bottom:.5rem;left:.5rem;box-shadow:0 4px 10px #0003}.dark .dd-item-image-zoom{background:#231f20e6}.dd-item-image-wrap:hover .dd-item-image-zoom{opacity:1}.dd-item-image-zoom:hover{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}@media (min-width:1200px){.mle-slot-image{width:175px;height:175px}}