*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;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=password]{line-height:1.6}textarea:not([rows]){min-height:10em}video{display:block;width:100%}: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-100: #fef9c2;--clr-yellow-200: #fff085;--clr-yellow-700: #a65f00;--bg-primary: light-dark(hsl(210 10% 98%), hsl(210 19% 6%));--cl-primary: light-dark(var(--clr-gray-700), hsl(210 10% 98%));--bg-container: light-dark(var(--clr-violet-50), var(--clr-gray-800));--cl-container: light-dark(var(--clr-gray-700), hsl(210 10% 98%));--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: 0.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: -0.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{font-size:.95em;font-style:italic;color:var(--clr-gray-500)}h1{font-size:clamp(2.25rem,1.815rem + 2.174vw,3.5rem);margin-block:2em 1em}h2{font-size:clamp(1.75rem,1.5rem + 1.5vw,2.5rem);margin-block:1.75em .875em}h3{font-size:clamp(1.5rem,1.25rem + 1.2vw,2rem);margin-block:1.5em .75em}h3 svg{width:1em;height:auto;margin-bottom:.2em;vertical-align:middle;fill:light-dark(var(--clr-violet-400), currentColor)}h4{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);margin-block:1.25em .625em}h5{font-size:clamp(1rem,.875rem + .8vw,1.5rem);margin-block:1em .5em}h6{font-size:clamp(.875rem,.75rem + .5vw,1.25rem);margin-block:.75em .375em}p{max-width:var(--max-width);overflow-wrap:break-word;text-wrap:pretty}ul,ol{display:flex;flex-direction:column;gap:.4rem}.comment article ul{list-style:disc}.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);text-decoration:underline;text-decoration-color:rgba(0,0,0,0);font-weight:500;transition:all .1s ease-in-out}a:hover{color:var(--_color-hover);text-decoration:underline;text-decoration-thickness: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-radius:.375rem;border:solid 2px var(--clr-violet-200);background-color:light-dark(var(--clr-violet-100), var(--clr-gray-800));padding-left:.5rem;padding-right:.5rem}dialog{width:100%;border-radius:1rem;padding:1.5rem;outline:none;border:solid 2px var(--clr-violet-200);margin:auto}dialog::backdrop{background-color:hsl(from var(--clr-violet-200) h s l/0.6)}@media(max-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{width:100%;padding:1rem;resize:vertical}label:has(+:is(input,textarea)){display:block;font-size:1rem;font-weight:500;color:light-dark(var(--clr-gray-600), var(--clr-gray-300));margin-left:.2rem;margin-bottom:.2rem}input[type=text],input[type=email],input[type=date],input[type=password]{width:100%;align-items:center;padding:.25rem .5rem}mark{background-color:light-dark(var(--clr-violet-200), var(--clr-gray-600));color:light-dark(var(--clr-black), var(--clr-white));font-weight:500;border-radius:.2rem;padding-inline:10px}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-50), var(--clr-gray-600));border-left:4px solid var(--clr-violet-200);border-radius:0 1rem 1rem 0;padding:.5rem 1rem;margin:1rem 0}blockquote p{margin-bottom:0}blockquote *:first-child{margin-block-start:0}video{min-height:100%;min-width:100%;overflow:hidden;border-radius:1rem;border-width:1px;border-color:var(--clr-violet-100)}@keyframes pulse{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(0.7);transform-origin:50% 50%}100%{transform:scaleY(1);transform-origin:50% 50%}}@keyframes skeleton{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalf{0%{transform:scale(0)}100%{transform:scale(1)}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-modalf[open]{animation:modalf .15s ease-in-out}@keyframes pulse2{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(0.7);transform-origin:50% 50%}100%{transform:scaleY(1);transform-origin:50% 50%}}.auto-fit-grid{--column-width: 390px;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--column-width), 1fr));grid-auto-flow:row;max-width:100%;gap:1rem}.auto-fill-grid{--column-width: 390px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(var(--column-width), 100%), 1fr));max-width:100%;gap:1rem}.grid-auto{--column-width: 390px;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--column-width), 1fr));max-width:100%;gap:1rem}.grid-2{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-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:2px solid rgba(0,0,0,0);outline-offset:2px}.invisible{visibility:hidden}.stack>*+*{margin-top:var(--stack-space, 1.5rem)}.stack h3:first-child{margin-block-start:0}.topbar{grid-area:head;position:sticky;top:0;left:0;right:0;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;padding-inline:2rem;align-items:center;gap:1rem}#topbar-desktop{display:flex}#topbar-mobile{display:none}@media(max-width: 768px){#topbar-desktop{display:none}#topbar-mobile{display:flex}}.menu-toggle{display:none}.menu-btn{width:30px;height:30px;cursor:pointer;z-index:2}.menu-btn span{display:block;width:30px;height:3px;margin:6px 0;background:light-dark(var(--clr-gray-700), var(--clr-gray-100));border-radius:3px;transition:.4s}.menu{position:fixed;top:56px;left:-100svw;width:100svw;height:100svh;background:light-dark(var(--clr-white), var(--clr-black));padding:10px;transition:.4s;z-index:100}.menu a{display:flex;gap:10px;color:light-dark(var(--clr-gray-700), var(--clr-gray-100));padding:15px;text-decoration:none;transition:.3s}.menu-toggle:checked~.menu{left:0}.menu-toggle:checked~.menu-btn span:nth-child(1){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{grid-area:welcome;display:grid;grid-template-areas:"greeting" "quote" "menu";grid-template-rows:minmax(5.5rem, max-content) minmax(3rem, max-content) auto;content-visibility:auto;contain-intrinsic-size:300px}.welcome h1,.welcome p{margin:0;text-align:center;opacity:1;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{display:flex;justify-content:center;align-items:center;margin:auto;width:2.5rem;height:2.5rem;flex-shrink:0;padding:.5rem;border-radius:9999px;border:1px solid hsl(from currentColor h s l/0.6);background-color:light-dark(var(--clr-white), var(--clr-gray-100));color:light-dark(var(--clr-violet-400), var(--clr-violet-500))}.welcome svg{width:1.25rem;height:auto}.welcome ul{grid-area:menu;display:flex;flex-direction:row;justify-content:center;gap:.25rem;list-style:none;user-select:none}.welcome a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:12ch;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;color:light-dark(var(--clr-gray-700), var(--clr-gray-100))}.welcome a:hover{color:light-dark(var(--clr-violet-500), var(--clr-violet-400))}.welcome a:hover .icon{border-color:currentColor;box-shadow:0 0 0 1px hsl(from currentColor h s l/0.5)}.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/0.5)}@media(max-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;display:inline-flex;align-items:center;justify-content:center;gap:.5em;background-color:var(--base-bg);color:var(--base-cl);padding:.6em 1em;font-size:.95rem;white-space:nowrap;border-radius:.5em;font-weight:500;outline:none;border:none;box-shadow:0 0 1px rgba(0,0,0,0);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;text-decoration:none}.btn [data-icon],.btn svg{pointer-events:none;width:calc(1em + 2px);height:calc(1em + 2px)}.btn:hidden{display:none}.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));text-decoration:none;cursor:pointer}.btn:focus-visible{outline:2px solid var(--base-cl)}.btn:disabled{cursor:not-allowed !important;background-color:pink;color:red}.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% 0.237 25.331);--base-cl: var(--clr-white)}.btn-small{font-size:.8rem}.btn-medium{font-size:1rem}.btn-large{font-size:1.2rem}button[data-audio-segment]{display:inline;background-color:inherit;outline:none;border:none;cursor:pointer;width:36px;height:36px;color:light-dark(var(--clr-violet-500), var(--clr-gray-300))}button[data-audio-segment]:hover{color:light-dark(var(--clr-violet-700), var(--clr-gray-200))}.container{width:100%;margin-inline:auto;border-radius:1rem;padding:1.5rem;background-color:var(--bg-container);color:var(--cl-container)}.container>:first-child{margin-block-start:0}.container .phrase-with-meaning,.container .ecb-table{background-color:light-dark(var(--clr-white), var(--clr-black))}.container>img{overflow:hidden;border-radius:1rem;object-fit:cover;width:100%}.container>*+*{margin-top:1rem}.container .phrase-with-meaning{margin-block-start:1rem}.container-homework{width:100%;margin-inline:auto;border:solid 2px light-dark(var(--clr-violet-300), var(--clr-gray-100));border-radius:1rem;padding:1.5rem;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800))}.container-homework h1,.container-homework h2,.container-homework h3,.container-homework h4,.container-homework h5,.container-homework h6{margin-top:0}.container-homework::before{display:block;content:"";mask:url("/assets/svg/journal-text.svg") no-repeat center/contain;background-color:var(--clr-violet-400);width:32px;height:32px}.comments-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}body.dashboard{display:grid;position:relative;min-width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;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-template-columns:1fr min(92svw,150ch) 1fr;grid-row-gap:2rem}.lesson-header header{display:flex;gap:1rem;align-items:center}.lesson-header header h2{margin-block-start:.2em;margin-block-end:.2em}@media(max-width: 768px){.lesson-header header{flex-direction:column;align-items:start}}.lesson-index{padding:.5rem;font-weight:bold;border-radius:.5rem;border:solid 2px currentColor;color:inherit}.lesson-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.lesson-tag{background-color:var(--bg-highlight);color:var(--cl-highlight);border-radius:.25rem;padding:.25rem .45rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:capitalize}.lesson-card{position:relative;display:flex;flex-direction:column;flex-grow:1;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800));height:100%;cursor:pointer;overflow:hidden;border:solid 2px light-dark(var(--clr-violet-100), var(--clr-gray-500));border-radius:1rem}.lesson-card::before{content:attr(data-index);position:absolute;left:15px;top:15px;padding:.5rem;border:solid 2px light-dark(var(--clr-violet-300), var(--clr-gray-100));font-weight:bold;color:light-dark(var(--clr-violet-400), var(--clr-white));font-size:.8rem;border-radius:.5rem}.lesson-card::after{--width: 26px;content:"";position:absolute;left:calc(100% - 15px - var(--width));top:15px;padding:.5rem;color:light-dark(var(--clr-violet-300), var(--clr-white));mask:url("/assets/svg/square.svg") no-repeat center/contain;background-color:currentColor;width:var(--width);height:var(--width)}.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") no-repeat center/contain}.lesson-card div[data-image]{display:flex;justify-content:center;align-items:center;background-color:light-dark(var(--clr-white), var(--clr-gray-700));padding:20px}.lesson-card div[data-body]{display:flex;flex-direction:column;flex-grow:1;padding:.8rem 1.3rem 1.3rem}.lesson-card div[data-body] [data-description]{margin-top:1rem;height:100%}.lesson-card div[data-body] [data-actions]{display:flex;align-items:center;min-height:60px}.lesson-card-mini{display:flex;align-items:center;height:100%;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800));margin-top:0px;margin-bottom:0px;cursor:pointer;overflow:hidden;padding:0 .5rem;border-radius:1rem;border:solid 2px var(--clr-violet-100)}.lesson-card-mini:hover{border:solid 2px var(--clr-violet-300)}.lesson-content{grid-area:main;position:relative}.word-with-meaning{display:flex;gap:.4rem}.word-with-meaning span:first-child{font-weight:500}.word-with-meaning span:nth-child(2){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:bold}.ilq-wrong{color:light-dark(var(--clr-red-500), var(--clr-red-400));font-weight:bold}.phrase-with-meaning{display:flex;align-items:center;padding:1.5rem;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800));border-radius:1rem}.phrase-with-meaning:hover{background-color:light-dark(var(--clr-violet-100), var(--clr-gray-700))}.phrase-with-meaning [data-index]{margin-right:1.5rem;text-align:right;font-size:1.875rem;line-height:2.25rem;color:var(--clr-violet-400)}@media(min-width: 768px){.phrase-with-meaning [data-index]{font-size:3rem;line-height:1;width:3rem;display:block}}.phrase-with-meaning [data-phrase]{display:flex;flex-wrap:wrap;gap:.25rem;font-size:1.3rem;line-height:1.6rem;font-weight:500;letter-spacing:.5px;margin-top:0}.phrase-with-meaning [data-meaning]{display:flex;flex-wrap:wrap;gap:.25rem;color:light-dark(var(clr-gray-500), var(--clr-gray-400));font-size:.9rem;line-height:1.25rem;font-style:italic}.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;border-radius:.375rem;background-color:var(--_color);color:var(--_color)}.describe-image-card{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-template-areas:"image" "content";gap:1rem;border-radius:1rem;height:fit-content;width:100%;overflow:hidden;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800));margin-bottom:1rem}.describe-image-card h5{margin-top:0}.describe-image-card img{height:100%;width:100%;object-fit:cover}.describe-image-card [data-content]{padding:1rem}@media(min-width: 1024px){.describe-image-card{grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-areas:"image content content"}}.conversation-with-translation label{display:block;cursor:pointer;user-select:none;padding:.4em 1em;border-radius:.5em;background-color:var(--clr-violet-200);color:var(--clr-violet-500);height:100%;font-weight:500}.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:nth-child(1){display:flex;gap:.5rem}.conversation-with-translation:has([data-tab-spanish]:checked) div:nth-child(2){display:block}.conversation-with-translation:has([data-tab-portuguese]:checked) div:nth-child(3){display:block}.card-audio-segment{width:100%;border-radius:1rem;padding:1rem;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800))}.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}[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));position:relative;background-color:var(--_bg);color:var(--_color);padding:1rem;border-radius:1rem}.comment[data-highlight]{border-width:2px;border-color:var(--clr-violet-300)}.comment article{margin-block-start:1rem;margin-block-end:1rem;max-width:80ch}.comment article [data-clamp]{display:-webkit-box;line-clamp:5;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical}.comment [data-more]{font-size:.9rem;font-style:italic;text-decoration:underline}#dialog-audio-recorder form{display:flex;flex-direction:column;align-items:center;justify-content:center}#dialog-audio-recorder form [data-js=counter]{color:var(--clr-gray-500);font-weight:500;font-size:clamp(1.75rem,1.5rem + 1.5vw,2.5rem)}#dialog-audio-recorder form [data-js=container]{display:none;flex-direction:column;align-items:center;justify-content:center}#dialog-audio-recorder form [data-js=audio-container]{display:none;margin-top:1rem;margin-bottom:1rem;flex-grow:1;align-items:center;justify-content:center}#dialog-audio-recorder form [data-js=duration]{padding:1rem;color:var(--clr-gray-500)}#dialog-audio-recorder #wave{height:70px;width:70px;fill:var(--clr-violet-400)}#dialog-audio-recorder #Line_1{animation:pulse 1s infinite;animation-delay:.15s}#dialog-audio-recorder #Line_2{animation:pulse 1s infinite;animation-delay:.3s}#dialog-audio-recorder #Line_3{animation:pulse 1s infinite;animation-delay:.45s}#dialog-audio-recorder #Line_4{animation:pulse 1s infinite;animation-delay:.6s}#dialog-audio-recorder #Line_5{animation:pulse 1s infinite;animation-delay:.75s}#dialog-audio-recorder #Line_6{animation:pulse 1s infinite;animation-delay:.9s}#dialog-audio-recorder #Line_7{animation:pulse 1s infinite;animation-delay:1.05s}#dialog-audio-recorder #Line_8{animation:pulse 1s infinite;animation-delay:1.2s}#dialog-audio-recorder #Line_9{animation:pulse 1s infinite;animation-delay:1.35s}.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;width:100%;text-align:left;border:none;border-radius:.4rem;outline:none;transition:.4s;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem}.accordion h1,.accordion h2,.accordion h3,.accordion h4,.accordion h5,.accordion h6{margin:0}.accordion:after{content:"⮟";color:var(--_color);transition:transform .2s ease-out}.accordion-active:after{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;overflow:hidden;transition:max-height .2s ease-out}.milestones{display:flex;flex-direction:column;gap:.6rem}.milestone-wrapper{display:flex;gap:.5rem;width:100%;color:light-dark(var(--clr-violet-500), var(--clr-gray-100))}.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{display:flex;width:100%;padding:1rem;gap:1rem;align-items:center;border-radius:.5rem}.milestone>div{width:100%}.milestone::before{content:"";display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:bolder;mask:url("/assets/svg/square.svg") no-repeat center/contain;background-color:currentColor;width:35px;height:35px}.milestone[data-achieved]::before{mask:url("/assets/svg/check-square.svg") no-repeat center/contain}.milestone p{margin:0}.milestone strong{color:light-dark(var(--clr-violet-500), var(--clr-white))}.progress{position:relative;display:flex;align-items:center;gap:.4rem}.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));display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:1rem;padding:1rem;margin:1.5rem 0;background-color:var(--_bg);border:2px solid var(--_color);color:var(--_color)}.information p{margin:0;color:inherit}@media(min-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{overflow-x:auto;overflow-y:hidden;border-radius:1rem;border:1px solid light-dark(var(--clr-violet-200), var(--clr-gray-200))}.ecb-table>table{width:100%;white-space:nowrap;border-collapse:collapse;border-spacing:0}.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));padding:.5rem 1rem;text-align:left;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));padding:.5rem 1rem;text-align:left;font-weight:400}.ecb-table>table tbody tr:nth-child(even){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/0.5)}.ecb-table>table tbody tr td{padding:.25rem 1rem}.bia{display:flex;flex-direction:column;margin-top:1rem;gap:1rem}.bia p{margin:0;padding:0}.bia.success{font-size:.9rem;color:var(--clr-green-500)}.bia .match strong{display:block;font-weight:600;margin-bottom:1rem;color:light-dark(var(--clr-black), var(--clr-white))}.bia .match .context{margin-left:.5rem;font-size:.9rem;color:var(--clr-gray-500)}.bia .match .context .highlight{--_color: light-dark(var(--clr-red-500), var(--clr-red-300));font-weight:500;color:var(--_color);border:solid 2px var(--_color);border-radius:4px;padding-inline:4px}.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;padding-inline:4px;margin-inline:2px}.bia .disclaimer{color:var(--clr-gray-500);font-size:.9rem;font-style:italic}.tip{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--clr-yellow-100);color:var(--clr-yellow-700);padding:1rem;border-radius:1rem;border:solid 2px currentColor;gap:1rem}.tip p{margin:0;color:inherit}@media(min-width: 640px){.tip{flex-direction:row}}.tip::before{content:"";display:block;min-width:40px;max-width:40px;min-height:40px;max-height:40px;mask:url("/assets/svg/lightbulb.svg") no-repeat center/contain;background-color:currentColor}.flashcard{display:flex;flex-grow:1;flex-direction:column;border-radius:1rem;margin:0 auto;background-color:light-dark(var(--clr-violet-100), var(--clr-gray-800))}.flashcard .word{display:flex;flex-direction:column;border-radius:1rem;background-color:var(--clr-violet-400);padding:1rem}.flashcard .tag{user-select:none;border-radius:.25rem;background-color:var(--clr-white);padding-inline:.5rem;font-size:.75rem;line-height:1rem;font-style:italic;color:var(--clr-black)}.flashcard .example{margin-top:.5rem;font-style:italic;color:var(--clr-gray-500)}@media(min-width: 768px){.flashcard{margin:0;max-width:320px}}#toasts{display:flex;flex-direction:column;gap:.5rem;position:fixed;left:0px;right:0px;bottom:3rem;z-index:101;transition-duration:1000ms}.toast{--_bg: red;--_color: red;background-color:var(--_bg);color:var(--_color);border-color:var(--_color);cursor:pointer;user-select:none;border-style:solid;border-width:2px;border-radius:1rem;padding:1rem;max-width:90vw;margin-inline:auto;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.toast[data-visible]{opacity:1}.toast #remaining-bar-container{margin-top:1rem;height:4px;width:100%;border-radius:2px;background-color:var(--clr-white);overflow:hidden}.toast #remaining-bar-container>div{height:4px;width:100%;background-color:var(--_color)}.toast #created-at{font-size:.9rem;font-style:italic;color:hsl(from var(--_color) h s calc(l + 25))}.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(min-width: 1024px){.toast{max-width:70vw}}.question-container{width:100%;border-radius:1rem;border:solid 2px light-dark(var(--clr-violet-50), var(--clr-gray-800));margin:0 auto;margin-bottom:1.5rem;padding:1.5rem}.question-container form{flex-direction:column;gap:1rem;opacity:0;transition:opacity 300ms ease-in-out}.question-container form:not([hidden]){display:flex;opacity:1}.question-container form img{margin-top:2rem;overflow:hidden;border-radius:.25rem;object-fit:contain;width:100%;max-width:600px;height:auto}.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);padding:.25rem 1rem;border:solid 1px hsl(from var(--_color) h s l/0.5);border-radius:.375rem}.questionnaire-progress{--stripe-size: 4px;display:flex;justify-content:stretch;gap:5px;height:var(--stripe-size);min-height:var(--stripe-size);margin-top:1rem}.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{width:100%;background-color:light-dark(var(--clr-violet-100), var(--clr-gray-800));border-radius:.375rem}.question label{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-width:1px;padding:1rem;font-size:.875rem;line-height:1.25rem}.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/0.5)}.question-counter{border-radius:.25rem;font-weight:600;background-color:light-dark(var(--clr-violet-100), var(--clr-gray-700));padding:.75rem 1rem;font-size:1.2rem}.question-report{border:solid 2px light-dark(var(--clr-violet-100), var(--clr-gray-800));width:100%;border-radius:.375rem;padding:10px;margin-bottom:1rem}.question-report [data-index]{background-color:light-dark(var(--clr-violet-100), var(--clr-gray-800));display:flex;cursor:pointer;align-items:center;gap:.5rem;border-width:1px;padding:1rem;font-size:.875rem;line-height:1.5rem;border-radius:.5rem}.question-report [data-correct]{position:relative;border:solid 2px light-dark(var(--clr-green-500), var(--clr-green-300));padding-left:3rem}.question-report [data-correct]::before{content:"";position:absolute;mask:url("/assets/svg/check-square.svg") no-repeat center/contain;background-color:light-dark(var(--clr-green-500), var(--clr-green-300));width:1.5rem;height:1.5rem;left:.75rem;display:flex;align-items:center;justify-content:center}.question-report [data-wrong]{position:relative;border:solid 2px light-dark(var(--clr-red-500), var(--clr-red-300));padding-left:3rem}.question-report [data-wrong]::before{content:"";position:absolute;mask:url("/assets/svg/x-square.svg") no-repeat center/contain;background-color:light-dark(var(--clr-red-500), var(--clr-red-300));width:1.5rem;height:1.5rem;left:.75rem;display:flex;align-items:center;justify-content:center}.text-red{color:light-dark(var(--clr-red-500), var(--clr-red-300));font-weight:bold}.text-green{color:light-dark(var(--clr-green-500), var(--clr-green-300));font-weight:bold}.answer-badge{border-radius:4px;padding:.6rem .8rem;display:inline-block;text-align:center;min-width:2.4rem}.answer-badge.correct{display:flex;align-items:center;gap:.3rem;background-color:var(--clr-green-100);color:var(--clr-green-500);line-height:1.5rem}.answer-badge.correct::before{content:"";mask:url("/assets/svg/check-square.svg") no-repeat center/contain;background-color:currentColor;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.answer-badge.incorrect{display:flex;align-items:center;gap:.3rem;background-color:#fee2e2;color:var(--clr-red-500);line-height:1.5rem}.answer-badge.incorrect::before{content:"";mask:url("/assets/svg/x-square.svg") no-repeat center/contain;background-color:currentColor;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.question-header{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-block-end:.5rem}.question-header audio{margin-top:.8rem}@media(max-width: 768px){.question-header{flex-direction:column;align-items:start}}.feed{position:relative;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800));padding:1rem;border-radius:1rem}.feed header,.comment header{display:flex;align-items:center;gap:1rem}.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));font-size:.9rem;font-style:italic;margin:0 0 1px 0;padding:0}.feed-exercise [data-lesson-image]{height:120px;user-select:none;margin-top:1rem}.auth-layout{display:grid;place-content:center;min-width:100%;min-height:100svh}.auth-layout>main{max-width:min(92svw,1200px)}.avatars-stack{--stack-overlap: -0.8rem;display:flex}.avatars-stack>*:not(:last-child){margin-right:var(--stack-overlap)}.logo{font-family:"Antonio";font-size:1.5rem;font-weight:500}.icon-counter{display:flex;gap:.3rem;align-items:center}.icon-counter p{font-size:.875rem;font-weight:500;margin-bottom:0;color:light-dark(var(--clr-violet-500), var(--clr-gray-300))}.a-or-b{width:100%;margin-inline:auto;border-radius:1rem;padding:1.5rem;background-color:light-dark(var(--clr-violet-50), var(--clr-gray-800))}.a-or-b h1,.a-or-b h2,.a-or-b h3,.a-or-b h4,.a-or-b h5,.a-or-b h6{margin-top:0}.white-ball{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:1.3rem;height:1.3rem;font-size:.7rem;color:var(--clr-violet-500);background-color:#fff}.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))}/*# sourceMappingURL=style.css.map */