@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}}
.exercise-shell{background:#fffffff2;border:2px solid #d5202733;border-radius:1.5rem;max-width:64rem;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 40px #d520271f}.dark .exercise-shell{background:#231f20e6}.exercise-question-wrap{background:#fff;border-left:4px solid #d52027;padding:1rem}.dark .exercise-question-wrap{background:#231f20e6}.exercise-question-title{color:#231f20;background:#d520270d;border:1px solid #d5202740;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:1.25rem;font-weight:700;line-height:1.2;display:flex}.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-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-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-radius:.5rem;min-width:168px;height:2.5rem;transition:all .2s;box-shadow:0 1px 3px #00000026}.exercise-submit-btn:hover{background:#b01e24;transform:translateY(-1px);box-shadow:0 6px 14px #b01e2440}.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)}.exercise-secondary-btn{color:#d52027;border:1px solid #d5202733}.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}.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:.72em;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{background:#fff;border:2px solid #d5202740;border-radius:.75rem;padding:.75rem 1rem;transition:all .2s;box-shadow:0 1px 2px #00000014}.dark .mli-option-card{background:#231f20}.mli-option-card--correct{background:#f0fdf4;border-color:#4ade80}.dark .mli-option-card--correct{background:#22c55e1a}.mli-option-card--wrong{background:#fef2f2;border-color:#f87171}.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-media-row{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.mli-option-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:all .2s;display:inline-flex;box-shadow:0 4px 10px #d5202740}.mli-option-audio-btn:hover{background:#b01e24;border-color:#b01e24}.mli-option-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 .mli-option-image-wrap{background:#231f20cc}.mli-option-image-wrap:hover{border-color:#d5202759;transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.mli-option-image{-o-object-fit:contain;object-fit:contain;border-radius:.375rem;width:116px;height:116px;transition:transform .2s}.mli-option-image-wrap:hover .mli-option-image{transform:scale(1.03)}.mli-option-image-zoom{z-index:20;color:#d52027;opacity:.8;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;bottom:.375rem;right:.375rem;box-shadow:0 4px 10px #0003}.dark .mli-option-image-zoom{background:#231f20e6}.mli-option-image-wrap:hover .mli-option-image-zoom{opacity:1}.mli-option-image-zoom:hover{color:#fff;background:#d52027;border-color:#fff;transform:scale(1.1)}.mli-sentence-box{background:snow;border-radius:.5rem;width:100%;padding:.75rem}.dark .mli-sentence-box{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{-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{-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{-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{border-radius:.375rem;flex-shrink:0;width:6rem;height:6rem;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)}.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){.mli-option-image,.mle-slot-image{width:175px;height:175px}}