@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Outfit:wght@500;700&display=swap";:root{--bg:#f5f8ff;--panel:#fff;--ink:#20213f;--muted:#59657d;--line:#d7e0f0;color-scheme:light}[data-theme=dark]{--bg:#070910;--panel:#111827;--ink:#f2f4f6;--muted:#b3c0d5;--line:#344258;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:16px/1.6 DM Sans,sans-serif;background:var(--bg);color:var(--ink)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(20px,5vw);border-bottom:1px solid var(--line);flex-wrap:wrap}header>span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}a{color:inherit}main{max-width:1100px;margin:auto;padding:28px 20px 60px}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.2}h1{font-size:clamp(30px,5vw,52px);margin:16px 0}h2{font-size:23px}.hero{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,#158eff12,#bb77f81b)}.hero>div{flex:1}.hero img{object-fit:contain}.status{display:inline-block;border:1px solid var(--line);padding:6px 12px;border-radius:30px;font-size:12px}.notice{color:var(--muted);padding:20px 0}button,input{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px 16px}button:disabled{opacity:.65;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #158eff;outline-offset:3px}input[type=search]{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);margin:8px 0 20px}.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.chapters button{text-align:left;padding:22px;border-top:3px solid var(--accent)}.chapters button[aria-pressed=true]{outline:2px solid #158eff}.chapters small{color:var(--muted);font-size:10px}.chapters span{font-size:12px}.panel{margin-top:28px;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}fieldset{border:0;padding:0;margin:18px 0;display:grid;gap:10px}fieldset label{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;min-height:48px}input[type=radio]{width:20px;height:20px}.primary{background:linear-gradient(100deg,#36dcf5,#82bdff);color:#10213a;font-weight:700}.theme-toggle{border-color:#9272e4;white-space:nowrap}details{margin:28px 0}summary{cursor:pointer}footer{font-size:12px}@media(max-width:550px){header{gap:10px;padding:14px}header>span{display:none}.hero{padding:20px;gap:8px}.hero img{width:90px;height:140px}.panel{padding:20px}h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.brand{border:0;background:transparent;font:700 18px Outfit,sans-serif}.brand small{display:block;font-size:8px;letter-spacing:2px}.xp{font-weight:700;white-space:nowrap;color:#158eff}.journey{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px 0}.example,.hint{padding:18px;border:1px solid var(--line);border-radius:14px;background:#158eff0c}.source{display:block;margin-top:20px;font-size:12px}.mission-top{display:flex;justify-content:space-between;align-items:center;gap:12px}progress{width:100%;height:9px;margin-top:18px;accent-color:#158eff}.exercise h1{font-size:clamp(24px,4vw,34px)}fieldset{min-width:0}.option:has(input:checked){background:#158eff20;border-color:#158eff}input:not([type=radio]):not([type=checkbox]),select{font:inherit;font-size:16px;padding:14px;min-width:0;width:100%;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--panel)}input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.slot,.match{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:12px;align-items:center}.order{list-style:none;margin:0;padding:0;display:grid;gap:10px}.order li{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.order li>span{flex:1}.question-actions{display:flex;gap:10px;flex-wrap:wrap}.feedback{margin-top:22px;padding:20px;border:1px solid #bb77f8;border-radius:18px;animation:feedback-in .25s ease-out}.feedback.success{border-color:#36b8bc}.feedback h2 span{font-size:16px}.caption,fieldset small{font-size:12px;color:var(--muted)}.summary img{float:right;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sources{margin-top:32px}.audio{padding:16px;border:1px solid var(--line);border-radius:14px}.audio p{font-size:12px;color:var(--muted)}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:550px){header{gap:8px}.brand{font-size:14px}.xp{font-size:12px}header .theme-toggle{font-size:11px;padding:8px}header>a{font-size:11px}.slot,.match{grid-template-columns:1fr}.journey{gap:12px;font-size:12px}.question-actions{position:sticky;bottom:0;padding:12px 0;background:var(--panel)}.question-actions .primary{flex:1}.panel.exercise{padding:18px}.hero img{width:85px}.chapters{grid-template-columns:1fr}blockquote{margin:12px 0;padding-left:14px;border-left:3px solid #158eff}.order button{min-width:44px}}@media(prefers-reduced-motion:reduce){.feedback{animation:none}}@media(max-width:550px){header .xp{display:inline-flex}header .brand{flex:1}header{justify-content:flex-start}}[data-subject]{--subject-readable:var(--accent)}[data-theme=dark] [data-subject]{--subject-readable:var(--accent-light)}.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 95% 25%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 64%),var(--panel);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));min-height:330px}.hero:before{content:attr(data-symbol);position:absolute;right:10%;top:0;font:700 160px Outfit,sans-serif;color:var(--subject-readable);opacity:.09;z-index:-1;pointer-events:none}.hero>div{position:relative;z-index:1}.hero img{width:220px;height:280px;position:relative;z-index:1;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--accent) 22%,transparent))}.hero .eyebrow,.xp,.source{color:var(--subject-readable)}.hero h1{letter-spacing:-1px}.primary{background:var(--subject-readable);color:#fff}[data-theme=dark] .primary{color:#101827}.chapters button{border-top-color:var(--subject-readable)}.chapters button:hover{border-color:var(--subject-readable);box-shadow:0 5px 20px color-mix(in srgb,var(--accent) 12%,transparent)}.option:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--subject-readable)}.example,.hint{background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-left:3px solid var(--subject-readable)}progress{accent-color:var(--subject-readable)}.theme-toggle{border-color:var(--subject-readable)}[data-subject=francais] .hero{background-image:repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--accent) 5%,transparent) 31px 32px),radial-gradient(ellipse at right,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%)}[data-subject=technologie] .hero{background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent) 5%,transparent) 1px,transparent 1px);background-size:28px 28px}[data-subject=svt] .hero{border-radius:32px 18px}[data-subject=arts-plastiques] .hero:before{transform:rotate(15deg);font-size:230px}[data-subject=education-musicale] .hero:before{letter-spacing:8px;transform:rotate(-10deg)}@media(max-width:550px){.hero{min-height:260px;padding:20px;align-items:center}.hero img{width:118px;height:200px;margin-right:-8px}.hero h1{font-size:34px}.hero>div{min-width:0}.hero .primary{font-size:13px;padding:12px}.hero:before{right:3%;font-size:130px}.hero p{font-size:14px}.hero .status{font-size:10px}}