:root{--fond:#fafaf7;--surface:#fff;--texte:#1c1c1e;--discret:#5f6368;--bord:#dcdcd6;--accent:#2b8a3e;--accent-texte:#fff;--accent-doux:#ebfbee;--erreur:#c92a2a;--erreur-doux:#fff5f5;--console-fond:#1e1f22;--console-texte:#e9ecef;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fond:#121214;--surface:#1b1b1f;--texte:#f2f2f2;--discret:#a6a6ad;--bord:#33333a;--accent:#51cf66;--accent-texte:#0b2912;--accent-doux:#13261a;--erreur:#ff8787;--erreur-doux:#2a1616;--console-fond:#0d0d0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font:16px/1.5 system-ui,sans-serif}a{color:var(--accent)}code{font-family:var(--mono);background:var(--accent-doux);border-radius:4px;padding:.05em .3em;font-size:.92em}.haut{border-bottom:1px solid var(--bord);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.haut .marque{color:var(--texte);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.haut .marque img{display:block}.haut .marque .lab{color:var(--accent)}.haut h1{margin:0;font-size:1.15rem;font-weight:600}.haut .droite{margin-left:auto}.bas{text-align:center;color:var(--discret);padding:16px;font-size:.9rem}.outils{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}button{font:inherit;border:1px solid var(--bord);background:var(--surface);color:var(--texte);cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:600}button.principal{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.raccourci{color:var(--discret);font-size:.85rem}.editeur{border:1px solid var(--bord);background:var(--surface);border-radius:8px;overflow:hidden}.editeur .cm-editor{height:100%;font-size:15px}.editeur .cm-scroller{font-family:var(--mono)}.console{background:var(--console-fond);color:var(--console-texte);font-family:var(--mono);border-radius:8px;min-height:120px;padding:12px;font-size:14px;overflow:auto}.console pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.console-reponse{font:inherit;color:#ffe066;background:0 0;border:0;border-bottom:2px solid #ffe066;outline:none;width:20ch;min-width:8ch;max-width:100%}.console-erreur{color:#ffe3e3;background:#3b1d1d;border-radius:6px;margin-top:10px;padding:10px 12px;font-family:system-ui,sans-serif;font-size:15px}.console-erreur p{margin:4px 0 0}.console-erreur code{color:inherit;background:#ffffff1f}.console-erreur details{color:#ffc9c9;margin-top:6px;font-size:13px}.console-ligne{background:#ffffff26;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:13px}.console-info{color:#adb5bd;margin-top:4px;font-family:system-ui,sans-serif;font-style:italic}.bac{height:calc(100vh - var(--malolabo-barre-h,0px) - 120px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:420px;padding:0 16px 16px;display:grid}.bac .colonne{flex-direction:column;min-height:0;display:flex}.bac .editeur,.bac .console{flex:1;min-height:0}@media (width<=800px){.bac{grid-template-columns:minmax(0,1fr);height:auto}.bac .editeur{flex:none;height:50vh}.bac .console{flex:none;min-height:30vh}}.haut .fil,.haut .fil a{color:var(--discret)}.lecon{max-width:900px;margin:0 auto;padding:16px}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:12px;margin-bottom:16px;padding:16px 20px}.carte h1{margin:0 0 4px;font-size:1.6rem}.carte h2{margin:0 0 8px;font-size:1.2rem}.notions{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.discret{color:var(--discret)}.badge-reussie{vertical-align:middle;color:var(--accent-texte);background:var(--accent);border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:600}.poste{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.poste .editeur{min-height:160px}.poste .console{min-height:160px;max-height:320px}.defi .poste .editeur,.defi .poste .console{min-height:220px}@media (width<=800px){.poste{grid-template-columns:minmax(0,1fr)}}.consigne pre.attendu,.comparaison pre{font-family:var(--mono);background:var(--fond);border:1px dashed var(--bord);white-space:pre-wrap;border-radius:8px;margin:6px 0;padding:8px 12px;font-size:14px}.discret-bouton{font-weight:500}.code-explication{font-family:var(--mono);background:var(--console-fond);color:var(--console-texte);white-space:pre;border-radius:8px;margin:8px 0 12px;padding:10px 14px;font-size:14px;overflow-x:auto}button.danger{background:var(--erreur);border-color:var(--erreur);color:#fff}.resultat{margin-top:12px}.resultat:empty{display:none}.resultat.reussi{background:var(--accent-doux);border:2px solid var(--accent);border-radius:10px;padding:12px 16px}.resultat.rate{background:var(--erreur-doux);border:1px solid var(--erreur);border-radius:10px;padding:12px 16px}.titre-resultat{margin:0 0 6px;font-size:1.15rem;font-weight:700}.resultat .console{background:0 0;min-height:0;padding:0}.comparaison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.comparaison p{margin:0;font-weight:600}@media (width<=600px){.comparaison{grid-template-columns:minmax(0,1fr)}}.indices p{color:#5c4400;background:#fff9db;border-radius:8px;margin:8px 0;padding:8px 12px}@media (prefers-color-scheme:dark){.indices p{color:#ffec99;background:#3b3011}}a.bouton{border-radius:8px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-block}a.bouton.principal{background:var(--accent);color:var(--accent-texte)}.voisines{justify-content:space-between;gap:12px;padding:8px 0 24px;display:flex}.introuvable{text-align:center;margin-top:3rem}.haut .droite{font-weight:600;text-decoration:none}.accueil{max-width:900px;margin:0 auto;padding:16px}.intro h1{margin:12px 0 8px;font-size:1.9rem;line-height:1.2}.intro p{color:var(--discret);margin:0 0 12px;font-size:1.05rem}.etape{margin:24px 0}.etape h2{margin:0 0 4px;font-size:1.3rem}.lecons{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lecon-carte a{background:var(--surface);border:1px solid var(--bord);color:var(--texte);border-radius:12px;grid-template-columns:auto 1fr auto;grid-template-areas:"num titre go""num notions go";align-items:center;column-gap:14px;padding:12px 16px;text-decoration:none;display:grid}.lecon-carte a:hover{border-color:var(--accent)}.lecon-carte .numero{background:var(--fond);border:2px solid var(--bord);border-radius:50%;grid-area:num;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.lecon-carte .titre{grid-area:titre;font-weight:600}.lecon-carte .notions{grid-area:notions;margin:0}.lecon-carte .commencer{color:var(--accent);grid-area:go;font-weight:700}.lecon-carte.reussie .numero{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.lecon-carte.suivante a{border:2px solid var(--accent)}.chemins{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.chemin{background:var(--surface);border:1px solid var(--bord);border-radius:12px;padding:16px 20px}.chemin p{margin:6px 0}.chemin-titre{font-size:1.25rem;font-weight:700}.chemin .boss{font-weight:600}.chemin.bientot{opacity:.75}.etiquette{vertical-align:middle;background:var(--fond);border:1px solid var(--bord);color:var(--discret);border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:600}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:8px 0;display:grid}button.mode{text-align:left;border:2px solid var(--bord);border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;font-weight:500;display:flex}button.mode strong{font-size:1.1rem}button.mode span{color:var(--discret)}button.mode:hover{border-color:var(--accent)}.entete-travail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.entete-travail h2{margin:0}.etapes{counter-reset:etape;flex-wrap:wrap;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.etapes li{border:1px solid var(--bord);color:var(--discret);border-radius:999px;padding:4px 12px;font-size:.95rem}.etapes li.courante{border:2px solid var(--accent);color:var(--texte);font-weight:600}.etapes li.faite{background:var(--accent-doux);color:var(--texte)}.bonus-liste{gap:6px;margin:8px 0 0;padding:0;font-size:1.05rem;list-style:none;display:grid}.projet-carte a{border-style:dashed;border-width:2px}.projet-carte .numero{background:var(--accent-doux)}.projet-carte .etoiles{letter-spacing:2px}.boss-carte a{border:2px solid #f59f00}.boss-carte .numero{background:#fff3bf;border-color:#f59f00}.chemin .bouton{margin-top:4px}.sorties{flex-direction:column;min-height:0;display:flex}.onglets{gap:4px;margin:8px 0 0;display:flex}.onglets button{border-bottom:none;border-radius:8px 8px 0 0;padding:6px 14px;font-weight:600}.onglets button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.panneau{flex-direction:column;flex:1;min-height:0;display:flex}.panneau[hidden]{display:none}.panneau .console{border-top-left-radius:0;flex:1}iframe.apercu{border:2px solid var(--accent);background:#fff;border-radius:0 8px 8px;flex:1;width:100%;min-height:220px}.defi .poste .sorties,.poste .sorties{min-height:220px}.resultat iframe.apercu{border-radius:8px;min-height:180px;margin-top:6px}.note-lien{background:var(--accent-doux);border-radius:8px;margin:4px 0;padding:6px 10px;font-size:.95rem}.note-lien[hidden]{display:none}.navigateur .barre-adresse{background:var(--surface);border:2px solid var(--accent);border-bottom:none;align-items:center;gap:6px;padding:6px;display:flex}.navigateur .barre-adresse button{padding:2px 10px}.navigateur .adresse{font-family:var(--mono);background:var(--fond);border:1px solid var(--bord);border-radius:999px;flex:1;padding:3px 12px}.navigateur iframe.apercu{border-radius:0 0 8px 8px}