*{transition:all 0.1s;font-display:swap}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-family:"Inter", sans-serif;color:#0f0f0f;margin:0;padding:0;font-size:1.1em}p{line-height:150%}ul,ol{line-height:150%}ul li,ol li{margin-bottom:10px}h1,h2,h3,h4,h5,h6{font-family:"Yeseva One", serif}a{color:#006aff;font-weight:500}header{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px 0}#app-no-nav #main-container{padding-bottom:0px !important}#app-no-nav #mobile-navigation{display:none}#main-container{padding:14px;padding-bottom:100px}#main-container-devise-forms{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 48px);padding:50px 24px 24px 24px;background-color:#ffebbd}#main-container-devise-forms h1,#main-container-devise-forms h2,#main-container-devise-forms h3,#main-container-devise-forms h4,#main-container-devise-forms h5,#main-container-devise-forms h6{color:#001a4d}#main-container-devise-forms a{color:#001a4d;line-height:1.5}.alert,.notice{margin:0;text-align:center}.cta{padding:11px 22px;border:none;outline:none;font-size:15px;text-transform:uppercase;font-weight:bold;border-radius:14px;border:1px solid #ededed;box-shadow:0 4px 0px #cce0ff;display:flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;margin-bottom:12px;width:calc(100% - 44px);transition:all 0.05ss}.cta:hover{cursor:pointer;text-decoration:none;box-shadow:inherit;transform:translateY(4px)}input.cta[type="submit"],button.cta{width:100% !important}.cta-blue{background-color:#006aff;border-color:#005be6;color:white;border-color:#003399;box-shadow:0 4px 0px #003399}.cta-orange{background-color:#ffc227;border-color:#d28c01;color:white;box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #ffc227 !important}.cta-white{background-color:white;border-color:#ededed;color:#001a4d}.cta-blank{background-color:inherit;color:white;border-color:#ededed}.cta-blank-black{background-color:inherit;color:#001a4d;border-color:#b7b7b7;box-shadow:0 4px 0px #b7b7b7}.cta-red{color:white;background-color:#E00000;border-color:#b90000;box-shadow:0 4px 0px #b90000}.cta-blank-blue-container{text-align:right}.cta-blank-blue{background-color:transparent;color:#006aff;border:1px solid #006aff !important;border-radius:12px;font-size:14px;font-weight:normal;text-transform:inherit;padding:5px 10px;display:inline-flex;align-items:center;text-decoration:none;box-shadow:0 2px 0px #006aff}.cta-blank-blue svg{height:18px;width:auto}.cta-blank-blue:hover{transform:translateY(2px);box-shadow:none}.nav-back,.nav-back a{color:#666666}input[type="text"],input[type="email"],input[type="password"],input[type="datetime-local"],select{background-color:#f0f7ff;border:1px solid #001a4d;padding:12px;width:calc(100% - 24px) !important;border-radius:3px;outline:none}input[type="text"]:active,input[type="text"]:focus,input[type="email"]:active,input[type="email"]:focus,input[type="password"]:active,input[type="password"]:focus,input[type="datetime-local"]:active,input[type="datetime-local"]:focus,select:active,select:focus{border:1px solid #006aff;background-color:#fff;box-shadow:0 0 1px rgba(10,22,70,0.03),0 2px 2px rgba(10,22,70,0.05)}select{max-width:50%}.field,.actions{margin-bottom:24px}.field,.field-inline{margin:12px 0 18px 0}.field label,.field em{font-weight:400 !important;font-size:0.95em;display:block;margin-bottom:6px}.field-inline-checkbox{display:flex;justify-content:flex-start;align-items:baseline;gap:5px;margin-top:12px;margin-bottom:18px}.field-inline label{display:inline-block;margin-bottom:10px}.flash__message{text-align:center}#desktop-header,#desktop-sidebar{display:none}#devise-shared-links{margin-top:auto;margin-bottom:12px}#devise-shared-links a{color:#001a4d;font-size:0.9em;line-height:2}.container-marcel-featured{height:156px}.container-marcel-featured img{width:200px;height:156px}#app-dashboard-featured{text-align:center}#app-dashboard-featured>img{margin-bottom:-10px;position:relative}#app-dashboard-featured>div:not(.container-marcel-featured){background:linear-gradient(166.27deg, #096cff 17.01%, #003A90 210.97%);border-radius:18px;padding:18px;position:relative}#app-dashboard-featured>div:not(.container-marcel-featured) h2{color:white;font-size:1.5em;font-weight:900;margin-top:5px}#app-dashboard-featured>div:not(.container-marcel-featured) a{margin-bottom:2px}#streak-container,#madeleines-container{display:flex;align-items:center;gap:2px;font-size:16px;font-weight:600;color:#ffc227}#streak-container>svg,#madeleines-container>svg{color:#ffc227}.app-dashboard-section{margin-bottom:42px}.no-list-style{list-style:none;padding:0;margin:0}#account-header{background-color:#001a4d;color:white;padding:32px 20px !important;flex-direction:column;align-items:flex-start;text-align:center;width:calc(100% + 28px);position:relative;right:14px;bottom:14px}#account-header #title-container{margin:auto}#account-header #title-container h1{margin-top:2px !important;font-size:28px}#account-header>a{color:white}#account-header>nav{display:flex;align-items:center;justify-content:space-between;width:100%}#account-header>nav>a,#account-header>nav svg{color:white}#account-stats{display:flex;align-items:center;justify-content:space-between}#account-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 18px;flex:1}#account-stats>div>div{display:flex;align-items:center;justify-content:center;height:50px}#account-stats>div>div>h3{font-family:"Inter", sans-serif;font-size:15px;font-weight:500;color:#001a4d;text-align:center;margin-top:0px;color:#b7b7b7}#account-stats>div>p{font-size:28px;font-weight:bold;color:#0f0f0f;display:flex;align-items:center;justify-content:center;height:65px;margin:0}#account-stats>div:first-of-type,#account-stats>div:nth-of-type(2){border-right:1px solid #b7b7b7}#account-stats>div:first-of-type svg{color:#003399}#account-stats>div:last-of-type svg{color:#ffc227}.switch{display:inline-block;position:relative;height:30px;width:160px;background:#001a4d;border:0 solid #001a4d;border-radius:30px;font-weight:bold;color:#fff;font-size:16px;line-height:30px}.switch:hover{cursor:pointer}.slide{border:0 solid black;background:black;border-radius:20px;position:absolute;top:4px;left:4px;width:70px;height:20px;clip:rect(0, 0, 0, 0)}.on{position:absolute;top:0px;left:10px}.off{position:absolute;top:0px;right:10px;text-align:right}@-webkit-keyframes move_slider{from-width:80px;from-left:2px;from-right:auto;50%{width:120px;left:auto;right:auto}to{width:80px;left:auto;right:2px}}@keyframes move_slider{0%{width:80px;left:2px}50%{width:120px;left:2px}100%{width:80px;left:38px}}@keyframes move_slider_back{0%{left:76px}50%{width:120px;left:36px}100%{left:2px}}.slider{position:absolute;width:78px;height:26px;background:#006aff;border-radius:26px;top:2px;left:80px;-webkit-animation:.2s ease-in-out 0s move_slider;animation:.2s ease-in-out 0s move_slider}.slide:checked+.slider{left:2px;width:72px;-webkit-animation:.2s ease-in-out 0s move_slider_back;animation:.2s ease-in-out 0s move_slider_back}.slide~.on{opacity:.6}.slide:checked~.on{opacity:1}.slide:checked~.off{opacity:.6}.settings-inline-field{display:flex;align-items:center;justify-content:space-between}.settings-inline-field>label:first-of-type{font-weight:500 !important}#screens-index-top{margin:0}#screens-index-top h1{font-size:1.58em;font-weight:900;margin-bottom:0;margin-top:0}#screens-index-ctas{padding:32px 0 0 0}#screens-index-ctas>a:nth-of-type(2){margin-top:15px;font-size:0.78em}#main-container-screens-index{background-color:#ffebbd;color:#001a4d;text-align:center;min-height:calc(100vh - 48px);padding:24px;display:flex}#main-container-screens-index>div{display:flex;flex-direction:column;justify-content:space-between;width:100%;flex:1;min-height:calc(100vh - 96px)}#screens-index-bottom{height:218.5px}#screens-index-bottom img{width:275px;height:auto;position:relative;top:28px}#mobile-navigation{position:fixed;z-index:1000}#mobile-navigation>div{position:fixed;bottom:0;left:0;right:0;background-color:white;border-top:1px solid #e5e5e5;box-shadow:0 -2px 10px rgba(0,0,0,0.05)}#mobile-navigation>div>div{display:flex;justify-content:space-around;align-items:center;padding:6px 0 18px 0}#mobile-navigation a{display:flex;flex-direction:column;align-items:center;color:#001a4d;text-decoration:none;width:17%;padding:8px 0;border-radius:10px}#mobile-navigation a:hover{background-color:#e5e5e5}#mobile-navigation a.active{background-color:#003399;color:white}#mobile-navigation a.active svg{color:white}#mobile-navigation a svg{width:24px;height:24px;margin-bottom:4px;color:#001a4d}#mobile-navigation a span{font-size:0.755rem;font-weight:500}.wp-block-table{margin:0 0 1em 0;overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%;border:1px solid #e2e4e7}.wp-block-table td,.wp-block-table th{padding:0.5em;border:1px solid #e2e4e7;word-break:break-word}.wp-block-table th{background-color:#f8f9fa;font-weight:600}.wp-block-table tr:nth-child(odd){background-color:#f8f9fa}.wp-block-table.is-style-stripes{border-bottom:1px solid #e2e4e7}.wp-block-table.is-style-stripes table{border:none}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border:none;border-bottom:1px solid #e2e4e7}.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f8f9fa}.wp-block-table.has-fixed-layout table{table-layout:fixed}.field #code{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px}#practice-options{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem}.practice-box{box-sizing:border-box;border-radius:1rem;padding:1.33rem;display:block;background:white;text-decoration:none;color:inherit;transition:transform 0.2s ease, box-shadow 0.2s ease;margin-bottom:12px}.practice-box svg{color:white}.practice-box:hover{transform:translateY(-4px)}.practice-box:hover::before{transform:scale(1.1)}.practice-box-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.practice-box h2{margin:0;font-size:1.5rem;color:white}.quiz-box{border:1px solid #006aff;box-shadow:0 4px 0px #cce0ff;background:linear-gradient(135deg, #05c 0%, #27e 100%)}.quiz-box:hover{box-shadow:0 8px 0px #cce0ff}.dictee-box{border:1px solid #f0a105;box-shadow:0 4px 0px #ffe2a8;background:linear-gradient(135deg, #f0a105 0%, #ffb43c 100%)}.dictee-box:hover{box-shadow:0 8px 0px #ffe2a8}#practice-split-container{min-height:100vh;width:100vw;margin-left:calc(-1 * (100vw - 100%)/2);margin-right:calc(-1 * (100vw - 100%)/2);margin-top:-14px}#practice-split-container .nav-back{position:absolute;top:12px;left:12px;right:0;z-index:1000}#practice-split-container .nav-back>*{color:white !important}#practice-split-container-flex{display:flex;flex-direction:column;min-height:100vh;width:100vw}.practice-half{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(50vh - 2rem);padding:1.5rem 1rem}.practice-third{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(33.33vh - 2rem);padding:1.5rem 1rem}.quiz-half{background:#006aff;color:white}.dictee-half{background:#001a4d;color:white}.debutant-third{background:#30c77e;color:white}.intermediaire-third{background:#f6a400;color:white}.difficile-third{background:#d30000;color:white}.practice-split-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem 1.2rem}.practice-split-illustration{margin-bottom:0.5rem}.practice-split-illustration img{width:120px;height:120px;object-fit:contain}.practice-split-content p{font-size:17px;margin:0}#dictees-header,#quiz-header{color:white;padding:50px 20px 32px 20px !important;flex-direction:column;align-items:flex-start;width:calc(100% - 20px);position:relative;right:10px;bottom:50px;margin-bottom:-30px}#dictees-header>a,#quiz-header>a{color:white}#dictees-header>h1,#quiz-header>h1{font-size:1.785em;word-break:break-word}#dictees-header #post-header-meta,#quiz-header #post-header-meta{font-size:0.9em;margin-top:5px;margin-bottom:0;display:flex;align-items:center;gap:5px}#dictees-header #post-header-meta>a,#quiz-header #post-header-meta>a{color:white;text-decoration:underline}#dictees-header.debutant-header,#quiz-header.debutant-header{background-color:#30c77e}#dictees-header.intermediaire-header,#quiz-header.intermediaire-header{background-color:#f6a400}#dictees-header.difficile-header,#quiz-header.difficile-header{background-color:#d30000}#post-header{background-color:#001a4d;color:white;padding:50px 20px 32px 20px !important;flex-direction:column;align-items:flex-start;width:calc(100% - 20px);position:relative;right:10px;bottom:50px;margin-bottom:-30px}#post-header>a{color:white}#post-header>h1{font-size:1.785em;word-break:break-word}#post-header #post-header-meta{font-size:0.9em;margin-top:5px;margin-bottom:0;display:flex;align-items:center;gap:5px}#post-header #post-header-meta>a{color:white;text-decoration:underline}#post-content>*{max-width:100%;overflow-x:auto}#post-content img,#post-content figure{width:100%;height:auto}figure{margin:0}#post-read-status{color:white;display:inline-flex;align-items:center;gap:4px}.level-neutral{background-color:#b7b7b7}.category-section{margin-bottom:2rem}.category-section h2{margin-bottom:1rem}.category-section h2 a{color:#001a4d;text-decoration:none}.category-section h2 a:hover{text-decoration:underline}.categories-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;margin-top:2rem;margin-bottom:2rem}.category-card{background:white;border-radius:1rem;padding:1.5rem;text-decoration:none;color:#0f0f0f;border:1px solid #cce0ff;box-shadow:0 4px 0px #cce0ff;transition:all 0.2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:90px}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 0px #cce0ff}.category-card:hover::before{transform:scale(1.1)}.category-card.completed{border:1px solid #ffdb7e;box-shadow:0 4px 0px #ffebbd}.category-card.completed:hover{transform:translateY(-4px);box-shadow:0 8px 0px #ffebbd !important}.category-card.completed .posts-count{background:#ffc227 !important;color:white !important}.category-card.completed .progress-fill{background:#ffc227 !important}.category-card .category-content{position:relative;flex:1;display:flex;flex-direction:column}.category-card .category-content h2{display:flex;justify-content:flex-start;align-items:center;gap:3px;margin-bottom:0}.category-card .category-content h2 svg{color:#ffc227 !important}.category-card .category-content .category-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-card .category-content .category-header .posts-count{font-size:0.8rem;display:inline-flex;align-items:center;gap:0.25rem;background:#f0f7ff;padding:0.33rem .90rem;border-radius:0.5rem;color:#0047cc;font-weight:500;white-space:nowrap;flex-shrink:0}.category-card h2{font-size:1.45rem;margin:0 0 0.75rem 0;color:#001a4d;font-weight:600}.category-card .category-stats{font-size:0.75rem;color:#666666;display:flex;align-items:center;gap:8px;margin-top:auto}.category-card .category-stats .progress-bar{flex:1;height:8px;background-color:#cce0ff;border-radius:4px;overflow:hidden}.category-card .category-stats .progress-bar .progress-fill{height:100%;background-color:#006aff;border-radius:4px;transition:width 0.3s ease}.category-card .category-stats .progress-text{font-size:0.7rem;color:#666666;font-weight:500;min-width:30px;text-align:right}#post-quizzes{margin-top:32px}#post-video{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:1.5rem 0;padding:1rem}.story-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position:relative;animation:shadowPulse 2s ease-in-out infinite}.story-circle::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);z-index:-1;opacity:1;padding:3px;background-clip:content-box}.story-circle:hover{transform:scale(1.05)}.story-circle:active{transform:scale(0.95)}.story-circle-inner{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2743;position:relative;overflow:hidden;border:2px solid white;animation:videoSimulation 2s ease-in-out infinite}.story-circle-inner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);filter:blur(8px);animation:videoMovement 2s ease-in-out infinite;z-index:0}.story-circle-inner svg{position:relative;color:white;z-index:1;animation:playPulse 2s ease-in-out infinite}@keyframes videoSimulation{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.02) rotate(0.3deg)}}@keyframes videoMovement{0%,100%{transform:translate(0, 0) scale(1);background:radial-gradient(circle at 30% 30%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%)}50%{transform:translate(3px, -2px) scale(1.05);background:radial-gradient(circle at 70% 30%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%)}}@keyframes playPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.075)}}@keyframes shadowPulse{0%,100%{box-shadow:0 0 8px rgba(0,0,0,0.25)}50%{box-shadow:0 0 25px rgba(0,0,0,0.35)}}#video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease}#video-modal.active{opacity:1;visibility:visible}.video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center}.video-modal-content{position:relative;width:100%;max-width:90vw;max-height:90vh;aspect-ratio:9/16;background:black;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.5)}.video-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.7);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.2s ease}.video-modal-close:hover{background:rgba(0,0,0,0.9);transform:scale(1.1)}.video-container{width:100%;height:100%}.video-container iframe{width:100%;height:100%;border:none}#quiz_mistakes,#quiz-score{display:flex;align-items:center;gap:1px;color:#ff3434;font-size:15px}#quiz_mistakes>svg,#quiz-score>svg{color:#ff3434}#quiz-progress-bar{height:12px;width:225px;margin:auto;background-color:#efefef;border-radius:30px;position:relative;padding:2px}#quiz-progress-indicator{background-color:#58CB05;border-radius:30px;height:100%;width:0%;position:relative}#quiz-container{margin-top:38px}#quiz-container>div{text-align:center;display:none}#quiz-container>div.active{display:block}#quiz-results-modal{display:none;position:fixed;top:0;left:0;height:100%;background-color:#001a4d;color:white;z-index:1000;padding:24px;text-align:center}#quiz-results-modal>div{padding:42px 0}#quiz-results-modal>div>h2{margin-top:10px}#quiz-results-modal>div>span:first-of-type{font-size:38px}#quiz-madeleines>div:nth-of-type(2){color:#ffc227 !important}.ul-answers{list-style:none;padding:0;width:100%}.ul-answers li{list-style-type:none;padding:12.5px 25px;background-color:#efefef;margin-bottom:14px;font-size:0.9em;color:#0f0f0f;border-radius:10px;cursor:pointer;transition:all 0.1s;border:0.5px solid #e5e5e5;box-shadow:0 3px 0px #e5e5e5}.ul-answers li em{font-style:normal;font-weight:bold}.true{background-color:#d2ffdd !important;border:1px solid #d2ffdd !important;color:#002e0b}.false{background-color:#ffd2d2 !important;border:1px solid #ffd2d2 !important;color:#420000}.selected{box-shadow:none !important}.selected:hover{cursor:normal !important}.qa-result{padding:12px;margin-bottom:10px;font-size:0.9em;text-align:left !important;border:none !important;box-shadow:none !important}.quiz-continue-btn,.qa-result{display:none}.quiz-continue-btn-active{display:block}#quiz-results-modal-text{color:white !important;margin-bottom:28px}#quiz-results-divs-container{height:146px;margin-bottom:38px}#quiz-results-divs-container>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;border:2px solid white;padding:8px 24px;border-radius:8px;margin-bottom:18px;font-size:15px !important;font-weight:600 !important}#quiz-results-divs-container>div>div:first-of-type{color:white !important;gap:3px}#quiz-results-divs-container>div>div:nth-of-type(2){display:flex;align-items:center;gap:3px}.quiz-card{box-sizing:border-box;border:1px solid #cce0ff;box-shadow:0 4px 0px #cce0ff;border-radius:1rem;padding:1.33rem;display:block;text-decoration:none;color:#0f0f0f;margin-bottom:22px;background-color:white}.quiz-card:hover{transform:translateY(-4px);box-shadow:0 8px 0px #cce0ff}.quiz-card:hover::before{transform:scale(1.1)}.quiz-card-level{color:white;padding:0px 14px;line-height:25px;font-size:0.75rem;font-weight:600;border-radius:6px;display:inline-block}.quiz-card-level.level-1{background-color:#00E074}.quiz-card-level.level-2{background-color:#FFAB07}.quiz-card-level.level-3{background-color:#E00000}.quiz-card-title{margin-top:12px;margin-bottom:18px;font-size:1.25rem;color:#0f0f0f !important}.quiz-card-footer{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-top:12px}.quiz-card-footer>div{display:flex;align-items:center;gap:3px;font-size:0.75rem;align-items:center;gap:0.25rem;background:#f0f7ff;padding:0.30rem .90rem;border-radius:0.5rem;color:#0047cc;font-weight:500}#quiz-to-post-bubble{position:fixed;bottom:24px;right:24px;background-color:#003399;color:white !important;padding:12px;border-radius:50%;width:26.5px;height:26.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s ease-in-out}#quiz-to-post-bubble a,#quiz-to-post-bubble svg{color:white !important}#quiz-to-post-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}*{--plyr-color-main: #0061E5;--plyr-control-icon-size: 32px;--plyr-control-padding: 0px;--plyr-control-radius: 100px;--plyr-control-height: 4rem;--plyr-audio-control-background: #002D7D;--plyr-audio-control-background-hover: #002D7D;--plyr-audio-control-color: #ffffff;--plyr-audio-control-color-hover: #ffffff;--plyr-range-thumb-height: 12px;--plyr-range-track-height: 8px}.plyr{text-align:center !important}.plyr__controls{display:inline-block !important;width:50%}.plyr__control{background-color:#002D7D !important;padding:0 !important;height:4rem !important;width:4rem !important;padding-left:1.15rem !important;padding-right:1.1rem !important}.plyr__control:hover{transform:scale(1.1)}.plyr__control svg{vertical-align:middle !important}.plyr__progress{margin-top:15px !important}.plyr__tooltip{width:75px !important}.textarea-quiz-dictation{background-color:#fff;border:1px solid #D3E2FF;border-radius:4px;color:#293557;margin-bottom:4px;padding:10px 12px;font-size:18px;width:calc(100% - 26px);height:125px;outline:none;margin-top:5px;font-family:'Inter', sans-serif;font-size:0.9em;text-align:left;overflow-y:scroll}.player-playlist{list-style-type:none;display:flex;justify-content:center;padding:2px 25px;margin:auto;flex-wrap:wrap}.player-playlist>li{margin-right:5px;margin-left:5px;margin-bottom:5px;color:white}.player-playlist>li>button{display:flex;justify-content:center;align-items:center;border-radius:50px;height:50px !important}.player-playlist>li>button>span{margin-left:5px;font-size:1.1em;font-weight:bold;word-break:keep-all}#dictee-container{margin-bottom:32px}#dictee-container>div{display:none}#dictee-container>div.active{display:block}.dictee-modules-container{text-align:center}.dictee-modules-container .plyr__control.inactive{cursor:not-allowed;background-color:#D3E2FF !important}.dictee-modules-container .plyr__control.inactive:hover{transform:inherit}.corriger-btn.inactive{cursor:not-allowed}.corriger-btn.inactive:hover{background-color:#0061E5}.container-special-chars{text-align:left;margin:12px 0 24px 0;font-size:0.8em}.container-special-chars>span{min-width:150px;margin-right:10px}.container-special-chars ul{list-style-type:none;display:flex;justify-content:flex-start;padding:0;flex-wrap:wrap;margin:12px 0}.container-special-chars ul li{text-align:center;padding:0.25rem 0.75rem;border:1px solid #D3E2FF;border-radius:0.25rem;vertical-align:middle;margin-right:5px;margin-bottom:10px}.container-special-chars ul li:hover{background-color:#D3E2FF;font-weight:bold;cursor:pointer}@media (min-width: 47.99em){.hidden-on-desktop{display:none !important}#mobile-navigation{display:none !important}#main-container{display:flex;padding:0;margin:0;height:100%;position:relative}#main-container>div{width:calc(100% - 323px);padding:12px 24px;margin-left:323px}#main-container-devise-forms{background-color:white;display:inherit;min-height:inherit;max-width:700px;width:45%;margin:auto}#desktop-header,#desktop-sidebar{display:block}#header{padding:12px 0px;display:flex;justify-content:space-between;align-items:center}#header>a{color:#666666 !important}#devise-shared-links{margin-top:inherit}#desktop-sidebar{min-width:275px;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100vh - 48px);padding:24px;background-color:white;border-right:2px solid #e5e5e5;position:fixed;left:0}#desktop-sidebar h1,#desktop-sidebar h1>a{font-size:24px;font-weight:900;text-decoration:none;color:#001a4d;margin-bottom:24px;color:#0f0f0f}#desktop-sidebar>a{display:flex;justify-content:flex-start;align-items:center;gap:6px;margin-bottom:14px;color:#001a4d;border-bottom:1px solid #e5e5e5;padding:14px;color:#001a4d;text-decoration:none}#desktop-sidebar>a:last-child{border-bottom:none}#desktop-sidebar>a:hover{background-color:#e5e5e5;border-radius:12px}#desktop-sidebar>a.active{background-color:#003399;color:white;border-radius:12px}#desktop-sidebar>a.active svg{color:white}#desktop-sidebar>div{display:flex;justify-content:space-between;align-items:center;margin-top:auto}#post-header,#account-header,#dictee-level-header,#quiz-level-header{width:calc(100% + 8px);position:relative;right:24px;bottom:20px !important;margin-bottom:-10px !important}#post-content{width:75% !important}#badge-container img{width:75px;height:75px}.chat-layout{display:flex;flex-direction:row !important;height:calc(100vh - 48px)}#chat-messages{flex:1;overflow-y:auto}.chat-sidebar{width:215px;border-right:1px solid #e5e7eb;border-top:none !important;margin-top:0 !important;padding-top:0 !important;padding:0.88rem;height:100%}#chat-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}#chat-sidebar-header>a{float:inherit}#chat-sidebar-header>svg:first-child{display:block !important}.cta{max-width:350px !important;margin-left:auto;margin-right:auto}#screens-index-ctas .cta{margin-left:auto;margin-right:auto}.chat-input-container{position:fixed !important;bottom:0 !important;left:inherit !important;right:48px !important;width:calc(800px + 48px) !important}#practice-options{grid-template-columns:repeat(2, 1fr)}#chat-sidebar-container{gap:10px}#quiz-results-modal{width:calc(100% - 48px) !important}#practice-split-container{min-height:inherit;margin-left:0;margin-right:0;margin-top:0 !important;width:calc(100% + 48px);position:relative;right:24px;bottom:12px;padding:0}#practice-split-container-flex{flex-direction:row;margin-top:0 !important;width:100%;margin-top:0 !important}.syllabus-post-card,.syllabus-quiz-card{min-width:inherit !important;width:400px !important;left:50% !important;transform:translateX(-50%) !important}.practice-third{min-height:calc(100vh - 48px)}}#chat-container{height:calc(100vh - 300px);max-width:800px;margin:0 auto}#chat-sidebar-container{display:flex}#chat-messages{overflow-y:auto;display:flex;flex-direction:column;padding-bottom:100px}.chat-message{display:flex;margin-bottom:1rem}.user-message{align-self:flex-end;flex-direction:row-reverse}.assistant-message{align-self:flex-start}.message-avatar{flex-shrink:0;margin:0 0.5rem}.message-content{padding:0.35rem 1rem;border-radius:1rem;background:#f0f0f0}.message-content>p{margin:0.65rem 0 !important}.user-message .message-content{background:#1a73e8;color:white;border-radius:1rem 1rem 0 1rem}.assistant-message .message-content{background:#f0f0f0;border-radius:1rem 1rem 1rem 0}.marcel-avatar{border-radius:50%;object-fit:cover}.chat-input-container{display:flex;align-items:center;padding:12px 12px 20px 12px;background:white;border-top:1px solid #e0e0e0;position:fixed;bottom:0;left:0;right:0;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,0.05)}.chat-input-container textarea{font-family:"Inter", sans-serif;flex:1;border:none;padding:0.8rem;height:auto;line-height:24px;resize:none;min-height:24px;overflow:hidden;font-size:15px}.chat-input-container textarea:focus{outline:none}.chat-input-container textarea[rows="1"]{height:24px}.chat-input-container textarea[rows="2"]{height:48px}.chat-input-container textarea[rows="3"]{height:72px}.chat-input-container textarea[rows="4"]{height:96px}.chat-input-container textarea[rows="5"]{height:120px}.chat-send-button{background:none;border:none;margin-left:0.5rem;cursor:pointer;color:#1a73e8;display:flex;align-items:center;justify-content:center}.chat-send-button:hover{color:#0d47a1}.reference-links{margin-top:1.5rem;font-size:0.9em;border-top:1px solid #e0e0e0}.reference-links ul{list-style-type:"- ";padding-left:1.5rem}.reference-links ul a{color:black;font-style:italic}.writing-indicator{display:flex;margin-bottom:1rem;max-width:85%;align-self:flex-start}.hidden{display:none}.typing-dots{display:flex;padding:6px 12px}.typing-dots span{height:8px;width:8px;margin:0 4px;background-color:#8e8e8e;border-radius:50%;opacity:0.4;animation:pulse 1.5s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:0.2s}.typing-dots span:nth-child(3){animation-delay:0.4s}@keyframes pulse{0%,60%,100%{transform:scale(1);opacity:0.4}30%{transform:scale(1.5);opacity:1}}.chat-layout{display:flex;flex-direction:column-reverse;gap:1rem;height:100%}.chat-sidebar{transition:all 0.3s ease;border-top:1px solid #e5e7eb;margin-top:32px;padding-top:32px}.chat-history{opacity:1;transition:opacity 0.3s ease}.chat-sidebar.closed{border-right:none;width:70px}.chat-sidebar.closed .chat-history{opacity:0;pointer-events:none}.chat-history{opacity:1;transition:opacity 0.2s ease}.chat-history .chat-group{margin-bottom:1.5rem}.chat-history .chat-group h2{font-size:0.875rem;font-weight:600;color:#0f0f0f;margin-bottom:0.5rem}.chat-history .chat-item{display:block;padding:0.5rem;border-radius:0.375rem;color:#374151;text-decoration:none;font-size:0.9rem;margin-bottom:0.25rem}.chat-history .chat-item:hover{background-color:#f3f4f6}.chat-history .chat-item.active{background-color:#e5e7eb}.chat-history .no-chats{color:#6b7280;text-align:center;padding:1rem}#chat-sidebar-header{margin-bottom:38px}#chat-sidebar-header>a{float:right}#chat-sidebar-header>svg:first-child{display:none}#chat-sidebar-header>svg,#chat-sidebar-header>a{display:flex;color:#001a4d;padding:5px}#chat-sidebar-header>svg:hover,#chat-sidebar-header>a:hover{background-color:#cce0ff;border-radius:50%;cursor:pointer}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 47.98em){.mobile-only{display:block}.desktop-only{display:none}#mobile-sidebar-toggle{position:fixed;top:0;right:0;padding:1rem;z-index:1001;background:transparent}#mobile-sidebar-toggle>svg{color:#001a4d;padding:0.5rem;background:white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#mobile-sidebar-toggle>svg:hover{cursor:pointer}.chat-sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;background:white;z-index:1000;transform:translateX(-100%);transition:transform 0.3s ease;border-top:none;margin-top:0;padding-top:0;padding:1rem}.chat-sidebar.open{transform:translateX(0)}.chat-sidebar.open .chat-history{display:block;opacity:1}.chat-sidebar .chat-history{opacity:1;height:100vh;overflow-y:auto}}#new-chat-button{margin-top:12px;margin-bottom:28px}#new-chat-button a{font-size:14px;display:flex;gap:2px;justify-content:flex-start;align-items:center}#onboarding-body{background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:100vh;margin:0;padding:0}#onboarding-container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 2rem);display:flex;flex-direction:column}#onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.navigation-buttons{text-align:center}.navigation-buttons .previous-link{display:inline-block;margin-top:14px;font-size:0.9rem;color:#4a5568}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-image{width:100%;max-width:225px;margin-bottom:1rem;width:225px;height:225px}.onboarding-image img{width:100%;height:auto;object-fit:contain}.onboarding-step h1{color:#2d3748;margin-bottom:0;margin-top:0;font-size:32px}.subtitle{color:#4a5568;margin-bottom:1.75rem;max-width:600px;font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.feature-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 0px rgba(0,0,0,0.1);transition:transform 0.2s}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#2d3748;margin-bottom:1rem}.feature-card p{color:#4a5568;line-height:1.6}.points-system{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:3rem}.points-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 0px rgba(0,0,0,0.1)}.points-icon{font-size:2.5rem;margin-bottom:1rem}.points-list{list-style:none;padding:0;margin:1.5rem 0}.points-list li{color:#4a5568;margin-bottom:0.5rem;padding-left:1.5rem;position:relative}.points-list li:before{content:"•";color:#4299e1;position:absolute;left:0}.premium-features{max-width:600px;margin:0 auto}.premium-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.premium-header{text-align:center;margin-bottom:2rem}.premium-header h2{color:#2d3748;font-size:2rem;margin-bottom:0.5rem}.price{font-size:2.5rem;color:#4299e1;font-weight:bold}.price span{font-size:1rem;color:#4a5568}.premium-features-list{list-style:none;padding:0;margin:2rem 0}.premium-features-list li{color:#4a5568;margin-bottom:1rem;padding-left:1.5rem;position:relative}.premium-features-list li:before{content:"✓";color:#48bb78;position:absolute;left:0}.premium-cta{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}#onboarding-progress{margin-top:1rem;padding:1rem;background:white;border-radius:0.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#onboarding-progress .step-indicator{text-align:center;color:#4a5568;font-size:0.9rem}#onboarding-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:0.5rem}#onboarding-progress-bar .progress{height:100%;background:#006aff;transition:width 0.3s ease}#onboarding-step-2-toggles-container{width:100%;margin-bottom:32px}#syllabus{margin:32px 0 185px 0}#syllabus ul{padding:0;align-items:center;display:flex;flex-direction:column}#syllabus .syllabus-item-container{width:100%;list-style-type:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:34px}#syllabus .syllabus-item-container small{font-size:13.5px;line-height:18px;text-align:center;max-width:135px;margin-top:14px;position:relative}#syllabus .syllabus-quiz,#syllabus .syllabus-post{position:relative;height:65px;width:70px;background:none;border:none;display:flex;align-items:center;justify-content:center;background-color:#99c2ff;color:#006aff;border-radius:100%;box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #0047cc;z-index:1;filter:grayscale(100%);opacity:0.5}#syllabus .syllabus-quiz.open,#syllabus .syllabus-post.open{background-color:#006aff;color:white;filter:none;opacity:1}#syllabus .syllabus-quiz.open:first-of-type,#syllabus .syllabus-post.open:first-of-type{animation:pulse 1.5s infinite}#syllabus .syllabus-quiz.active,#syllabus .syllabus-post.active{transform:translateY(5px);box-shadow:none;animation:none;background-color:#006aff;color:white;filter:none;opacity:1}#syllabus .syllabus-quiz.active:first-of-type,#syllabus .syllabus-post.active:first-of-type{animation:none}#syllabus .syllabus-quiz.done,#syllabus .syllabus-post.done{animation:none;background-color:#006aff;color:white;filter:none;opacity:0.75 !important}#syllabus .syllabus-quiz.done:first-of-type,#syllabus .syllabus-post.done:first-of-type{animation:none}#syllabus .syllabus-quiz.done:after,#syllabus .syllabus-post.done:after{content:'✓';position:absolute;top:-5px;right:2px;background-color:white;color:#0047cc;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;box-shadow:0 2px 4px rgba(15,15,15,0.2)}#syllabus .syllabus-quiz:hover,#syllabus .syllabus-post:hover{cursor:pointer}#syllabus .syllabus-quiz:active,#syllabus .syllabus-quiz:has(.syllabus-post-card.active),#syllabus .syllabus-quiz:has(.syllabus-quiz-card.active),#syllabus .syllabus-post:active,#syllabus .syllabus-post:has(.syllabus-post-card.active),#syllabus .syllabus-post:has(.syllabus-quiz-card.active){transform:translateY(5px);box-shadow:none;animation:none;background-color:#006aff;color:white;filter:none;opacity:1}#syllabus .syllabus-quiz:has(.syllabus-post-card.active),#syllabus .syllabus-quiz:has(.syllabus-quiz-card.active),#syllabus .syllabus-post:has(.syllabus-post-card.active),#syllabus .syllabus-post:has(.syllabus-quiz-card.active){z-index:10}#syllabus .syllabus-quiz.syllabus-category-featured.open,#syllabus .syllabus-post.syllabus-category-featured.open{background-color:#ffc227 !important;opacity:1 !important;filter:none !important;box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #ffc227 !important;color:white !important}#syllabus .syllabus-quiz.syllabus-category-featured:active,#syllabus .syllabus-quiz.syllabus-category-featured.active,#syllabus .syllabus-post.syllabus-category-featured:active,#syllabus .syllabus-post.syllabus-category-featured.active{background-color:#ffc227 !important;box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #ffc227 !important;transform:translateY(5px) !important;box-shadow:none !important;animation:none !important;color:white;filter:none;opacity:1}#syllabus .syllabus-quiz.syllabus-category-featured:active:first-of-type,#syllabus .syllabus-quiz.syllabus-category-featured.active:first-of-type,#syllabus .syllabus-post.syllabus-category-featured:active:first-of-type,#syllabus .syllabus-post.syllabus-category-featured.active:first-of-type{animation:none}#syllabus .syllabus-quiz.syllabus-category-featured.done,#syllabus .syllabus-post.syllabus-category-featured.done{animation:none;background-color:#ffc227;box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #ffc227 !important;color:white;filter:none;opacity:0.75 !important}#syllabus .syllabus-quiz.syllabus-category-featured.done:first-of-type,#syllabus .syllabus-post.syllabus-category-featured.done:first-of-type{animation:none}#syllabus .syllabus-quiz.syllabus-category-featured.done:after,#syllabus .syllabus-post.syllabus-category-featured.done:after{content:'✓';position:absolute;top:-5px;right:2px;background-color:white;color:#ffc227 !important;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;box-shadow:0 2px 4px rgba(15,15,15,0.2)}.syllabus-post-card,.syllabus-quiz-card{display:none;min-width:100%;background-color:#006aff;box-shadow:0 4px 10px rgba(15,15,15,0.1);border-radius:1rem;box-sizing:border-box;color:white;font-size:16px;line-height:1.4;padding:16px;position:absolute;left:0;top:95px;z-index:2;opacity:0;transform:scale(0.1);transform-origin:center center;transition:opacity 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);visibility:hidden;will-change:transform, opacity}.syllabus-post-card.active,.syllabus-quiz-card.active{display:block;visibility:visible}.syllabus-post-card.animate-in,.syllabus-quiz-card.animate-in{opacity:1;transform:scale(1)}.syllabus-post-card:before,.syllabus-quiz-card:before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #006aff}.syllabus-post-card .syllabus-card-title,.syllabus-quiz-card .syllabus-card-title{font-family:"Yeseva One", serif;font-size:17.5px;font-weight:bold;margin-bottom:18px}.syllabus-post-card .cta,.syllabus-quiz-card .cta{font-size:13px !important}.syllabus-quiz-card{border:1px solid #cce0ff;color:#0f0f0f !important;background-color:white !important}.syllabus-quiz-card .quiz-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.syllabus-quiz-card .quiz-card-header .quiz-card-score{display:flex;align-items:center;gap:3px;font-size:0.75rem;align-items:center;gap:0.25rem;background:#f0f7ff;padding:0.30rem .90rem;border-radius:0.5rem;color:#0047cc;font-weight:500}.syllabus-quiz-card:before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white !important}.syllabus-quiz-card:after{content:'';position:absolute;top:-9px;left:50%;transform:translateX(-50%);border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-bottom:9px solid #cce0ff !important;z-index:-1}.syllabus-section header{display:flex;align-items:center;margin-bottom:8px;margin-top:8px}.syllabus-section header hr{flex-basis:48px;flex-grow:1;border:0;border-top:2px solid #b7b7b7;height:0;margin:40px 0}.syllabus-section header hr:first-of-type{position:relative;right:14px}.syllabus-section header hr:nth-of-type(2){position:relative;left:14px}.syllabus-section header h1,.syllabus-section header h2{font-family:"Inter", sans-serif;font-weight:700 !important;color:#b7b7b7;font-size:16px;line-height:26.6px;margin:0 16px;text-align:center}@keyframes pulse{0%{transform:scale(1);box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #0047cc;filter:brightness(1)}50%{transform:scale(1.03);box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #0047cc,0 0 15px rgba(0,106,255,0.5);filter:brightness(1.1)}100%{transform:scale(1);box-shadow:0 5px 0 rgba(15,15,15,0.2),0 5px 0 #0047cc;filter:brightness(1)}}.syllabus-marcel-illustration{margin:132px 0}.syllabus-marcel-illustration img{width:165px;height:165px}.speech-bubble{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background-color:white;border:1px solid #ffc227;border-radius:15px;padding:12px 16px;max-width:250px}.speech-bubble:before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.speech-bubble:after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #ffc227;z-index:-1}.speech-bubble p{margin:0;font-size:14px;line-height:1.3;color:#0f0f0f;font-weight:500;text-align:center}