:root{--green:#08794f;--dark:#123e32;--bg:#f0f7f8;--line:#e3eceb}body{background:#f0f7f8}.sidebar{background:linear-gradient(165deg,#075741,#123d38);color:white;border:0}.sidebar-brand strong,.sidebar-brand span,.nav-label,.sidebar .profile strong,.sidebar .profile span,.sidebar .logout{color:#fff}.nav button{color:#d9ede5;border-radius:13px}.nav button.active{background:#22a77b;color:white;box-shadow:0 5px 15px #001b2025}.nav button:hover{background:#ffffff18;color:white}.sidebar-bottom{border-color:#ffffff25}.sidebar-paris{margin-top:auto;padding-top:35px;text-align:center;overflow:hidden}.sidebar-paris p{font:italic 19px/1.6 Georgia,serif;color:#deeee5}.sidebar-paris img{width:100%;height:110px;object-fit:cover;border-radius:80px 80px 12px 12px;margin:16px 0;opacity:.9}.sidebar-bottom{margin-top:20px}.topbar{background:#ffffffb8}.page-head h1{font-family:Arial,sans-serif;font-weight:750;letter-spacing:-1px}.welcome{position:relative;isolation:isolate;min-height:270px;overflow:hidden;background:#e6f7f5;border:0;align-items:flex-start;flex-direction:column;justify-content:center;gap:20px;padding:35px}.welcome .welcome-paris{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;z-index:-2;opacity:1;border-radius:0}.welcome:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2fffbf7 0%,#f2fffbd9 36%,#ffffff00 77%);z-index:-1}.welcome>div{max-width:56%}.welcome h2{font-family:Arial,sans-serif;font-size:30px;font-weight:750;line-height:1.2}.welcome p{color:#245548}.welcome .btn{z-index:1}.level-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:18px 0 27px}.level-card{border:1px solid #ffffffa0;border-radius:16px;text-align:left;padding:22px 16px;display:flex;flex-direction:column;gap:12px;color:#125f46;transition:transform .2s,box-shadow .2s;cursor:pointer;min-width:0}.level-card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #173f2c13}.level-card>span{font-size:30px;font-weight:750}.level-card strong{font-size:14px}.level-card small{font-size:12px}.level-0{background:#dff7e9;color:#166442}.level-1{background:#ddf2ff;color:#126296}.level-2{background:#eee4ff;color:#7344a2}.level-3{background:#ffe4ec;color:#a52c58}.level-4{background:#fff1d0;color:#856214}.level-5{background:#dcf5f5;color:#196f72}.stat{border:0;box-shadow:0 4px 20px #22494005;border-radius:16px}.stat:nth-child(1){background:#e4f4ef}.stat:nth-child(2){background:#e8edff}.stat:nth-child(3){background:#fff0da}.batch-card{border-radius:16px;background:linear-gradient(140deg,#fff,#f1faf6);box-shadow:0 3px 15px #12432a05}.batch-card:nth-child(3n+2){background:linear-gradient(140deg,#fff,#eef1ff)}.batch-card:nth-child(3n){background:linear-gradient(140deg,#fff,#fff1e5)}.panel{border-radius:16px}.login-brand{position:relative;overflow:hidden;background:#07563c}.login-art{width:100%;position:relative;padding:25px 0}.login-art .paris-login{width:100%;max-width:620px;height:290px;object-fit:cover;border-radius:140px 140px 24px 24px;box-shadow:0 16px 60px #002f332f;margin-bottom:24px}.login-art h1{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,52px);margin-top:0}.login-art p{color:#e5f3eb}.login-form h2{font-family:Arial,sans-serif;font-weight:750}.skill-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.skill-tabs button{padding:18px;border:1px solid #dbe9e4;background:white;border-radius:13px;color:#315e4f;font-size:16px;cursor:pointer}.skill-tabs button.selected{background:#08794f;color:white;border-color:#08794f}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.test-card{padding:28px;background:white;border-radius:18px;border:1px solid #e0ece7;box-shadow:0 5px 18px #183f2d05}.test-card h2{font-size:23px;line-height:1.4;margin:17px 0 8px}.test-card p{margin:12px 0;color:#667f75;font-size:14px}.test-symbol{display:block;font-size:32px;margin-bottom:20px}.locked-panel{text-align:center;padding:50px 25px}.locked-panel>div{font-size:45px;margin-bottom:20px}.locked-panel p{margin-top:14px}.setting-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e4ece8;margin-bottom:12px;font-size:15px}.setting-switch input{appearance:none;width:46px;height:26px;border-radius:30px;background:#b7c6c1;cursor:pointer;flex-shrink:0;position:relative}.setting-switch input:before{content:'';position:absolute;width:20px;height:20px;background:white;left:3px;top:3px;border-radius:50%;transition:transform .2s}.setting-switch input:checked{background:#09845a}.setting-switch input:checked:before{transform:translateX(20px)}input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #30b990;outline-offset:3px}.exam-editor-modal{width:850px}.exam-player-modal{width:760px}.question-editor{padding:24px;border:1px solid #d6e7df;border-radius:16px;margin:25px 0;background:#f8fbfa}.question-editor legend{padding:0 10px;font-weight:700}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field textarea{width:100%;min-height:90px;padding:12px;border:1px solid #cbdcd4;border-radius:9px;font:inherit;resize:vertical}.field label{display:block}.field label input,.field label select{margin-top:8px}.exam-stage progress{width:100%;accent-color:#17a875;height:8px;margin:18px 0 24px}.exam-status{display:flex;justify-content:space-between;color:#598073;font-size:14px}.exam-stage h2{font-size:24px;line-height:1.4;margin:20px 0}.reading-passage{white-space:pre-wrap;background:#eef8f5;padding:22px;border-left:4px solid #23a47c;border-radius:8px;line-height:1.8}.answer-choices{display:grid;gap:13px}.answer-choice{display:flex;align-items:center;gap:15px;padding:19px;border:2px solid #e6edea;border-radius:13px;cursor:pointer;transition:background .2s,border-color .2s}.answer-choice:has(input:checked){border-color:#15a274;background:#e6f8ef}.answer-choice input{accent-color:#08794f;width:18px;height:18px}.answer-choice span{width:28px;height:28px;display:grid;place-items:center;background:#eef4f1;border-radius:7px;color:#386651;font-size:13px;flex-shrink:0}.exam-actions{display:flex;justify-content:space-between;gap:15px;margin:28px 0 18px}.question-enter{animation:question-in .35s ease both}.exam-result{text-align:center;padding:20px 0 30px}.result-stars{font-size:32px;letter-spacing:12px;animation:stars 1s ease both}.score-orbit{border:12px solid #b5edd7;border-top-color:#13a06b;border-right-color:#13a06b;border-radius:50%;width:170px;height:170px;display:grid;place-items:center;margin:22px auto;animation:score-in .65s ease both}.score-orbit strong{font-size:46px}.score-orbit small{font-size:20px}.exam-result h2{font-size:28px;margin:18px 0}.exam-result p{line-height:1.7;color:#5b796d}.result-details details{padding:18px;background:#f3f8f5;margin:10px 0;border-radius:10px}.result-details summary{cursor:pointer;line-height:1.5}.result-details p{margin:12px 0;white-space:pre-wrap}.result-details strong{float:right}.test-card,.level-card,.stat{animation:question-in .4s ease both}@keyframes question-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes score-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes stars{from{opacity:0;transform:translateY(15px) scale(.7)}to{opacity:1;transform:none}}@media(max-width:1150px){.level-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.level-card{padding:18px}.welcome>div{max-width:65%}.sidebar-paris p{font-size:16px}}@media(max-width:700px){.sidebar-paris{display:none}.level-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-tabs{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:1fr}.welcome{padding:24px;min-height:280px}.welcome>div{max-width:85%}.welcome:before{background:linear-gradient(90deg,#f2fffbf7,#f2fffba6)}.welcome h2{font-size:25px}.editor-grid{grid-template-columns:1fr}.question-editor{padding:15px}.exam-actions .btn{padding:12px;font-size:13px}.login-art .paris-login{height:160px;max-width:320px}.test-card{padding:22px}.sidebar-bottom{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:650px){.welcome .welcome-paris{display:block}.welcome .btn{display:inline-flex}.login-art .paris-login{display:block;margin:20px auto 16px}.login-art h1{text-align:center}.nav button{color:#cde9dc}.page-head{flex-wrap:wrap}.skill-tabs button{font-size:15px}.stat span{font-size:12px}.nav button{font-size:11px}}

.welcome h2{color:#163f32}.welcome .eyebrow{color:#32745b}.welcome .btn{background:#08794f;color:white}.welcome .btn:hover{background:#096540}audio{max-width:100%;width:100%;margin:12px 0}.sidebar-paris{flex-shrink:0}.sidebar-paris img{height:95px}
.sidebar{overflow-y:auto}.sidebar-paris{padding-top:18px}.sidebar-paris p{font-size:17px}.sidebar-paris img{height:75px}.sidebar-bottom{margin-top:12px}@media(max-height:760px) and (min-width:651px){.sidebar-paris img{height:55px}.sidebar-paris p{font-size:15px;line-height:1.4}.sidebar-paris{padding-top:12px}}

.daily-french{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 24px}.daily-french>div{padding:16px 20px;border-radius:14px;background:#e3f5ec;display:flex;flex-direction:column;gap:6px}.daily-french>div:nth-child(2){background:#fff0d9}.daily-french small{font-size:12px;color:#476658}.daily-french strong{font-size:20px;color:#164e3a}.daily-french span{font-size:14px;color:#456657}.login-form .daily-french>div{padding:14px}.login-form .daily-french strong{font-size:18px}.login-form .daily-french small{line-height:1.5}@media(max-width:420px){.daily-french{gap:10px}.daily-french>div{padding:14px}.daily-french strong{font-size:18px}}

.dashboard-latest{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:24px 0 30px}.dashboard-latest article{padding:24px;min-width:0}.dashboard-latest .section-head{margin-bottom:20px;gap:12px;flex-wrap:wrap}.dashboard-latest h2{font-size:20px}.featured-lesson{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center}.lesson-art{position:relative;height:185px;overflow:hidden;border-radius:13px}.lesson-art img{width:100%;height:100%;object-fit:cover}.lesson-art>span{position:absolute;inset:0;display:grid;place-items:center;background:#053d2920;color:white}.lesson-art svg{width:42px;height:42px;filter:drop-shadow(0 2px 8px #0009)}.featured-lesson h3{font-size:20px;line-height:1.4;margin:12px 0 8px;overflow-wrap:anywhere}.featured-lesson p{font-size:14px;color:#5c776c;margin:8px 0}.featured-lesson .btn{margin-top:14px}.dashboard-tests{background:linear-gradient(150deg,#fff,#f5f1ff)}.dashboard-test{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e7e5ef}.dashboard-test:last-child{border-bottom:0}.test-emoji{font-size:25px}.dashboard-test>div{flex:1;min-width:0}.dashboard-test h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere;margin:4px 0}.dashboard-test small,.dashboard-test div>span{font-size:12px;color:#63786e}.dashboard-test .btn{font-size:12px;padding:9px}.dashboard-wait{padding:20px 0;color:#587365}.dashboard-wait>span{font-size:30px}.dashboard-wait h3{font-size:18px;margin:15px 0 10px}.dashboard-wait p{font-size:14px;line-height:1.7}@media(max-width:1100px){.dashboard-latest{grid-template-columns:1fr}.featured-lesson{grid-template-columns:180px 1fr}}@media(max-width:500px){.dashboard-latest article{padding:20px}.featured-lesson{grid-template-columns:1fr}.lesson-art{height:150px}.dashboard-test{flex-wrap:wrap}.dashboard-test .btn{margin-left:37px}.dashboard-latest h2{font-size:18px}}