@font-face{font-family:Antonio;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Antonio-500.woff2)format("woff2"),url(/assets/fonts/Antonio-500.woff)format("woff"),url(/assets/fonts/Antonio-500.ttf)format("truetype")}@font-face{font-family:Open Sans;src:url(/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf)format("truetype");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf)format("truetype");font-weight:300 800;font-style:italic;font-display:swap}@font-face{font-family:Ubuntu Sans;src:url(/assets/fonts/Ubuntu_Sans/UbuntuSans-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu Sans;src:url(/assets/fonts/Ubuntu_Sans/UbuntuSans-Italic-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 800;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.5}button,label{line-height:1.2}h1,h2,h3,h4,h5,h6{text-wrap:pretty}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}input[type=text],input[type=date],input[type=url],input[type=password]{line-height:1.6}textarea:not([rows]){min-height:10em}video{width:100%;display:block}:target{scroll-margin-block:5ex}.bi{width:100%;height:100%}:root{--clr-white:#faf9f6;--clr-black:#121212;--clr-violet-50:#f5f3ff;--clr-violet-100:#ede9fe;--clr-violet-200:#ddd6ff;--clr-violet-300:#c4b4ff;--clr-violet-400:#a684ff;--clr-violet-500:#8e51ff;--clr-violet-600:#7f22fe;--clr-violet-700:#7008e7;--clr-violet-900:#4d179a;--clr-gray-100:#f3f4f6;--clr-gray-200:#e5e7eb;--clr-gray-300:#d1d5dc;--clr-gray-400:#99a1af;--clr-gray-500:#6a7282;--clr-gray-700:#364153;--clr-gray-600:#4a5565;--clr-gray-800:#1e2939;--clr-gray-950:#030712;--clr-fuchsia-100:#fae8ff;--clr-fuchsia-200:#f6cfff;--clr-fuchsia-300:#f4a8ff;--clr-fuchsia-500:#e12afb;--clr-fuchsia-600:#c800de;--clr-fuchsia-700:#a800b7;--clr-fuchsia-900:#721378;--clr-blue-100:#dff2fe;--clr-blue-200:#b8e6fe;--clr-blue-600:#0084d1;--clr-blue-700:#0069a8;--clr-green-50:#f0fdf4;--clr-green-100:#dcfce7;--clr-green-200:#b9f8cf;--clr-green-300:#7bf1a8;--clr-green-400:#05df72;--clr-green-500:#00c950;--clr-green-700:#008236;--clr-red-100:#ffe2e2;--clr-red-200:#ffc9c9;--clr-red-300:#ffa2a2;--clr-red-400:#ff6467;--clr-red-500:#fb2c36;--clr-red-700:#c10007;--clr-red-800:#9f0712;--clr-yellow-50:#fefce8;--clr-yellow-100:#fef9c2;--clr-yellow-200:#fff085;--clr-yellow-300:#fcd34d;--clr-yellow-400:#facc15;--clr-yellow-500:#eab308;--clr-yellow-600:#ca8a04;--clr-yellow-700:#a65f00;--bg-primary:light-dark(#f9fafa,#0c0f12);--cl-primary:light-dark(var(--clr-gray-700),#f9fafa);--bg-container:light-dark(var(--clr-violet-50),var(--clr-gray-800));--cl-container:light-dark(var(--clr-gray-700),#f9fafa);--bg-highlight:light-dark(var(--clr-violet-400),var(--clr-gray-500));--cl-highlight:light-dark(var(--clr-white),var(--clr-white));--bg-button:light-dark(var(--clr-violet-400),var(--clr-gray-500));--cl-button:light-dark(var(--clr-white),var(--clr-black));--max-width:120ch;--topbar-height:56px;--fs-base:1rem;--fs-sm:.875rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--lh-base:1.6;--lh-heading:1.3;--lh-base-px:calc(var(--lh-base) * var(--fs-base));--ls-base:0;--ls-heading:-.02em;--bk-sm:640px;--bk-md:768px;--bk-lg:1024px;--bk-xl:1280px;--bk-2xl:1536px}html,:host{scroll-behavior:smooth;scrollbar-gutter:stable;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}body{background-color:var(--bg-primary);color:var(--cl-primary);margin:0 auto}body:has(:is(.menu-toggle:checked,dialog[open])){overflow-y:hidden}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--clr-gray-500);font-size:.95em;font-style:italic}h1{margin-block:2em 1em;font-size:clamp(2.25rem,1.815rem + 2.174vw,3.5rem)}h2{margin-block:1.75em .875em;font-size:clamp(1.75rem,1.5rem + 1.5vw,2.5rem)}h3{margin-block:1.5em .75em;font-size:clamp(1.5rem,1.25rem + 1.2vw,2rem)}h4{margin-block:1.25em .625em;font-size:clamp(1.25rem,1rem + 1vw,1.75rem)}h5{margin-block:1em .5em;font-size:clamp(1.125rem,.875rem + .8vw,1.5rem)}h6{margin-block:.75em .375em;font-size:clamp(1rem,.75rem + .5vw,1.25rem)}h3 svg,h5 svg{vertical-align:middle;width:1em;height:auto;fill:light-dark(var(--clr-violet-400),currentColor);margin-bottom:.2em}p{max-width:var(--max-width);overflow-wrap:break-word;text-wrap:pretty}ul,ol{flex-direction:column;gap:.4rem;display:flex}.comment article ul{list-style:outside}.comment article ol{list-style:decimal}a{--_color:light-dark(var(--clr-violet-400),var(--clr-violet-300));--_color-hover:light-dark(var(--clr-violet-500),var(--clr-violet-400));color:var(--_color);font-weight:500;text-decoration:underline #0000;transition:all .1s ease-in-out}a:hover{color:var(--_color-hover);text-decoration:underline 2px;text-decoration-color:var(--_color-hover)}fieldset{appearance:none;border:none}fieldset label{color:light-dark(var(--clr-black),var(--clr-white))}fieldset legend{float:inline-end;color:light-dark(var(--clr-black),var(--clr-white))}:modal{max-width:1200px}select{border:solid 2px var(--clr-violet-200);background-color:light-dark(var(--clr-violet-100),var(--clr-gray-800));border-radius:.375rem;padding-left:.5rem;padding-right:.5rem}dialog{border:solid 2px var(--clr-violet-200);border-radius:1rem;outline:none;width:100%;margin:auto;padding:1.5rem}dialog::backdrop{background-color:hsl(from var(--clr-violet-200) h s l/.6)}@media (width<=768px){dialog{margin:auto 1rem}}input,textarea{--_border-color:light-dark(var(--clr-violet-100),var(--clr-gray-500));background-color:light-dark(var(--clr-white),var(--clr-gray-700));color:light-dark(var(--clr-black),var(--clr-white));border:1px solid var(--_border-color);border-radius:.375rem}input:focus,textarea:focus{outline:2px solid var(--_border-color)}textarea{resize:vertical;width:100%;padding:1rem}label:has(+:is(input,textarea)){color:light-dark(var(--clr-gray-600),var(--clr-gray-300));margin-bottom:.2rem;margin-left:.2rem;font-size:1rem;font-weight:500;display:block}input[type=text],input[type=email],input[type=date],input[type=url],input[type=password]{align-items:center;width:100%;padding:.25rem .5rem}input:disabled{color:var(--clr-gray-500)}mark{background-color:light-dark(var(--clr-violet-200),var(--clr-gray-600));color:light-dark(var(--clr-black),var(--clr-white));border-radius:.2rem;padding-inline:10px;font-weight:500}small{font-size:var(--fs-sm);color:light-dark(var(--clr-gray-500),var(--clr-gray-400))}blockquote{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-600));border-left:4px solid var(--clr-violet-400);border-radius:0 1rem 1rem 0;margin:1rem 0;padding:.5rem 1rem}blockquote p{margin-bottom:0}blockquote :first-child{margin-block-start:0}blockquote ul{margin:0;padding-inline-start:0;list-style-position:inside}blockquote ul li::marker{color:var(--clr-violet-400)}video{border-width:1px;border-color:var(--clr-violet-100);border-radius:1rem;min-width:100%;min-height:100%;overflow:hidden}@keyframes pulse{50%{opacity:.5}}@keyframes skeleton{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalf{0%{transform:scale(0)}to{transform:scale(1)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-modalf[open]{animation:.15s ease-in-out modalf}@keyframes pulse2{0%{transform-origin:50%;transform:scaleY(1)}50%{transform-origin:50%;transform:scaleY(.7)}to{transform-origin:50%;transform:scaleY(1)}}.auto-fit-grid{--column-width:390px;grid-template-columns:repeat(auto-fit, minmax(var(--column-width), 1fr));grid-auto-flow:row;gap:1rem;max-width:100%;display:grid}.auto-fill-grid{--column-width:390px;grid-template-columns:repeat(auto-fill, minmax(min(var(--column-width), 100%), 1fr));gap:1rem;max-width:100%;display:grid}.grid-auto{--column-width:390px;grid-template-columns:repeat(auto-fit, minmax(var(--column-width), 1fr));gap:1rem;max-width:100%;display:grid}.grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-0{padding:0}.p-4{padding:1rem}.hidden{display:none}.mt-sm{margin-top:calc(var(--lh-base-px) / 2)}.mt{margin-top:var(--lh-base-px)}.mb{margin-bottom:var(--lh-base-px)}.text-highlight{color:light-dark(var(--clr-violet-400),var(--clr-gray-500))}.capitalize{text-transform:capitalize}.outline-none{outline-offset:2px;outline:2px solid #0000}.invisible{visibility:hidden}.stack>*+*{margin-top:var(--stack-space,1.5rem)}.stack h3:first-child{margin-block-start:0}.stack-on-mobile{gap:.5rem;display:flex}@media (width<=768px){.stack-on-mobile{flex-direction:column}}.topbar{height:var(--topbar-height);background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-bottom:solid 1px light-dark(var(--clr-violet-100),var(--clr-gray-700));z-index:100;grid-area:head;align-items:center;gap:1rem;padding-inline:2rem;position:sticky;top:0;left:0;right:0}#topbar-desktop{display:flex}#topbar-mobile{display:none}@media (width<=768px){#topbar-desktop{display:none}#topbar-mobile{display:flex}}body .topbar-colorscheme-selector .bi-moon-fill{display:none}body.dark .topbar-colorscheme-selector .bi-moon-fill{display:block}body.dark .topbar-colorscheme-selector .bi-brightness-high-fill{display:none}.menu{background:light-dark(var(--clr-white),var(--clr-black));z-index:100;padding:10px;grid-template-rows:repeat(8,1fr);grid-template-columns:1fr 1fr;gap:1rem;width:100svw;height:100svh;padding-bottom:5rem;transition:all .4s;display:grid;position:fixed;top:56px;left:-100svw}.menu-toggle{display:none}.menu-btn{cursor:pointer;z-index:2;width:30px;height:30px}.menu-btn span{background:light-dark(var(--clr-gray-700),var(--clr-gray-100));border-radius:3px;width:30px;height:3px;margin:6px 0;transition:all .4s;display:block}.menu a{color:light-dark(var(--clr-violet-500),var(--clr-white));background-color:light-dark(var(--clr-violet-200),var(--clr-violet-500));border-radius:.5em;justify-content:center;align-items:center;gap:10px;padding:15px;text-decoration:none;transition:all .3s;display:flex}.menu-toggle:checked~.menu{left:0}.menu-toggle:checked~.menu-btn span:first-child{transform:rotate(45deg)translate(5px,8px)}.menu-toggle:checked~.menu-btn span:nth-child(2){opacity:0}.menu-toggle:checked~.menu-btn span:nth-child(3){transform:rotate(-45deg)translate(5px,-8px)}.welcome{content-visibility:auto;contain-intrinsic-size:300px;grid-area:welcome;grid-template-rows:minmax(5.5rem,max-content) minmax(3rem,max-content) auto;grid-template-areas:"greeting""quote""menu";display:grid}.welcome h1,.welcome p{text-align:center;opacity:1;margin:0;transition:opacity .2s ease-in}.welcome h1{grid-area:greeting;font-weight:700}.welcome p{grid-area:quote;max-width:100%}.welcome p small{font-style:italic}.welcome .icon{border:1px solid hsl(from currentColor h s l/.6);background-color:light-dark(var(--clr-white),var(--clr-gray-100));width:2.5rem;height:2.5rem;color:light-dark(var(--clr-violet-400),var(--clr-violet-500));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin:auto;padding:.5rem;display:flex}.welcome svg{width:1.25rem;height:auto}.welcome ul{user-select:none;flex-direction:row;grid-area:menu;justify-content:center;gap:.25rem;list-style:none;display:flex}.welcome a{text-align:center;width:12ch;color:light-dark(var(--clr-gray-700),var(--clr-gray-100));flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.welcome a:hover{color:light-dark(var(--clr-violet-500),var(--clr-violet-400))}.welcome a:hover .icon{box-shadow:0 0 0 1px hsl(from currentColor h s l/.5);border-color:currentColor}.welcome a.active{pointer-events:none;cursor:default;color:light-dark(var(--clr-violet-500),var(--clr-violet-400))}.welcome a.active .icon{border-color:var(--clr-violet-300);box-shadow:0 0 0 2px hsl(from var(--clr-violet-300) h s l/.5)}@media (width<=768px){.welcome{grid-template-rows:minmax(4.5rem,max-content) minmax(3rem,max-content) auto}.welcome ul{display:none}}.btn{--base-bg:light-dark(var(--clr-violet-200),var(--clr-violet-500));--base-cl:light-dark(var(--clr-violet-500),var(--clr-white));all:unset;background-color:var(--base-bg);color:var(--base-cl);white-space:nowrap;border:none;border-radius:.5em;outline:none;justify-content:center;align-items:center;gap:.5em;padding:.6em 1em;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 1px #0000}.btn [data-icon],.btn svg{pointer-events:none;width:calc(1em + 2px);height:calc(1em + 2px)}.btn:hover{background-color:hsl(from var(--base-bg) h s calc(l - 5));color:hsl(from var(--base-cl) h s calc(l - 5));cursor:pointer;text-decoration:none}.btn:focus-visible{outline:2px solid var(--base-cl)}.btn:disabled{color:red;background-color:pink;cursor:not-allowed!important}.btn[hidden]{display:none}.btn-secondary{--base-bg:var(--clr-fuchsia-200);--base-cl:var(--clr-fuchsia-700)}.btn-ok{--base-bg:var(--clr-blue-200);--base-cl:var(--clr-blue-700)}.btn-cancel{--base-bg:var(--clr-gray-200);--base-cl:var(--clr-gray-700)}.btn-success{--base-bg:var(--clr-green-200);--base-cl:var(--clr-green-700)}.btn-error{--base-bg:oklch(63.7% .237 25.331);--base-cl:var(--clr-white)}.btn-small{font-size:.8rem}.btn-medium{font-size:1rem}.btn-large{font-size:1.2rem}.container{background-color:var(--bg-container);width:100%;color:var(--cl-container);border-radius:1rem;margin-inline:auto;padding:1.5rem}.container>:first-child{margin-block-start:0}.container>ul,.container>ol{padding-inline-start:1.5rem}.container .phrase-with-meaning,.container .ecb-table{background-color:light-dark(var(--clr-white),var(--clr-black))}.container img{object-fit:cover;border-radius:1rem;width:100%;overflow:hidden}.container>*+*{margin-top:1rem}.container .phrase-with-meaning{margin-block-start:1rem}.container-homework{border:solid 2px light-dark(var(--clr-violet-300),var(--clr-gray-100));background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;width:100%;margin-inline:auto;padding:1.5rem}.container-homework h1,.container-homework h2,.container-homework h3,.container-homework h4,.container-homework h5,.container-homework h6{margin-top:0}.container-homework:before{content:"";background-color:var(--clr-violet-400);width:32px;height:32px;display:block;mask:url(/assets/svg/journal-text.svg) 50%/contain no-repeat}body.dashboard{z-index:50;grid-template-areas:"head head head"".welcome."".main."".footer.";grid-template-rows:var(--topbar-height) minmax(0, max-content) minmax(590px, max-content) minmax(10px, max-content);grid-row-gap:2rem;grid-template-columns:1fr min(92svw,150ch) 1fr;min-width:100%;max-width:100%;min-height:100vh;display:grid;position:relative;overflow-x:hidden}.lesson-header header{align-items:center;gap:1rem;display:flex}.lesson-header header h2{margin-block:.2em}@media (width<=768px){.lesson-header header{flex-direction:column;align-items:start}}.lesson-index{color:inherit;border:2px solid;border-radius:.5rem;padding:.5rem;font-weight:700}.lesson-tags{flex-flow:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.lesson-tag{background-color:var(--bg-highlight);color:var(--cl-highlight);text-transform:capitalize;border-radius:.25rem;padding:.25rem .45rem;font-size:.75rem;font-weight:600;line-height:1rem}.lesson-card{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border:solid 2px light-dark(var(--clr-violet-100),var(--clr-gray-500));border-radius:1rem;flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.lesson-card:not([data-landing]):before{content:attr(data-index);border:solid 2px light-dark(var(--clr-violet-300),var(--clr-gray-100));color:light-dark(var(--clr-violet-400),var(--clr-white));border-radius:.5rem;padding:.5rem;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px}.lesson-card:not([data-landing]):after{--width:26px;content:"";left:calc(100% - 15px - var(--width));color:light-dark(var(--clr-violet-300),var(--clr-white));width:var(--width);height:var(--width);background-color:currentColor;padding:.5rem;position:absolute;top:15px;mask:url(/assets/svg/square.svg) 50%/contain no-repeat}.lesson-card[data-finished]{border-color:light-dark(var(--clr-violet-300),var(--clr-gray-300))}.lesson-card[data-finished]:after{mask:url(/assets/svg/check-square.svg) 50%/contain no-repeat}.lesson-card [data-image]{background-color:light-dark(var(--clr-white),var(--clr-gray-700));justify-content:center;align-items:center;padding:20px;display:flex}.lesson-card div[data-body]{flex-direction:column;flex-grow:1;padding:.8rem 1.3rem 1.3rem;display:flex}.lesson-card div[data-body] [data-description]{height:100%;margin-top:1rem}.lesson-card div[data-body] [data-actions]{align-items:center;min-height:60px;display:flex}.lesson-card-mini{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));cursor:pointer;border:solid 2px var(--clr-violet-100);border-radius:1rem;align-items:center;height:100%;margin-top:0;margin-bottom:0;padding:0 .5rem;display:flex;overflow:hidden}.lesson-card-mini:hover{border:solid 2px var(--clr-violet-300)}.lesson-content{grid-area:main;position:relative}.word-with-meaning{flex-wrap:wrap;gap:.4rem;display:flex}.word-with-meaning em{font-style:normal;font-weight:500}.word-with-meaning small:before{content:"⇒";color:var(--clr-violet-400)}.word-with-meaning small{font-size:1rem}.word-with-meaning:has(+.word-with-meaning){margin-bottom:.3rem}.ilq-correct{color:light-dark(var(--clr-green-700),var(--clr-green-400));font-weight:700}.ilq-wrong{color:light-dark(var(--clr-red-500),var(--clr-red-400));font-weight:700}.phrase-with-meaning{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;align-items:center;padding:1.5rem;display:flex}.phrase-with-meaning:hover{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-700))}.phrase-with-meaning [data-index]{text-align:right;color:var(--clr-violet-400);margin-right:1.5rem;font-size:1.875rem;line-height:2.25rem}@media (width>=768px){.phrase-with-meaning [data-index]{width:3rem;font-size:3rem;line-height:1;display:block}}.phrase-with-meaning [data-phrase]{letter-spacing:.5px;flex-wrap:wrap;gap:.25rem;margin-top:0;font-size:1.3rem;font-weight:500;line-height:1.6rem;display:flex}.phrase-with-meaning [data-meaning]{color:light-dark(var(--clr-gray-500),var(--clr-gray-400));flex-wrap:wrap;gap:.25rem;font-size:.9rem;font-style:italic;line-height:1.25rem;display:flex}.phrase-with-meaning [data-extra]{border:solid 0px var(--clr-violet-400);border-left-width:2px;padding-left:.5rem}.absent-word:before{--_color:light-dark(var(--clr-violet-300),var(--clr-gray-500));content:"########";user-select:none;background-color:var(--_color);color:var(--_color);border-radius:.375rem}.describe-image-card{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-areas:"image""content";gap:1rem;width:100%;height:fit-content;margin-bottom:1rem;display:grid;overflow:hidden}.describe-image-card h5{margin-top:0}.describe-image-card img{object-fit:cover;width:100%;height:100%}.describe-image-card [data-content]{padding:1rem}@media (width>=1024px){.describe-image-card{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"image content content"}}.image{border-radius:1rem}.conversation-with-translation label{cursor:pointer;user-select:none;background-color:var(--clr-violet-200);color:var(--clr-violet-500);border-radius:.5em;height:100%;padding:.4em 1em;font-weight:500;display:block}.conversation-with-translation label:hover{color:var(--clr-violet-700)}.conversation-with-translation input[type=radio]:checked+label{background-color:var(--clr-violet-300);color:var(--clr-violet-700);outline:2px solid light-dark(var(--clr-violet-200),var(--clr-violet-400))}.conversation-with-translation div:first-child{gap:.5rem;display:flex}.conversation-with-translation:has([data-tab-spanish]:checked) div:nth-child(2),.conversation-with-translation:has([data-tab-portuguese]:checked) div:nth-child(3){display:block}.card-audio-segment{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;width:100%;padding:1rem}.card-audio-segment button[data-audio-segment]{width:42px;height:42px;margin:0}.card-audio-segment h1,.card-audio-segment h2,.card-audio-segment h3,.card-audio-segment h4,.card-audio-segment h5,.card-audio-segment h6{margin:0}.observations{border:solid 6px light-dark(var(--clr-violet-200),var(--clr-gray-200))}.next-prev-lesson{text-align:end;grid-template-columns:1fr 1fr;display:grid}.next-prev-lesson div:first-child{text-align:start}@media (width<=1024px){.next-prev-lesson{text-align:start;grid-template-columns:1fr;grid-auto-flow:row;gap:.5rem}}.toc li::marker{color:var(--clr-violet-400);font-weight:500}[data-js=comment-participation] .comment{background-color:light-dark(var(--clr-white),var(--clr-gray-700))}.comment{--_bg:light-dark(var(--clr-violet-50),var(--clr-gray-800));--_color:light-dark(var(--clr-black),var(--clr-white));background-color:var(--_bg);color:var(--_color);border-radius:1rem;padding:1rem;position:relative}.comment[data-highlight]{border-width:2px;border-color:var(--clr-violet-300)}.comment article{max-width:80ch;margin-block:1rem}.comment article [data-clamp]{line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment [data-more]{font-size:.9rem;font-style:italic;text-decoration:underline}dialog[data-audio-recorder] .counter{color:var(--clr-gray-500);justify-content:center;font-size:clamp(1.75rem,1.5rem + 1.5vw,2.5rem);font-weight:500;display:flex}dialog[data-audio-recorder] .audio-container{flex-grow:1;justify-content:center;align-items:center;margin-top:1rem;margin-bottom:1rem;display:flex}dialog[data-audio-recorder] .duration{color:var(--clr-gray-500);padding:1rem}dialog[data-audio-recorder] form{flex-direction:column;justify-content:center;align-items:center;display:flex}dialog[data-audio-recorder] #wave{width:70px;height:70px;fill:var(--clr-violet-400)}dialog[data-audio-recorder] #Line_1{animation:1s .15s infinite pulse}dialog[data-audio-recorder] #Line_2{animation:1s .3s infinite pulse}dialog[data-audio-recorder] #Line_3{animation:1s .45s infinite pulse}dialog[data-audio-recorder] #Line_4{animation:1s .6s infinite pulse}dialog[data-audio-recorder] #Line_5{animation:1s .75s infinite pulse}dialog[data-audio-recorder] #Line_6{animation:1s .9s infinite pulse}dialog[data-audio-recorder] #Line_7{animation:1s 1.05s infinite pulse}dialog[data-audio-recorder] #Line_8{animation:1s 1.2s infinite pulse}dialog[data-audio-recorder] #Line_9{animation:1s 1.35s infinite pulse}.accordion{--_bg:light-dark(var(--clr-violet-100),var(--clr-gray-800));--_color:light-dark(var(--clr-black),var(--clr-white));background-color:var(--_bg);color:var(--_color);cursor:pointer;text-align:left;border:none;border-radius:.4rem;outline:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem;transition:all .4s;display:flex}.accordion h1,.accordion h2,.accordion h3,.accordion h4,.accordion h5,.accordion h6{margin:0}.accordion-arrow{transition:transform .2s ease-out}.accordion-active .accordion-arrow{transform:rotate(180deg)}.accordion-active,.accordion:hover{background-color:light-dark(hsl(from var(--_bg) h s calc(l - 5)),hsl(from var(--_bg) h s calc(l + 5)))}.accordion-panel{max-height:0;transition:max-height .2s ease-out;overflow:hidden}.milestones{flex-direction:column;gap:.6rem;display:flex}.milestone-wrapper{width:100%;color:light-dark(var(--clr-violet-500),var(--clr-gray-100));gap:.5rem;display:flex}.milestone-wrapper .milestone[data-achieved]{border:solid 2px light-dark(var(--clr-violet-400),var(--clr-gray-500));background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800))}.milestone-wrapper .milestone:not([data-achieved]){border:solid 2px light-dark(var(--clr-violet-50),var(--clr-gray-600));background-color:light-dark(var(--clr-violet-50),var(--clr-gray-600))}.milestone{border-radius:.5rem;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.milestone>div{width:100%}.milestone:before{content:"";background-color:currentColor;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:bolder;display:flex;mask:url(/assets/svg/square.svg) 50%/contain no-repeat}.milestone[data-achieved]:before{mask:url(/assets/svg/check-square.svg) 50%/contain no-repeat}.milestone p{margin:0}.milestone strong{color:light-dark(var(--clr-violet-500),var(--clr-white))}.progress{align-items:center;gap:.4rem;display:flex;position:relative}.message{--_bg-color:inherit;--_color:inherit;background-color:var(--_bg-color);color:var(--_color);border:1px solid var(--_color);border-radius:.35rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}.message--error{--_bg-color:var(--clr-red-100);--_color:var(--clr-red-700)}.message--success{--_bg-color:var(--clr-green-100);--_color:var(--clr-green-700)}.information{--_bg:var(--clr-blue-100);--_color:var(--clr-blue-700);--clr-link:hsl(from var(--_color) h s calc(l - 10));--clr-link-hover:hsl(from var(--_color) h s calc(l - 20));background-color:var(--_bg);border:2px solid var(--_color);color:var(--_color);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;display:flex}.information p{color:inherit;margin:0}@media (width>=640px){.information{flex-direction:row}}.information--tip{--_bg:var(--clr-yellow-100);--_color:var(--clr-yellow-700)}.information--attention{--_bg:var(--clr-red-100);--_color:var(--clr-red-700)}.ecb-table{border:1px solid light-dark(var(--clr-violet-200),var(--clr-gray-200));border-radius:1rem;overflow:auto hidden}.ecb-table>table{white-space:nowrap;border-collapse:collapse;border-spacing:0;width:100%}.ecb-table>table caption{background-color:light-dark(var(--clr-violet-200),var(--clr-gray-800));padding:.75rem .5rem;font-size:1.25rem;font-weight:500}.ecb-table>table thead th{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-700));text-align:left;padding:.5rem 1rem;font-weight:500}.ecb-table>table tfoot th{white-space:normal;border-top:2px solid light-dark(var(--clr-violet-100),var(--clr-gray-700));text-align:left;padding:.5rem 1rem;font-weight:400}.ecb-table>table tbody tr:nth-child(2n){background-color:light-dark(var(--clr-violet-50),var(--clr-gray-600))}.ecb-table>table tbody tr:hover{background-color:hsl(from var(--clr-violet-300) h s l/.5)}.ecb-table>table tbody tr td{padding:.25rem 1rem}.bia{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.bia p{margin:0;padding:0}.bia.success{color:var(--clr-green-500);font-size:.9rem}.bia .match strong{color:light-dark(var(--clr-black),var(--clr-white));margin-bottom:1rem;font-weight:600;display:block}.bia .match .context{color:var(--clr-gray-500);margin-left:.5rem;font-size:.9rem}.bia .match .context .highlight{--_color:light-dark(var(--clr-red-500),var(--clr-red-300));color:var(--_color);border:solid 2px var(--_color);border-radius:4px;padding-inline:4px;font-weight:500}.bia .match .replacements{margin-top:4px;margin-left:.5rem;font-size:.9rem}.bia .match .replacements .replacement{border:solid 2px var(--clr-violet-300);border-radius:4px;margin-inline:2px;padding-inline:4px}.bia .disclaimer{color:var(--clr-gray-500);font-size:.9rem;font-style:italic}.tip{background-color:light-dark(var(--clr-yellow-100),var(--clr-yellow-500));color:light-dark(var(--clr-yellow-700),var(--clr-black));border:solid 2px light-dark(var(--clr-yellow-700),var(--clr-yellow-600));border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.tip p{color:inherit;margin:0}.tip a{--_color:light-dark(var(--clr-violet-400),var(--clr-violet-700));--_color-hover:light-dark(var(--clr-violet-500),var(--clr-violet-900))}@media (width>=640px){.tip{flex-direction:row}}.tip:before{content:"";background-color:currentColor;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:block;mask:url(/assets/svg/lightbulb.svg) 50%/contain no-repeat}.tip h5{margin-block-start:0}.tip blockquote{background-color:light-dark(var(--clr-yellow-50),var(--clr-yellow-600));color:light-dark(var(--clr-yellow-700),var(--clr-black));border-color:light-dark(var(--clr-yellow-700),var(--clr-black))}.tip blockquote small{color:light-dark(var(--clr-gray-500),var(--clr-white))}.flashcard{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-800));border-radius:1rem;flex-direction:column;flex-grow:1;margin:0 auto;display:flex}.flashcard .word{background-color:var(--clr-violet-400);border-radius:1rem;flex-direction:column;padding:1rem;display:flex}.flashcard .tag{user-select:none;background-color:var(--clr-white);color:var(--clr-black);border-radius:.25rem;padding-inline:.5rem;font-size:.75rem;font-style:italic;line-height:1rem}.flashcard .example{color:var(--clr-gray-500);margin-top:.5rem;font-style:italic}@media (width>=768px){.flashcard{max-width:320px;margin:0}}#toasts{z-index:101;flex-direction:column;gap:.5rem;transition-duration:1s;display:flex;position:fixed;bottom:3rem;left:0;right:0}.toast{--_bg:red;--_color:red;background-color:var(--_bg);color:var(--_color);border-color:var(--_color);cursor:pointer;user-select:none;opacity:0;border-style:solid;border-width:2px;border-radius:1rem;max-width:90vw;margin-inline:auto;padding:1rem;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toast[data-visible]{opacity:1}.toast #remaining-bar-container{background-color:var(--clr-white);border-radius:2px;width:100%;height:4px;margin-top:1rem;overflow:hidden}.toast #remaining-bar-container>div{background-color:var(--_color);width:100%;height:4px}.toast #created-at{color:hsl(from var(--_color) h s calc(l + 25));font-size:.9rem;font-style:italic}.toast.error{--_bg:var(--clr-red-100);--_color:var(--clr-red-700)}.toast.warning{--_bg:var(--clr-yellow-100);--_color:var(--clr-yellow-700)}.toast.success{--_bg:var(--clr-violet-100);--_color:var(--clr-violet-700)}@media (width>=1024px){.toast{max-width:70vw}}.question-container{border:solid 2px light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;width:100%;margin:0 auto 1.5rem;padding:1.5rem}.question-container form{opacity:0;flex-direction:column;gap:1rem;transition:opacity .3s ease-in-out}.question-container form:not([hidden]){opacity:1;display:flex}.question-container form img{object-fit:contain;border-radius:.25rem;width:100%;max-width:600px;height:auto;margin-top:2rem;overflow:hidden}.question-container h1,.question-container h2,.question-container h3,.question-container h4,.question-container h5,.question-container h6,.question-container p{margin:0}.frame-counter{--_color:light-dark(var(--clr-violet-400),var(--clr-gray-200));color:var(--_color);border:solid 1px hsl(from var(--_color) h s l/.5);border-radius:.375rem;padding:.25rem 1rem}.questionnaire-progress{--stripe-size:4px;height:var(--stripe-size);min-height:var(--stripe-size);justify-content:stretch;gap:5px;margin-top:1rem;display:flex}.questionnaire-progress div{width:100%;height:var(--stripe-size);min-height:var(--stripe-size);background-color:light-dark(var(--clr-violet-100),var(--clr-gray-600));border-radius:4px}.questionnaire-progress div[data-highlight]{background-color:light-dark(var(--clr-violet-300),var(--clr-gray-200))}.question{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-800));border-radius:.375rem;width:100%}.question label{cursor:pointer;border-width:1px;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.question:hover{background-color:light-dark(var(--clr-violet-200),var(--clr-gray-700))}.question:has(input:checked){background-color:hsl(from var(--clr-violet-300) h s l/.5)}.question-counter{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-700));border-radius:.25rem;padding:.75rem 1rem;font-size:1.2rem;font-weight:600}.question-report{border:solid 2px light-dark(var(--clr-violet-100),var(--clr-gray-800));border-radius:.375rem;width:100%;margin-bottom:1rem;padding:10px}.question-report [data-index]{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-800));cursor:pointer;border-width:1px;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;line-height:1.5rem;display:flex}.question-report [data-correct]{border:solid 2px light-dark(var(--clr-green-500),var(--clr-green-300));padding-left:3rem;position:relative}.question-report [data-correct]:before{content:"";background-color:light-dark(var(--clr-green-500),var(--clr-green-300));justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;left:.75rem;mask:url(/assets/svg/check-square.svg) 50%/contain no-repeat}.question-report [data-wrong]{border:solid 2px light-dark(var(--clr-red-500),var(--clr-red-300));padding-left:3rem;position:relative}.question-report [data-wrong]:before{content:"";background-color:light-dark(var(--clr-red-500),var(--clr-red-300));justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;left:.75rem;mask:url(/assets/svg/x-square.svg) 50%/contain no-repeat}.text-red{color:light-dark(var(--clr-red-500),var(--clr-red-300));font-weight:700}.text-green{color:light-dark(var(--clr-green-500),var(--clr-green-300));font-weight:700}.answer-badge{border-radius:4px;min-width:2.4rem;padding:.6rem .8rem;display:inline-block}.answer-badge.correct{background-color:var(--clr-green-100);color:var(--clr-green-500);align-items:center;gap:.3rem;line-height:1.5rem;display:flex}.answer-badge.correct:before{content:"";background-color:currentColor;justify-content:center;align-items:center;width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;min-height:1.5rem;max-height:1.5rem;display:flex;mask:url(/assets/svg/check-square.svg) 50%/contain no-repeat}.answer-badge.incorrect{color:var(--clr-red-500);background-color:#fee2e2;align-items:center;gap:.3rem;line-height:1.5rem;display:flex}.answer-badge.incorrect:before{content:"";background-color:currentColor;justify-content:center;align-items:center;width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;min-height:1.5rem;max-height:1.5rem;display:flex;mask:url(/assets/svg/x-square.svg) 50%/contain no-repeat}.question-header{flex-direction:row;align-items:center;gap:1rem;margin-block-end:.5rem;display:flex}.question-header audio{margin-top:.8rem}@media (width<=768px){.question-header{flex-direction:column;align-items:start}}.feed{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border-radius:1rem;padding:1rem;position:relative}.feed header,.comment header{align-items:center;gap:1rem;display:flex}.feed header>div h6,.comment header>div h6{margin:0;padding:0;font-size:1.2rem}.feed header>div p,.comment header>div p{color:light-dark(var(--clr-gray-500),var(--clr-gray-400));margin:0 0 1px;padding:0;font-size:.9rem;font-style:italic}.feed-exercise [data-lesson-image]{user-select:none;height:120px;margin-top:1rem}.landing{flex-direction:column;gap:6rem;display:flex}.landing ul{padding-inline-start:0;list-style:none}.landing section header{text-align:center;margin-bottom:2rem}.landing section header h1,.landing section header h2{margin:0}.landing section header p{margin:1rem auto auto}.landing__header{text-align:center;max-width:768px;margin:5rem auto auto}.landing__header h1{margin-top:2.5rem;margin-bottom:1.8rem;line-height:1.1em}.landing__header h6{color:var(--clr-gray-500);border:1px solid var(--clr-gray-400);border-radius:1rem;padding:.3rem;font-size:1rem;font-weight:500}.landing__header_action{justify-content:center;align-items:center;gap:1rem;margin-top:1.8rem;display:flex}.landing #sobre header{text-align:center}.landing #sobre img{border-radius:2rem;max-width:400px;margin:auto;overflow:hidden}.landing #sobre .content{grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.landing #sobre .content{grid-template-columns:1fr}}.landing__platform img{max-width:48px;height:auto}.landing #faqs dl{flex-direction:column;gap:2rem;display:flex}.landing #faqs dt{font-size:1.2rem;font-weight:600}.landing #faqs dd{font-size:1rem}.campaign-copa26-info{background-color:light-dark(var(--clr-violet-100),var(--clr-violet-500));color:light-dark(var(--clr-violet-700),var(--clr-black));border:solid 2px light-dark(var(--clr-violet-700),var(--clr-violet-600));text-align:center;border-radius:1rem;flex-direction:column;align-items:center;padding:1rem;display:flex}.campaign-copa26-info h6{margin-block-start:0;margin-top:0}.sortable-container{--column-width:49%;grid-template-columns:repeat(auto-fill, minmax(min(var(--column-width), 100%), 1fr));gap:1rem;max-width:100%;display:grid}.sortable-target{background-color:light-dark(white,var(--clr-gray-950));border:2px dashed light-dark(var(--clr-violet-400),var(--clr-gray-700));border-radius:5px;flex-direction:column;gap:.3rem;width:100%;padding:1rem;display:flex}.sortable-target h6{margin:0}.sortable{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));cursor:grab;border-radius:5px;padding:1rem 2rem;font-size:1.2rem}.sortable-disabled{opacity:.5;cursor:default}.sortable-target-with-error{border-color:var(--clr-red-500)}.dragging{cursor:grabbing;opacity:.5}.auth-layout{place-content:center;min-width:100%;min-height:100svh;display:grid}.auth-layout>main{max-width:min(92svw,1200px)}.avatars-stack{--stack-overlap:-.8rem;display:flex}.avatars-stack>:not(:last-child){margin-right:var(--stack-overlap)}.logo{color:light-dark(var(--clr-violet-500),var(--clr-violet-400));font-family:Antonio;font-size:1.5rem;font-weight:500}.icon-counter{align-items:center;gap:.3rem;display:flex}.icon-counter p{color:light-dark(var(--clr-violet-500),var(--clr-gray-300));margin-bottom:0;font-size:.875rem;font-weight:500}.white-ball{width:1.3rem;height:1.3rem;color:var(--clr-violet-500);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;display:flex}.is-error{background-color:hsl(from light-dark(var(--clr-error),var(--clr-error-dark)) h s calc(l + 10));color:light-dark(var(--clr-on-error),var(--clr-on-error-dark))}.is-success{background-color:light-dark(var(--clr-success),var(--clr-success-dark))}.in-lesson-bi-question{background-color:light-dark(var(--clr-violet-50),var(--clr-gray-800));border:solid 2px light-dark(var(--clr-violet-100),var(--clr-gray-800));border-radius:1rem;width:100%;margin-inline:auto;overflow:hidden}.in-lesson-bi-question h1,.in-lesson-bi-question h2,.in-lesson-bi-question h3,.in-lesson-bi-question h4,.in-lesson-bi-question h5,.in-lesson-bi-question h6{margin-top:0}@media (width<=768px){.in-lesson-bi-question h1,.in-lesson-bi-question h2,.in-lesson-bi-question h3,.in-lesson-bi-question h4,.in-lesson-bi-question h5,.in-lesson-bi-question h6{text-align:center}}.in-lesson-bi-question form{grid-template-columns:repeat(3,1fr);grid-template-areas:"word button-a button-b""result result result";display:grid}@media (width<=768px){.in-lesson-bi-question form{grid-template-columns:repeat(2,1fr);grid-template-areas:"word word""button-a button-b""result result"}}.in-lesson-bi-question form>div{padding:1.5rem}.in-lesson-bi-question form button{--base-bg:light-dark(var(--clr-violet-200),var(--clr-violet-500));--base-cl:light-dark(var(--clr-violet-500),var(--clr-white));background-color:var(--base-bg);cursor:pointer;border:none;outline:none;min-height:4rem;font-weight:500;text-decoration:none;display:block}.in-lesson-bi-question form button:hover{background-color:hsl(from var(--base-bg) h s calc(l - 5));color:hsl(from var(--base-cl) h s calc(l - 5))}.in-lesson-bi-question form button:focus-visible{outline:2px solid var(--base-cl)}.in-lesson-bi-question form button[data-selected]{background-color:hsl(from var(--base-bg) h s calc(l - 5));color:hsl(from var(--base-cl) h s calc(l - 5))}.in-lesson-bi-question .result{background-color:light-dark(var(--clr-violet-100),var(--clr-gray-700))}.in-lesson-bi-question .result>p{margin-top:0}