:root{--encre:#163b35;--sourdine:#5a6f68;--creme:#f7f3e8;--papier:#fffdf8;--vert:#2f715e;--vert-fonce:#225546;--menthe:#dcecdf;--or:#f2c86d;--or-clair:#f6d583;--trait:#dce4dc;--focus:#e9ad31;--jaune-fond:#fff0c6;--jaune-encre:#6f4e0c;--bleu-fond:#dfeaf4;--bleu-encre:#355b75;--bleu-trait:#9bb4c4;--rouge:#a6442f;--rouge-fonce:#843220;--alerte:#8c3a3a;--alerte-fond:#f8ebe9;--attention:#8a6320;--attention-fond:#fdf3dd;--ombre-carte:0 18px 45px #2041360f;--ombre-survol:0 10px 24px #20413617;--ombre-flottant:0 14px 50px #15393033;--ombre-dialogue:0 30px 80px #102d2854;--rayon-carte:26px;--rayon-bloc:20px;--rayon-image:16px;--rayon-controle:13px;--rayon-pilule:999px;--rayon-rond:50%;--rayon-nav:22px 22px 0 0;--espace-4:4px;--espace-8:8px;--espace-12:12px;--espace-16:16px;--espace-20:20px;--espace-24:24px;--espace-28:28px;--espace-36:36px;--espace-48:48px;--espace-64:64px;--hauteur-champ:46px;--etat-activite:#355b75;--etat-repos:#2f715e;--etat-absent:#8a6320;--etat-vide:#dce4dc;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--creme)}body{background:radial-gradient(circle at 85% 0%, #e4efdf 0, transparent 24rem), var(--creme);color:var(--encre);font:16px/1.55 var(--sans);overscroll-behavior-y:contain;margin:0}h1,h2,h3{font-family:var(--serif);color:var(--encre);font-weight:700}h2{margin:0 0 var(--espace-16);font-size:24px;line-height:1.25}h3{margin:var(--espace-24) 0 var(--espace-8);font-size:20px;line-height:1.3}.bloc-titre{margin:0 0 var(--espace-36)}.surtitre{margin:0 0 var(--espace-8);letter-spacing:.16em;text-transform:uppercase;color:var(--vert);font-size:11px;font-weight:800}.bloc-titre h1{margin:0 0 var(--espace-12);letter-spacing:-.02em;font-size:clamp(28px,4vw,38px);line-height:1.05}.accroche{max-width:650px;color:var(--sourdine);margin:0;font-size:18px;line-height:1.55}.bandeau{z-index:10;height:calc(84px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--espace-24) 0;align-items:center;gap:var(--espace-12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8cc;border-bottom:1px solid #163b351a;display:flex;position:sticky;top:0}.marque{min-width:0;height:auto;color:var(--encre);justify-content:flex-start;align-items:center;gap:var(--espace-12);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.marque:hover{background:0 0}.marque>span{min-width:0}.marque b{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.2}.marque .classe{margin-top:var(--espace-4);letter-spacing:.16em;text-transform:uppercase;color:var(--sourdine);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;display:block;overflow:hidden}.pastille{border-radius:var(--rayon-rond);background:var(--menthe);width:46px;height:46px;color:var(--vert-fonce);font-family:var(--serif);flex:none;place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid}main{max-width:820px;padding:var(--espace-48) var(--espace-24) calc(var(--espace-64) + 72px + env(safe-area-inset-bottom));margin:0 auto}main.etroit{max-width:680px}.carte{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon-carte);box-shadow:var(--ombre-carte);padding:var(--espace-28);margin-bottom:var(--espace-24)}label{color:var(--sourdine);margin-bottom:var(--espace-4);font-size:13px;display:block}input,select,textarea{width:100%;height:var(--hauteur-champ);padding:0 var(--espace-12);border:1px solid var(--trait);border-radius:var(--rayon-controle);font-size:16px;font-family:var(--sans);color:inherit;background:var(--papier);appearance:none}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6f68' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--espace-12) center;padding-right:var(--espace-36)}textarea{height:auto;min-height:84px;padding:var(--espace-12);resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--vert)}form>label{margin-top:var(--espace-20)}form>label:first-child{margin-top:0}form button{margin-top:var(--espace-24)}button.principal{background:var(--or);color:var(--encre);border-color:var(--or)}button.principal:hover{background:var(--or-clair);border-color:var(--or-clair)}form.rangee button{margin-top:0}button{height:var(--hauteur-champ);padding:0 var(--espace-20);background:var(--papier);color:var(--encre);border:1px solid var(--trait);border-radius:var(--rayon-controle);font-family:var(--sans);cursor:pointer;justify-content:center;align-items:center;gap:var(--espace-8);font-size:16px;font-weight:700;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .12s;display:inline-flex}button:hover{background:var(--or-clair)}button:active{transform:scale(.97)}button:disabled{opacity:.6;cursor:progress;transform:none}button.discret{background:var(--papier);color:var(--encre);border-color:var(--trait)}button.discret:hover{background:var(--menthe);border-color:var(--vert)}button.lien{height:auto;min-height:44px;color:var(--vert);background:0 0;border:0;padding:0;font-weight:400;text-decoration:underline}button.lien:hover{color:var(--vert-fonce);background:0 0}button.danger{background:var(--rouge);color:var(--papier)}button.danger:hover{background:var(--rouge-fonce)}button.icone{width:var(--hauteur-champ);flex:none;padding:0}.rangee{gap:var(--espace-12);flex-wrap:wrap;align-items:flex-end;display:flex}.rangee>div{flex:150px;min-width:0}.actions{gap:var(--espace-12);flex-wrap:wrap;display:flex}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--encre);outline-offset:3px;box-shadow:0 0 0 3px var(--focus)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dictee{place-items:center;gap:var(--espace-16);padding:var(--espace-12) 0 var(--espace-4);display:grid}.gros-bouton{border-radius:var(--rayon-rond);background:var(--vert);width:196px;height:196px;color:var(--papier);place-items:center;gap:var(--espace-8);box-shadow:var(--ombre-flottant);font-family:var(--serif);border:0;grid-auto-rows:min-content;padding:0;font-size:20px;font-weight:700;line-height:1.2;display:grid}.gros-bouton:hover{background:var(--vert-fonce)}.gros-bouton.enregistre{background:var(--rouge);animation:1.5s ease-in-out infinite souffle}.gros-bouton.enregistre:hover{background:var(--rouge-fonce)}@keyframes souffle{0%,to{box-shadow:0 0 #a6442f6b}50%{box-shadow:0 0 0 20px #a6442f00}}.chrono{font-variant-numeric:tabular-nums;opacity:.92;font-size:16px}.aide{color:var(--sourdine);text-align:center;max-width:650px;margin:0 auto;font-size:16px}.onglets{z-index:12;gap:var(--espace-4);background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon-nav);width:min(680px,100%);box-shadow:var(--ombre-flottant);padding:var(--espace-8) var(--espace-8) calc(var(--espace-8) + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.onglets button{gap:var(--espace-4);height:54px;color:var(--sourdine);border-radius:var(--rayon-controle);padding:0 var(--espace-4);background:0 0;border-color:#0000;flex-direction:column;min-width:0;font-size:11px;font-weight:700}.onglets button:hover{background:var(--menthe)}.onglets button.actif{background:var(--menthe);color:var(--vert-fonce)}.message{padding:var(--espace-12) var(--espace-16);border-radius:var(--rayon-bloc);margin:0 0 var(--espace-16);gap:var(--espace-8);align-items:flex-start;font-size:16px;display:flex}.message.erreur{background:var(--alerte-fond);color:var(--alerte)}.message.ok{background:var(--menthe);color:var(--vert-fonce)}.message.doute{background:var(--attention-fond);color:var(--attention)}.message svg{flex:none;margin-top:2px}.encart{padding:var(--espace-16);border-radius:var(--rayon-bloc);margin:0 0 var(--espace-16);font-size:16px;line-height:1.5}.encart b{margin-bottom:var(--espace-4);display:block}.encart p{max-width:650px;margin:0}.encart.jaune{background:var(--jaune-fond);color:var(--jaune-encre)}.encart.bleu{background:var(--bleu-fond);color:var(--bleu-encre);border:1px solid var(--bleu-trait)}.encart.rouge{background:var(--alerte-fond);color:var(--alerte)}.badge{align-items:center;gap:var(--espace-4);padding:var(--espace-4) var(--espace-8);border-radius:var(--rayon-pilule);background:var(--menthe);color:var(--vert-fonce);white-space:nowrap;font-size:11px;display:inline-flex}.badge.attente{background:var(--attention-fond);color:var(--attention)}.badge.ok{background:var(--menthe);color:var(--vert-fonce)}.badge.echec{background:var(--alerte-fond);color:var(--alerte)}.liste{margin:0;padding:0;list-style:none}.liste>li{padding:var(--espace-16) 0;border-bottom:1px solid var(--trait)}.liste>li:last-child{border-bottom:0}.liste>li:first-child{padding-top:0}.entre{justify-content:space-between;align-items:center;gap:var(--espace-12);display:flex}.discret-texte{color:var(--sourdine);font-size:13px}.serre{margin:var(--espace-4) 0 0}.suite{margin:var(--espace-8) 0 0}.vide{text-align:center;padding:var(--espace-36) var(--espace-16)}.vide h3{margin:0 0 var(--espace-8)}.vide p{margin:0 auto var(--espace-20);max-width:650px;color:var(--sourdine)}.vide p:last-child{margin-bottom:0}.squelette{gap:var(--espace-12);display:grid}.squelette span{border-radius:var(--rayon-controle);background:var(--trait);opacity:.6;height:16px;display:block}.squelette span.court{width:40%}.squelette span.moyen{width:70%}.squelette span.haut{height:84px}.voile{z-index:30;padding:var(--espace-24);background:#102d2873;place-items:center;display:grid;position:fixed;inset:0}.dialogue{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon-carte);width:min(540px,100%);max-height:88vh;padding:var(--espace-28);box-shadow:var(--ombre-dialogue);overflow:auto}.dialogue h2{margin-top:0}.dialogue ul{margin:0 0 var(--espace-16);padding-left:var(--espace-20)}.dialogue-actions{gap:var(--espace-12);margin-top:var(--espace-24);justify-content:flex-end;display:flex}.choix{gap:var(--espace-8);margin:var(--espace-12) 0 var(--espace-4);flex-wrap:wrap;display:flex}.choix button{height:auto;min-height:var(--hauteur-champ);padding:var(--espace-8) var(--espace-16);text-align:left;background:var(--papier);color:var(--encre);border-color:var(--trait);border-radius:var(--rayon-pilule);white-space:normal;justify-content:flex-start;font-size:13px;font-weight:400;line-height:1.45}.choix button:hover{border-color:var(--vert);background:var(--menthe)}.choix button.retenu{background:var(--vert);color:var(--papier);border-color:var(--vert)}.choix button.retenu:hover{background:var(--vert-fonce)}.picto{border-radius:var(--rayon-image);flex:none;width:42px;height:42px}.avec-picto{gap:var(--espace-16);align-items:flex-start;display:flex}.vignette-illustree{flex:none;width:64px;position:relative}.vignette-illustree .illustration{border-radius:var(--rayon-image);object-fit:cover;background:var(--menthe);width:64px;height:64px;display:block}.bouton-refus{border-radius:var(--rayon-rond);border:1px solid var(--papier);background:var(--rouge);width:24px;height:24px;color:var(--papier);justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:absolute;top:-6px;right:-6px}.bouton-refus:hover{background:var(--rouge-fonce)}.bouton-refus svg{width:14px;height:14px}.bouton-refus:after{content:"";position:absolute;inset:-10px}audio{width:100%;height:38px;margin:var(--espace-8) 0 var(--espace-4)}code{background:var(--menthe);color:var(--vert-fonce);padding:var(--espace-12);border-radius:var(--rayon-controle);word-break:break-all;font-size:13px;font-family:var(--sans);display:block}.blocs{gap:var(--espace-20);margin:0;padding:0;list-style:none;display:grid}.bloc-travail{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon-carte);box-shadow:var(--ombre-carte);padding:var(--espace-28)}.bloc-tete{gap:var(--espace-16);align-items:flex-start;display:flex}.bloc-index{border-radius:var(--rayon-rond);background:var(--menthe);width:42px;height:42px;color:var(--vert-fonce);font-family:var(--serif);flex:none;place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid}.bloc-phrase{margin:0;font-size:16px}.bloc-corps{flex:1;min-width:0}.bloc-meta{align-items:center;gap:var(--espace-8);margin:var(--espace-8) 0 0;flex-wrap:wrap;display:flex}.carte.atelier{--largeur-atelier:min(1160px, calc(100vw - var(--espace-64)));width:var(--largeur-atelier);margin-left:calc(50% - var(--largeur-atelier) / 2)}.onglets-etat{gap:var(--espace-8);margin:var(--espace-16) 0 var(--espace-12);flex-wrap:wrap;display:flex}.onglets-etat button{padding:0 var(--espace-16);background:var(--papier);color:var(--vert);border-color:var(--vert);border-radius:var(--rayon-pilule);font-size:13px}.onglets-etat button:hover{background:var(--menthe)}.onglets-etat button.actif{background:var(--vert);color:var(--papier)}.onglets-etat button.actif:hover{background:var(--vert-fonce)}.onglets-etat button.actif .badge{color:var(--papier);background:#fffdf840}.barre-selection{gap:var(--espace-12);margin-bottom:var(--espace-16);flex-wrap:wrap;display:flex}.grille-images{gap:var(--espace-12);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}@media (width>=1100px){.grille-images{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}.tuile{background:var(--papier);border:2px solid var(--trait);border-radius:var(--rayon-bloc);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;margin:0;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.tuile:hover{border-color:var(--vert);box-shadow:var(--ombre-survol)}.tuile.choisie{border-color:var(--vert-fonce);box-shadow:0 0 0 3px var(--menthe)}.tuile img{aspect-ratio:1;object-fit:cover;border-radius:var(--rayon-image) var(--rayon-image) 0 0;background:var(--menthe);width:100%;display:block}.tuile img.attente{object-fit:contain;padding:var(--espace-24)}.tuile .coche{top:var(--espace-8);left:var(--espace-8);border-radius:var(--rayon-rond);background:var(--papier);border:1px solid var(--trait);color:#0000;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.tuile .coche svg{width:14px;height:14px}.tuile.choisie .coche{background:var(--vert-fonce);border-color:var(--vert-fonce);color:var(--papier)}.tuile figcaption{padding:var(--espace-12);gap:var(--espace-4);flex-direction:column;flex:1;display:flex}.tuile .libelle{color:var(--encre);margin:0;font-size:13px;line-height:1.4}.tuile figcaption .discret-texte{margin:0;font-size:11px}.tuile figcaption .badge{margin-right:var(--espace-4)}.tuile .consigne{font-style:italic}.pied-selection{z-index:5;margin-top:var(--espace-16);gap:var(--espace-12);padding:var(--espace-16);border-radius:var(--rayon-bloc);background:var(--papier);border:1px solid var(--trait);box-shadow:var(--ombre-flottant);flex-wrap:wrap;align-items:center;display:flex;position:sticky;bottom:0}.pied-selection .compte{white-space:nowrap;font-size:13px;font-weight:700}.pied-selection input{flex:1;min-width:220px}.revue{border:1px solid var(--trait);border-radius:var(--rayon-carte);padding:var(--espace-28);background:var(--papier);box-shadow:var(--ombre-carte)}.revue-tete{justify-content:space-between;align-items:center;gap:var(--espace-12);margin-bottom:var(--espace-16);flex-wrap:wrap;display:flex}.revue-tete .compte{color:var(--vert-fonce);font-size:16px;font-weight:700}.revue-corps{gap:var(--espace-24);flex-wrap:wrap;align-items:flex-start;display:flex}.revue-corps img{aspect-ratio:1;object-fit:cover;border-radius:var(--rayon-image);background:var(--menthe);flex:none;width:320px;max-width:100%}.revue-texte{flex:1;min-width:240px}.revue-texte .objectif{margin:0 0 var(--espace-8);font-family:var(--serif);color:var(--encre);font-size:20px;font-weight:700;line-height:1.3}.revue-texte .consigne{margin:var(--espace-8) 0;font-style:italic}.exemples{margin:var(--espace-4) 0 0 var(--espace-20);padding:0}.exemples li{margin:var(--espace-4) 0;color:var(--encre);font-size:16px}.revue-actions{gap:var(--espace-12);margin-top:var(--espace-20);flex-wrap:wrap;display:flex}.revue-actions button.enregistre{background:var(--alerte-fond);color:var(--alerte);border-color:var(--alerte)}.revue-commentaire{gap:var(--espace-8);margin-top:var(--espace-20);flex-wrap:wrap;display:flex}.revue-commentaire input{flex:1;min-width:240px}.revue-commentaire button{margin-top:0}.revue-aide{margin:var(--espace-12) 0 0}kbd{font-family:var(--sans);border-radius:var(--rayon-controle);padding:var(--espace-4);margin-left:var(--espace-4);opacity:.75;border:1px solid;font-size:11px;font-weight:700;line-height:1}.revue-finie{text-align:center;padding:var(--espace-36) var(--espace-16)}.revue-finie p{color:var(--vert-fonce);margin:0 0 var(--espace-16);justify-content:center;align-items:center;gap:var(--espace-8);font-size:20px;display:flex}@media (width<=760px){.bandeau{height:calc(70px + env(safe-area-inset-top));padding-left:var(--espace-16);padding-right:var(--espace-16)}.marque b{font-size:20px}main{padding:var(--espace-24) var(--espace-16) calc(var(--espace-48) + 72px + env(safe-area-inset-bottom))}.carte,.bloc-travail,.revue{padding:var(--espace-20)}.carte.atelier{width:auto;margin-left:0}.revue-corps img{width:100%}}@media print{.bandeau,.onglets,.voile,.barre-selection,.pied-selection,button,audio{display:none!important}html,body{background:var(--papier)}main{max-width:none;padding:0}.carte,.bloc-travail,.revue{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.carte.atelier{width:auto;margin-left:0}.bloc-titre{margin-bottom:var(--espace-24)}@page{margin:12mm}}