@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-zinc-50:#fafafa;--color-zinc-400:#9f9fa9;--color-zinc-600:#52525c;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-3xl:48rem;--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-50:lab(98.26% 0 0);--color-zinc-400:lab(65.6464% 1.53494 -5.42429);--color-zinc-600:lab(35.1166% 1.7821 -6.1173);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.h-12{height:calc(var(--spacing)*12)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-black\/\[\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.08\]{border-color:color-mix(in oklab,var(--color-black)8%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-16{padding-inline:calc(var(--spacing)*16)}.py-32{padding-block:calc(var(--spacing)*32)}.text-center{text-align:center}.font-sans{font-family:var(--font-geist-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-background{color:var(--background)}.text-black{color:var(--color-black)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-950{color:var(--color-zinc-950)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}.hover\:bg-black\/\[\.04\]:hover{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[\.04\]:hover{background-color:color-mix(in oklab,var(--color-black)4%,transparent)}}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:w-\[158px\]{width:158px}}@media (prefers-color-scheme:dark){.dark\:border-white\/\[\.145\]{border-color:#ffffff25}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[\.145\]{border-color:color-mix(in oklab,var(--color-white)14.5%,transparent)}}.dark\:bg-black{background-color:var(--color-black)}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-400{color:var(--color-zinc-400)}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}}*{box-sizing:border-box;margin:0;padding:0}:root{--neon-pink:#f0f;--neon-blue:#0ff;--neon-yellow:#ff0;--bg-dark:#0b0c10;--text-light:#f0f0f0;--background:#fff;--foreground:#000}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--text-light);background:linear-gradient(120deg,#0f0c29,#302b63,#24243e);min-height:100%;margin:0;line-height:1.6;padding-bottom:0!important}.Play>:not(nav){padding:20px}.Play header{flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.pitchlessonCard{border:1px dashed var(--text-light)}.Play header .headerTitleDiv,.pitchlesson{text-align:center;flex-direction:row;align-items:center;gap:1rem;width:100%;height:1.3rem;margin-bottom:1rem;display:flex;overflow:hidden}.Play header .headerTitleDiv span{margin-top:5px}.dishDiv{height:max-context;text-align:center;z-index:-10;flex-direction:column;gap:2rem;display:flex;position:relative;justify-content:center!important;align-items:center!important}.left-panel small{position:absolute;bottom:0}.transcriptDiv{z-index:10;position:relative;top:0;left:0}.transcriptDir{font-size:.8rem}.transcriptDiv .captionDir{width:max-content;font-size:.75rem;position:absolute}.targetLang,.fluentLang{cursor:pointer;padding-top:7px}.targetLang.active,.fluentLang.active{flex-direction:column;gap:1rem;height:2rem;margin-top:0;padding-top:10px;display:flex;overflow:hidden}.dish{cursor:pointer;padding-top:5.5px}.dish.active{flex-direction:column;height:6rem;margin-top:3.36rem;font-size:.9rem;display:flex}.langToggle{cursor:pointer;text-decoration:underline}.langToggle:focus{outline:2px solid var(--neon-pink)}nav{z-index:1000;background-color:#000c;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0}nav .logo{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink);cursor:pointer;font-size:1.5rem}nav ul{align-items:center;gap:2rem;list-style:none;display:flex}nav ul li{cursor:pointer}nav ul li a{color:var(--text-light);text-decoration:none;transition:all .3s}nav ul li a.active,nav ul li.active{color:var(--neon-blue)}nav ul li a:hover{color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue)}.BMAC img{width:8rem;height:2rem;margin-top:.5rem}.hero{text-align:center;background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue));background-blend-mode:multiply;padding:8rem 2rem}.hero h1{height:1px;font-size:1px;position:absolute;left:-9999px;overflow:hidden}.hero h2{color:var(--text-light);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-blue);margin-top:-.5rem;font-size:3rem}.Play header .headerTitleDiv h1{color:var(--text-light);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-blue);font-size:30px}.Play header .headerTitleDiv .dishDiv .dish{font-size:1rem}.hero p{margin:1rem 0 2rem;font-size:1.5rem}.hero-btn-span{text-align:center;flex-direction:column;justify-content:center;gap:1rem;width:100%;height:auto;display:flex}.hero-btn{color:var(--text-light);border:2px solid var(--neon-yellow);text-transform:uppercase;cursor:pointer;width:20rem;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;transition:all .3s}.hero-btn:hover{color:var(--bg-dark);background-color:var(--neon-yellow);box-shadow:0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow)}section{text-align:center;padding:3rem}h2{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink);margin-bottom:2rem;font-size:2.5rem}.steps{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.step{background-color:#ffffff0d;border-radius:10px;flex:250px;padding:2rem;transition:all .3s}.step:hover{box-shadow:0 0 20px var(--neon-blue);transform:scale(1.05)}#how,#how h3{margin-top:2rem;margin-bottom:1rem}.card .recipeCardInfo{text-align:center;width:100%;display:block}.card .recipeCardInfo .dishDeetz{background:#0b0c10;width:100%;padding:20px 20px 50px;font-size:.87rem;display:block}.card .recipeCardInfo .recipeName{font-size:1rem}.card .recipeCardInfo .recipeName div{justify-content:center}.recipeName .headerTitleDiv{flex-direction:row;align-items:center;display:flex}.recipeName{text-align:center;flex-direction:column;width:auto;height:auto;margin-left:-4px;display:flex}.levels span:hover{box-shadow:0 0 20px var(--neon-yellow);cursor:pointer;transform:scale(1.05)}.levels{color:var(--text-light);text-align:center;flex-direction:row;gap:3px;padding-top:10px;font-size:.7rem;display:flex}.levels span{border:1px solid var(--text-light);border-radius:5px;padding:3px}form{flex-direction:column;align-items:center;gap:1rem;display:flex}input{border:2px solid var(--neon-blue);width:300px;color:var(--text-light);background:0 0;border-radius:5px;padding:1rem}input::placeholder{color:var(--text-light)}.neon-btn{color:var(--text-light);border:2px solid var(--neon-pink);text-transform:uppercase;background:0 0;padding:1rem 2rem;font-size:1rem;transition:all .3s}.neon-btn:hover{color:var(--bg-dark);background-color:var(--neon-pink);box-shadow:0 0 20px var(--neon-pink),0 0 40px var(--neon-pink)}.noModeFooter{margin-top:4rem!important}.feedback{flex-direction:row;display:flex}.feedbackForm{max-width:100%;margin:0;padding:0;font-family:Orbitron,sans-serif;display:flex;flex-direction:row!important;font-size:.7rem!important}.feedbackForm div{align-items:center;margin:0;padding:0}.feedbackForm .custom-select select{min-width:13rem}select{max-width:100%;color:var(--text-light);cursor:pointer;border:none;outline:none;padding:1px;font-size:.75rem;transition:all .2s;appearance:base-select!important;background-color:var(--bg-dark)!important;padding:7px!important;font-family:Orbitron,sans-serif!important}select::picker(select){max-width:100%;color:var(--text-light);cursor:pointer;border:none;outline:none;padding:1px;font-size:.75rem;transition:all .2s;appearance:base-select!important;background-color:var(--bg-dark)!important;padding:7px!important;font-family:Orbitron,sans-serif!important}::picker(select){max-width:100%;color:var(--text-light);cursor:pointer;border:none;outline:none;padding:1px;font-size:.75rem;transition:all .2s;appearance:base-select!important;background-color:var(--bg-dark)!important;padding:7px!important;font-family:Orbitron,sans-serif!important}select option{color:var(--neon-pink);cursor:pointer!important;background:var(--bg-dark)!important;font-family:inherit!important;font-size:.9rem!important}.feedbackForm .custom-select select option:focus,.feedbackForm .custom-select select option:hover{cursor:pointer;background:var(--text-light)!important;color:var(--neon-pink)!important;font-size:.9rem!important}.feedbackForm .custom-select select:focus,.feedbackForm .custom-select select:hover{border-color:var(--neon-pink);box-shadow:0 0 12px var(--neon-pink);background-color:var(--text-light);cursor:pointer;outline:none;color:var(--text-light)!important}.demoDiv{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.demo-wrapper{border:1px solid var(--neon-blue);background:0 0;border-radius:16px;height:300px;position:relative;overflow:hidden}.demo-instructions{text-align:center;position:relative;top:20px}.demo-transcript{background:var(--bg-dark);z-index:2;touch-action:none;border-radius:12px;width:265px;min-width:30%;max-width:255px;padding:12px;position:absolute;box-shadow:0 10px 30px #00000026}.demo-label{opacity:.6;font-size:.7rem}.demo-target span{cursor:pointer;margin-right:4px;font-weight:600}.demo-target span:hover{text-decoration:underline}.demo-fluent{opacity:.7;margin-top:6px;font-size:.85rem}.demo-notes,.demoVocabLog{background:var(--bg-dark);text-align:left;border-radius:12px;flex-direction:column;width:30rem;height:7.75rem;padding:12px;display:flex;position:absolute;bottom:12px;right:12px;overflow:scroll hidden;box-shadow:0 8px 20px #0000001a}.demo-notes ul,.demo-notes ul li,.dragThis{-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:1rem;list-style:none;display:flex}.tour-overlay{z-index:9999;background:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tour-card{background:var(--bg-dark);z-index:999;border-radius:12px;max-width:420px;padding:1.5rem;box-shadow:0 10px 30px #0000004d}.tour-card h3{margin-top:0}.tour-controls{flex-direction:row;justify-content:space-between;margin-top:1rem;display:flex}.tour-controls div{flex-direction:row;gap:1rem;display:flex}.tour-controls button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px}.tour-highlight{z-index:990;pointer-events:auto;border-radius:8px;outline:3px solid #ffd54f}.modal{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{border:2px solid var(--neon-pink);text-align:center;width:90%;max-width:400px;box-shadow:0 0 20px var(--neon-pink);background-color:#111;border-radius:15px;margin:10% auto;padding:2rem}.close-btn{color:var(--neon-pink);float:right;cursor:pointer;font-size:2rem;font-weight:700;transition:all .3s}.close-btn:hover{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}#switch-link{color:var(--neon-blue);cursor:pointer;text-decoration:underline}#switch-link:hover{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.dashboard-header{text-align:center;color:#f0f0f0;text-shadow:0 0 10px #f0f,0 0 20px #0ff;background:linear-gradient(135deg,#f0f,#0ff);padding:4rem 2rem}.progress-summary{flex-wrap:wrap;justify-content:center;gap:2rem;margin:.5rem 0;display:flex}.progress-card{text-align:center;background-color:#ffffff0d;border:2px solid #f0f;border-radius:15px;width:200px;padding:2rem;transition:all .3s}.progress-card:hover{transform:scale(1.05);box-shadow:0 0 20px #0ff}.progress-card h3{color:#f0f;margin-bottom:1rem}.progress-card p{color:#0ff;font-size:2rem}#recommendations h2{text-align:center;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f;margin-bottom:2rem}.video-cards{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.card{background-color:#ffffff0d;border-radius:10px;width:250px;transition:all .3s;overflow:hidden}.card img{width:100%;display:block}.card h4{text-align:center;color:#ff0;text-shadow:0 0 5px #ff0,0 0 10px #ff0;padding:1rem}#curation p,.subscribe p{margin-bottom:1rem}div h2{color:#f0f;margin-top:2rem}.progress-card:has(canvas){min-width:100%}.canvasDiv{flex-direction:row;justify-content:space-between;display:flex}.videosCuisineChart{background:#1f1f1f;border-radius:10px;max-width:33%;max-height:90%;margin-bottom:2rem}:is(.progress-card:has(.quizzesLanguageChart),.progress-card:has(.streakChart)){min-width:100%;height:30%}.quizzesLanguageChart,.streakChart{background:#1f1f1f;border-radius:10px;max-width:99%;max-height:66%;margin-bottom:2rem}.about-section,.subscribe{color:#ddd;max-width:800px;margin:0 auto;padding:3rem 2rem}.about-section h2{color:#f0f;margin-bottom:1rem;font-family:Orbitron,sans-serif}.about-section p{margin-bottom:1rem;line-height:1.6}.toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:12px;width:15rem;padding:10px 18px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 0 8px #f0f,0 0 15px #0ff}.toggle:hover{background:linear-gradient(135deg,#0ff,#f0f);border:none;outline:none;transform:translateY(-3px);box-shadow:0 0 15px #f0f,0 0 25px #0ff}.personalizationDiv{flex-direction:row;align-items:center;gap:10px;display:flex}.custom-controls{flex-direction:row;gap:3px;display:flex}.custom-controls button{background:var(--bg-dark);width:2.25rem;color:var(--text-light);cursor:pointer;border:none;border-radius:10px;height:auto;padding:0;font-size:.6rem}.playback:active,.playback:hover{border:2px solid red}.playback.active{background:var(--text-light);color:var(--bg-dark)}.progress-bar{flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;font-size:.6rem;display:flex}input[type=range]{-webkit-appearance:none;cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-dark);border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon-blue);cursor:pointer;border:2px solid var(--neon-blue);border-radius:50%;width:10px;height:10px;margin-top:-2px}input[type=range]::-moz-range-track{background:var(--bg-dark);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:var(--neon-blue);cursor:pointer;border:2px solid var(--neon-blue);border-radius:50%;width:6px;height:6px}input[type=range]::-ms-thumb{background:var(--neon-blue);cursor:pointer;border:2px solid var(--neon-blue);border-radius:50%;width:6px;height:6px}.progress-bar p{text-align:right;width:35px}.progress-bar input{width:100%}.container{flex-wrap:wrap;gap:25px;min-height:100%;padding:30px;display:flex;min-width:100%!important;padding-bottom:10.85rem!important}.left-panel{border-radius:10px;flex-direction:column;flex:2;gap:20px;max-width:50%;padding:10px 10px 10rem;display:flex;position:relative;border:2px solid var(--neon-blue)!important}.right-panel{flex-direction:column;flex:1;gap:20px;max-width:50%;max-height:90vh;display:flex;position:relative;overflow-y:auto}#player{border:1px solid ivory;border-radius:16px;width:100%;height:400px;overflow:hidden;box-shadow:0 0 20px #f0f,0 0 30px #0ff}.left-panel small{margin:0;padding:0;font-size:.5rem}.definition{z-index:-1;filter:blur(4px);width:auto;position:absolute;top:0}#transcript{z-index:100;background:#1e1e28e6;border-radius:16px;width:max-content;height:auto;padding:10px;font-size:1.15rem;transition:background .3s,transform .2s;overflow-y:auto;box-shadow:inset 0 0 12px #f0f,inset 0 0 18px #0ff}.playPauseTranscript{display:block}.playPauseTranscript span{font-size:1.25rem}.playPauseTranscript.active{display:none}.altPlayBtn{cursor:all-scroll;border-radius:5px;cursor:pointer!important;text-decoration:none!important}.altPlayBtn:hover,.playPauseTranscript:hover{border:2px solid green}#transcript span:hover{cursor:pointer;background:#f0f3;border-radius:6px;text-decoration:underline;transition:background .2s}.spanish{color:#0ff;padding-bottom:0;font-weight:600;display:block}.spanish-word.active{cursor:pointer;transform:scale(1.05);box-shadow:0 0 20px var(--neon-pink)!important}.saveCheck{all:unset;width:max-content;height:auto;font-size:.8rem;position:relative;top:-.7rem;text-decoration:none!important}.english{color:beige;display:block}#transcript .current{background:#0ff3;border-radius:6px;transition:background .3s,box-shadow .3s;box-shadow:0 0 14px #0ff,0 0 20px #f0f}#quiz-card,#vocab-log,#allergiesSensitivities-log .sensitivityDiv{background:#1e1e28f2;border-radius:16px;flex-direction:row;align-items:center;gap:10px;width:auto;height:auto;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;overflow-x:auto;box-shadow:0 0 20px #f0f,0 0 30px #0ff}.headingVocabDiv{align-items:center;width:max-content;margin:0;padding:0;display:flex;flex-direction:row!important;gap:1rem!important}.headingVocabDiv span{align-items:center;gap:1rem;width:max-content;margin:0;padding:0;display:flex;flex-direction:row!important}.headingVocabDiv span button{width:7rem!important;font-size:.7rem!important}:is(.demoVocabLog,.demoVocabLog:has(.headingVocabDiv)){font-size:.7rem;width:30%!important}.demoHeadingVocabDiv,.demoHeadingVocabDiv span{align-items:center;gap:1rem;width:auto;margin:0;padding:0;display:flex;flex-direction:row!important}.demoHeadingVocabDiv span button{min-width:7rem;max-height:3rem;margin:0;font-size:.7rem;position:relative;top:-8px}.demoVocabList{min-width:100%!important}.demoVocabList li{max-height:3rem}.demoVocabList li input{max-width:10rem;max-height:.5rem;font-size:.7rem}.demoDragThis{dwidth:70%;flex-direction:column;display:flex;top:20%;left:20%;margin:0!important;padding:30px 0 0!important;font-size:.5rem!important;position:absolute!important}.demoDragThis #transcript{paddig:1rem;min-width:100%;font-size:1rem!important}.demoDragThis{text-align:left;font-size:.65rem}.tooltip{cursor:help;display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;background-color:var(--bg-dark);text-align:center;z-index:1;opacity:0;border-radius:4px;width:10rem;margin-left:-10rem;padding:5px;font-size:.7rem;transition:opacity .3s;position:absolute;bottom:125%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.circleSVG{text-align:center!important;width:20px!important;height:20px!important;position:absolute!important;top:-1rem!important;left:0!important;rotate:270deg!important}transcriptDir{height:auto;overflow-x:hidden;min-width:100%!important}#quiz-card:has(.recDiv){height:auto;overflow-x:hidden;min-width:100%!important}.recDiv ul,.recDiv ul li{flex-direction:row;align-items:center;margin:0;padding:0;display:flex}.vocabNote:has(.hint){justify-content: ;flex-direction:column!important}.vocabNote:has(.hint) span{align-items:center;gap:5px;display:flex;flex-direction:row!important}.hint{width:max-content;font-size:.6rem;position:absolute}.recDiv ul li span{font-size:1.25rem!important}.recDiv ul{margin:0;list-style:none;display:block}.recWordTitleDiv,.headingVocabTitle{flex-direction:row;justify-content:space-between;align-items:center;width:40rem;display:flex}.recognizeWordsRec{text-align:left;flex-direction:row;margin-top:1rem;display:flex}.recognizeWordsRecDiv span h3{color:var(--neon-pink)}.checkClick:hover{transform:scale(1.1)}.checkbox-wrapper{align-items:center;gap:8px;min-width:25rem;display:flex}.native-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkbox-label{cursor:pointer;align-items:center;padding-left:24px;display:flex;position:relative}.custom-checkbox{background-color:#fff;border:2px solid #ccc;border-radius:4px;width:16px;height:16px;transition:background-color .2s,border-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.native-checkbox:checked+.checkbox-label .custom-checkbox{background-color:#007bff;border-color:#007bff}.native-checkbox:checked+.checkbox-label .custom-checkbox:after{content:"✓";color:#fff;font-size:12px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.native-checkbox:focus+.checkbox-label .custom-checkbox{outline-offset:2px;outline:2px solid #007bff}.toast{border:1px solid var(--neon-yellow)!important}#allergiesSensitivities-log .sensitivityDiv{flex-direction:column;align-items:flex-start}#vocab-log,#allergiesSensitivities-log{overflow-y:hidden}#vocab-log .vocabDiv ul,#vocab-log .vocabDiv ul .vocabNote span,#allergiesSensitivities-log .sensitivityDiv ul,.demoVocabDiv ul{flex-direction:row;align-items:center;list-style-type:none;display:flex}#allergiesSensitivities-log .sensitivityDiv ul{flex-flow:row;display:flex}#vocab-log .vocabDiv #vocabList,.demoVocabDiv ul,#allergiesSensitivities-log .sensitivityDiv #allergy-list{flex-direction:row;align-items:center;list-style-type:none;display:flex}#vocab-log .vocabDiv ul .vocabNote span,.demoVocabDiv ul li{background:#0b0c10;border-radius:5px;flex-direction:row;align-items:center;gap:3px;width:auto;height:auto;margin-top:5px;margin-right:1rem;padding:10px;display:flex}#vocab-log .vocabDiv ul li span,.demoVocabDiv ul li,#allergiesSensitivities-log .sensitivityDiv ul li{background:#0b0c10;border-radius:5px;width:auto;margin-top:5px;margin-right:1rem;padding:10px}#allergiesSensitivities-log .sensitivityDiv ul li{white-space:nowrap}#quiz-card:hover,#vocab-log:hover,#allergiesSensitivities-log:hover{transform:translateY(-3px);box-shadow:0 0 25px #f0f,0 0 35px #0ff}.question{min-width:100%}#vocab-log h3,#allergiesSensitivities-log h3{color:#f0f;text-shadow:0 0 8px #f0f,0 0 12px #0ff;margin-top:0}.quiz-option{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:12px;margin:6px 6px 0 0;padding:10px 16px;font-weight:600;transition:all .3s;box-shadow:0 0 10px #f0f,0 0 20px #0ff}.quiz-option:hover{background:linear-gradient(135deg,#0ff,#f0f);transform:translateY(-2px);box-shadow:0 0 15px #f0f,0 0 25px #0ff}.testKnowledge{display:relative;position:left}.question{margin:0;padding:0}.question p{color:var(--neon-pink);margin-bottom:1rem;font-size:1rem;font-weight:600}.option-label{cursor:pointer;color:#444;align-items:center;margin-bottom:0;transition:color .2s;display:flex}.option-label:hover{color:var(--neon-pink)}.testKnowledge{appearance:none;border:2px solid var(--neon-blue);cursor:pointer;border-radius:50%;width:.1rem;height:.1rem;margin-right:.2rem;padding:.2rem;font-size:.3rem;transition:background .2s,border-color .2s;position:relative}.testKnowledge:checked{background-color:var(--neon-pink);border-color:var(--neon-pink)}.testKnowledge:checked:after{content:"";background:var(--neon-pink);width:.5rem;height:.5rem;color:var(--neon-pink);border-radius:45%;position:absolute;top:-1px;left:-1px}.choice{flex-direction:column;gap:1rem;display:flex}.submitQuizDiv{flex-direction:column;width:auto;height:auto;display:flex}.passedBtnsDiv,.headingVocabDiv{flex-direction:row;gap:5px;display:flex;align-items:center!important}.submit-btn,.retry-btn,.download-btn,.passed-btn,.studyGuide-Btn,.prize-btn,.tour-tooltip button,.api-Btn,.drag-btn{cursor:pointer;background:var(--bg-dark);border:1px solid var(--neon-pink);width:100px;color:var(--text-light);border-radius:10px;padding:5px}.tour-tooltip button{width:13rem;margin-top:1rem;margin-bottom:1rem;margin-right:1rem;padding:1rem}.drag-btn{border:none;outline:none;width:3rem;padding:10px;font-size:.5rem;cursor:all-scroll!important}.drag-btn:active,.drag-btn:hover{border:2px solid var(--neon-yellow)}.tour-tooltip .tourTooltip-yes-btn{color:var(--neon-pink);background:0 0;font-weight:700}.demo-notes{min-height:7rem}.subscribe div form .submit-btn{min-width:19rem;padding:1rem}input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #23232329}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #23232329}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #23232329}input:-webkit-autofill:active{-webkit-text-fill-color:#fff;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #23232329}.bmacbtn{width:auto;height:auto;margin:0;padding:0}.bmacbtn a .bmacpic{border-radius:10px;width:2rem;height:2rem;margin-top:2px;padding:0}.getInvolved-btn{border:1px solid var(--bg-dark);color:var(--text-light);font-size:.6rem;width:7rem!important}.quizScore{marginTop:10px;fontWeight:bold;width:auto;height:auto;padding:20px 20px 20px 0}.nextSteps{flex-direction:column;gap:5px;display:flex}.getInvolvedDiv,.prizesDiv{flex-direction:row;justify-content:flex-end;gap:1rem;width:100%;display:flex}.nonPlay{justify-content:center}.getInvolved-btn{cursor:pointer;background:var(--bg-dark);border:1px solid var(--bg-dark);width:7rem;color:var(--text-light);border-radius:10px;padding:.5rem 0;font-size:.6rem}.getInvolved-btn:hover{border:1px solid var(--neon-pink);color:var(--text-light);transition:all .2s ease-in-out}.getInvolved,.getInvolved span{flex-direction:row;align-items:center;display:flex}footer{text-align:center;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue);background-color:#000c;margin-bottom:0;padding:1rem}.Play footer{margin-top:1rem}@media (max-width:1280px){.body:has(:not(.Play)){margin:0;padding-bottom:20rem!important}}@media (max-width:1024px) and (max-height:1370px){body:has(.Play){margin:0 0 34rem!important;padding-bottom:0!important}.transcriptDiv .captionDir{width:max-content;font-size:.45rem;position:absolute}.Play header .headerTitleDiv{flex-direction:column;height:max-content;padding-bottom:2rem;line-height:normal}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}.Play header{flex-direction:column}.container{flex-direction:column;max-width:100%}.left-panel,.right-panel{max-width:100%}body:not(:has(.Play)){margin:0 0 33rem!important;padding-bottom:1rem!important}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.4rem}.demoVocabLog:has(:not(.demoVocabList small)){width:18rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:18rem!important;height:7rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english{font-size:.7rem!important}.custom-controls{min-width:100%;position:relative;top:0}.custom-controls button{margin:0;padding:0;font-size:.45rem!important}.circleSVG{margin-top:0;position:absolute}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}}@media (max-width:1030px) and (max-height:605px){:is(body:not(:has(.Play)),body:has(.Play)){flex-direction:column!important;height:auto!important;margin:0 0 1px!important;padding:0!important;display:flex!important}#footer{margin:0!important;padding:16px!important;position:relative!important}.container{flex-direction:column;max-width:100%;height:max-content}.left-panel,.right-panel{max-width:100%;max-height:125vh}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.4rem}.demoDragMe1,.demoDragMe2{font-size:.7rem!important}}@media (max-width:912px){body:has(:not(.Play)){margin:0;padding-bottom:35rem}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.4rem}body:has(.Play){margin:0 0 34rem!important;padding-bottom:0!important}}@media (max-width:860px) and (max-height:1285px){body:not(:has(.Play)){margin:0 0 28.5rem!important;padding-bottom:0!important}nav ul{font-size:.8rem}body:has(.Play){margin:0 0 28.7rem!important;padding-bottom:0!important}}@media (max-width:820px){body:not(:has(.Play)){margin:0 0 21.4rem!important;padding-bottom:1rem!important}body:has(.Play){margin:0 0 22rem!important;padding-bottom:0!important}.transcriptDiv .captionDir{width:max-content;font-size:.45rem;position:absolute}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.35rem!important}footer{margin:0!important;position:relative!important;top:0!important}.demoVocabLog:has(:not(.demoVocabList small)){width:18rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:18rem!important;height:7rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english,.demoDragMe1,.demoDragMe2{font-size:.7rem!important}span:has(.demoDragMe1){font-size:.7rem!important}.custom-controls{max-width:10rem;position:relative;top:0}.custom-controls button{margin:0;padding:0;font-size:.45rem!important}.circleSVG{margin-top:0;position:absolute}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}.Play header .headerTitleDiv{flex-direction:column;height:max-content;padding-bottom:2rem;line-height:normal}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}.Play header{flex-direction:column}}@media (max-width:768px){body:not(:has(.Play)){margin:0 0 11.5rem!important;padding-bottom:1rem!important}body:has(.Play){margin:0 0 12.7rem!important;padding-bottom:0!important}.hint{width:max-content;padding-left:39px;font-size:.45rem;position:relative}.Play header{flex-direction:column;align-items:center;display:flex}.Play header .headerTitleDiv h1{font-size:1.8rem}.Play header .toggle{margin-top:-.8rem}.transcriptDiv{width:max-content;padding-top:17px}#transcript{height:auto;margin-top:-1rem;padding:15px;font-size:.9rem}.transcriptDiv .captionDir{width:max-content;font-size:.37rem;position:absolute}.Play header .headerTitleDiv{flex-direction:column;height:max-content;padding-bottom:2rem;line-height:normal}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}#transcript .transcriptDir{min-width:100%;font-size:.5rem!important}.transcriptDir{font-size:.5rem}.feedback{flex-direction:column;gap:1rem;display:flex}button{padding:8px 14px;font-size:.7rem}header h2{font-size:1.6rem}#player{width:100%;height:350px}nav{flex-direction:column;padding:1rem 2.5%;display:flex}nav .logo{font-size:1.2rem}nav ul,.neon-btn{align-item:center;justify-content:center;gap:1rem;padding-right:.9rem;font-size:12px}.neon-btn{padding:10px}.hero h2{font-size:1.75rem}.hero p{font-size:.85rem}.hero a{font-size:.7rem}.how h2{font-size:.5rem}.demoVocabLog:has(:not(.demoVocabList small)){width:18rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:18rem!important;height:7rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.custom-controls{flex-direction:row;align-items:center;gap:1px;display:flex;position:relative;top:-.9rem;min-width:100%!important}.custom-controls button{max-height:2rem;margin:0;padding:0;min-width:1.5rem!important;font-size:.45rem!important}.circleSVG{position:absolute;margin-top:-1.1rem!important}.tooltip .tooltiptext{font-size:.45rem;position:absolute;bottom:.6rem;right:-4.9rem}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}h2{font-size:1.75rem}.step h3,.demoDiv h3{font-size:.9rem}.step p,.about-section p{font-size:.8rem}.tour-tooltip button{width:7rem;font-size:.6rem}.tour-tooltip p,.subscribe p{font-size:.7rem}footer{margin-bottom:0;font-size:.85rem}.noModeFooter{margin-top:3rem!important}#allergiesSensitivities-log .sensitivityDiv ul li,#vocab-log .vocabDiv ul li,#vocab-log .vocabDiv ul li input{font-size:.75rem}.question p{margin-bottom:1rem;font-size:.75rem}.testKnowledge{border:1px solid var(--neon-blue);border-radius:50%;width:.05rem;height:.05rem;margin-right:.2rem;padding:.1rem;font-size:.15rem}.testKnowledge:checked:after{background:var(--neon-pink);border-radius:45%;width:.25rem;height:.25rem}.choice{font-size:.75rem}.BMAC img{width:6rem;height:1.5rem;margin:5px 0 0;padding:0}.dish{white-space:nowrap;text-overflow:ellipsis;padding-top:6px;overflow:hidden}.dish.active{white-space:nowrap;text-overflow:ellipsis;margin-top:3.35rem;overflow:hidden}.subscribe{height:auto}#curation p{font-size:.7rem}.toast{width:90%!important;font-size:18px!important;bottom:2rem!important}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.35rem!important}}@media (max-width:769px){body:has(:not(.Play)){margin:0;padding-bottom:0}}@media (max-width:540px){:is(body:not(:has(.Play)),body:has(.Play)){margin:0!important;padding-bottom:0!important}.demo-notes,.demo-notes input{max-width:94%;font-size:.8rem}.Play header .headerTitleDiv{flex-direction:column;height:max-content;padding-bottom:2rem;line-height:normal}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}.Play header{flex-direction:column}}@media (max-width:520px){body:has(.Play){margin:0;padding:0}body:has(:not(.Play)){margin:0;padding-bottom:8rem!important}#player{width:100%;height:250px}header .toggle{font-size:.8rem}#vocab-log .vocabDiv ul .vocabNote{gap:7px}body:has(.Play){padding-bottom:8rem}.spanish{font-size:.65rem}.english{font-size:.6rem}.Play header{flex-direction:column;gap:1rem;display:flex}.headerTitleDiv{justify-content:center;width:100%}.Play header .headerTitleDiv{flex-direction:column;justify-content:center;width:100%;height:auto}.toggle{width:100%}footer{margin-bottom:0}.Play header .headerTitleDiv h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;overflow:hidden}.Play header .headerTitleDiv .dishDiv .targetLang,.Play header .headerTitleDiv .dishDiv .fluentLang{margin-top:3px}.Play header .headerTitleDiv .dishDiv .targetLang.active,.Play header .headerTitleDiv .dishDiv .fluentLang.active{height:1.25rem;margin-top:1px;overflow:hidden}.demo-wrapper{height:420px;padding:8px}.demo-instructions{font-size:.7rem}.demo-target{font-size:.5rem;line-height:1.4}.demo-target span{padding:2px 3px;display:inline-block}.demo-fluent{font-size:.7rem}.demo-label{font-size:.4rem}.demo-notes{gap:0;width:auto;height:5rem;max-height:40%;padding:1rem;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto}.demo-notes ul{padding-left:16px}.demo-notes,.demo-notes ul,.demo-notes ul li input{font-size:.7rem}.demo-notes ul li input{width:7rem;height:.5rem}.play-container{padding:1rem;font-family:Segoe UI,sans-serif}.sentences-container{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.sentence-card{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccc;border-radius:8px;padding:.8rem;transition:box-shadow .2s}.sentence-card:hover{box-shadow:0 4px 10px #0000001a}.reveal{color:#2e7d32;cursor:pointer;margin-top:.4rem;font-weight:700}.notes-panel{border-top:1px solid #ddd;padding-top:1rem}.notes-panel ul{margin:0;padding:0;list-style:inside}.dragThis{touch-action:none}.toast{width:90%!important;bottom:11.5rem!important}.recWordTitleDiv{width:20rem}.noModeFooter{margin-top:9.1rem!important}header small{font-size:.6rem}.video-cards .card{min-width:100%}}@media (max-width:430px){body:has(:not(.Play)){margin:0 0 7rem!important;padding-bottom:0!important}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.4rem}.demoVocabLog:has(:not(.demoVocabList small)){width:19rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:19rem!important;height:7rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.custom-controls button{margin:0;padding:0;font-size:.45rem!important}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}}@media (max-width:420px){body:not(:has(.Play)){margin:0;padding-bottom:6.75rem!important}}@media (max-width:414px){body:not(:has(.Play)){margin:0 0 4.5rem!important;padding-bottom:1rem!important}body:has(.Play){margin:0 0 5.9rem!important;padding-bottom:0!important}.largenSpanishWord,.dragThis,.demo-fluent{font-size:.4rem}.demoVocabLog:has(:not(.demoVocabList small)){width:18rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:18rem!important;height:7rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.custom-controls button{margin:0;padding:0;font-size:.45rem!important}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}}@media (max-width:414px) and (max-height:914px){body:not(:has(.Play)){margin:0!important;padding-bottom:0!important}}@media (max-width:414px) and (max-height:896px){body:not(:has(.Play)){margin:0 0 3.7rem!important;padding-bottom:1rem!important}}@media (max-width:412px) and (max-height:914px){body:not(:has(.Play)){margin:0 0 5.8rem!important;padding-bottom:0!important}body:has(.Play){margin:0 0 5.9rem!important;padding-bottom:0!important}}@media (max-width:395px){body:has(:not(.Play)){margin:0 0 1.5rem!important;padding-bottom:0!important}.demoVocabLog:has(:not(.demoVocabList small)){width:16rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:16rem!important;height:7rem!important}.spanish,.english,.custom-controls,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.demoDragThis{max-width:75%!important;padding-top:17px!important}.demoDragMe1,.demoDragMe2{max-width:2rem}}@media (max-width:375px){body:has(:not(.Play)){margin:0!important;padding-bottom:0!important}.demoVocabLog:has(:not(.demoVocabList small)){width:16rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:16rem!important;height:7rem!important}.spanish,.english,.custom-controls,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.transcriptDiv{max-width:100%}.Play .headerTitleDiv span{font-size:.7rem}.Play .headertitleDiv h1{font-size:.8rem}}@media (max-width:360px){body:has(:not(.Play)){margin:0;padding-bottom:0!important}.recWordTitleDiv h3{font-size:.9rem}.recWordTitleDiv small{font-size:.7rem}.recWordTitleDiv{align-items:center;width:17rem}.recognizeWordsRec .recognizeWordsCheck{font-size:.6rem}.custom-checkbox{width:.8rem!important;height:.8rem!important}.right-panel{max-height:120vh!important}input{width:200px;padding:.5rem}.recDiv{width:10rem;overflow-x:hidden}.demoVocabLog:has(:not(.demoVocabList small)){width:15rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:15rem!important;height:7rem!important}.demoDragThis{padding-top:35px!important}}@media (max-width:345px){body:not(:has(.Play)){margin:0 0 3.7rem!important;padding-bottom:0!important}body:has(.Play){margin:0 0 3.5rem!important;padding-bottom:0!important}nav ul{font-size:.65rem}.subscribe h2{font-size:1.5rem!important}.demo-transcript{max-width:90%}.demoVocabLog:has(:not(.demoVocabList small)){width:14rem!important}.demoVocabLog:has(.demoVocabList small){padding:3px;width:14rem!important;height:8rem!important}.demoHeadingVocabDiv{gap:.1rem!important;width:auto!important}.demoHeadingVocabDiv h3{width:6rem;font-size:.6rem!important}.demoHeadingVocabDiv span{gap:.5rem;width:10rem!important;font-size:.4rem!important}.demoHeadingVocabDiv span button{min-width:20px!important;font-size:.5rem!important}.demoVocabList small{font-size:.45rem}.spanish,.english,.demoDragMe1,.demoDragMe2{font-size:.5rem!important}span:has(.demoDragMe1){font-size:.5rem!important}.demoDragThis{max-width:90%!important;margin-left:-1rem!important;padding-top:35px!important;padding-left:1rem!important;padding-right:1rem!important}.custom-controls{max-width:10rem;position:relative;top:-1rem}.custom-controls button{margin:0;padding:0;font-size:.45rem!important}.circleSVG{margin-top:-1.25rem;position:absolute}.demoToast{width:max-content!important;font-size:.6rem!important;bottom:8rem!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_3aa9ec0b-module__Thd8mW__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}