:root{--encre:#163b35;--vert:#2f715e;--vert-fonce:#225546;--menthe:#dcecdf;--creme:#f7f3e8;--papier:#fffdf8;--or:#f2c86d;--sourdine:#667b75;--trait:#e3ddcd;--alerte:#8c3a3a;--alerte-fond:#f8ebe9;--attention:#8a6320;--attention-fond:#fdf3dd;--hauteur-champ:46px;--rayon:12px;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--creme);color:var(--encre);overscroll-behavior-y:contain;margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bandeau{background:var(--vert-fonce);color:var(--papier);padding:calc(14px + env(safe-area-inset-top)) 18px 14px;z-index:10;align-items:center;gap:12px;display:flex;position:sticky;top:0}.bandeau h1{font:600 19px/1.2 var(--serif);letter-spacing:.2px;flex:1;margin:0}.bandeau .classe{opacity:.75;font-family:inherit;font-size:12px;font-weight:400;display:block}.pastille{background:var(--or);width:34px;height:34px;color:var(--vert-fonce);font:700 16px/1 var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}main{max-width:780px;padding:18px 16px calc(92px + env(safe-area-inset-bottom));margin:0 auto}.carte{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:16px;padding:20px}h2{font:600 17px/1.3 var(--serif);color:var(--vert-fonce);margin:0 0 14px}h3{font:600 14px/1.3 var(--serif);color:var(--vert);margin:18px 0 8px}label{color:var(--sourdine);margin-bottom:5px;font-size:13px;display:block}input,select,textarea,.faux-champ{width:100%;height:var(--hauteur-champ);border:1px solid var(--trait);color:inherit;appearance:none;background:#fff;border-radius:9px;padding:0 13px;font-family:inherit;font-size:16px}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='%23667b75' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical;height:auto;min-height:84px;padding:12px 13px;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--vert);outline-offset:1px;border-color:var(--vert)}button{height:var(--hauteur-champ);background:var(--vert);color:var(--papier);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font:500 15px/1 inherit;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.discret{color:var(--vert-fonce);border:1px solid var(--trait);background:0 0}button.discret:hover{background:var(--menthe)}button.danger{color:var(--alerte);background:0 0;border:1px solid #e7d3d1}button.danger:hover{background:var(--alerte-fond)}button.icone{width:var(--hauteur-champ);flex:none;padding:0}button.lien{height:auto;color:var(--vert);background:0 0;padding:0;text-decoration:underline}.rangee{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.rangee>div{flex:150px;min-width:0}.actions{flex-wrap:wrap;gap:8px;display:flex}.dictee{place-items:center;gap:16px;padding:12px 0 4px;display:grid}.gros-bouton{background:var(--vert);width:196px;height:196px;color:var(--papier);font:600 18px/1.2 var(--serif);border:0;border-radius:50%;grid-auto-rows:min-content;place-items:center;gap:8px;padding:0;transition:transform .12s,background .2s;display:grid;box-shadow:0 10px 26px #22554642}.gros-bouton:active{transform:scale(.97)}.gros-bouton.enregistre{background:var(--alerte);animation:1.5s ease-in-out infinite souffle}@keyframes souffle{0%,to{box-shadow:0 0 #8c3a3a6b}50%{box-shadow:0 0 0 20px #8c3a3a00}}.chrono{font-variant-numeric:tabular-nums;opacity:.92;font-family:inherit;font-size:15px}.aide{color:var(--sourdine);text-align:center;max-width:340px;margin:0 auto;font-size:14px}.onglets{background:var(--papier);border-top:1px solid var(--trait);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.onglets button{height:54px;color:var(--sourdine);background:0 0;border-radius:10px;flex-direction:column;flex:1;gap:3px;font-size:11px}.onglets button.actif{background:var(--menthe);color:var(--vert-fonce);font-weight:600}.message{border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:14px;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:1px}.badge{background:var(--menthe);color:var(--vert-fonce);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.badge.attente{background:var(--attention-fond);color:var(--attention)}.badge.echec{background:var(--alerte-fond);color:var(--alerte)}.liste{margin:0;padding:0;list-style:none}.liste>li{border-bottom:1px solid var(--trait);padding:14px 0}.liste>li:last-child{border-bottom:0}.liste>li:first-child{padding-top:0}.entre{justify-content:space-between;align-items:center;gap:12px;display:flex}.discret-texte{color:var(--sourdine);font-size:13px}.vide{color:var(--sourdine);text-align:center;padding:22px 0;font-size:14px}.choix{flex-wrap:wrap;gap:7px;margin:8px 0 2px;display:flex}.choix button{text-align:left;height:auto;min-height:36px;color:var(--encre);border:1px solid var(--trait);white-space:normal;background:#fff;border-radius:20px;justify-content:flex-start;padding:7px 12px;font-size:13px;line-height:1.35}.choix button:hover{border-color:var(--vert);background:var(--menthe)}.choix button.retenu{background:var(--vert);color:var(--papier);border-color:var(--vert)}.picto{border-radius:10px;flex:none;width:42px;height:42px}.avec-picto{align-items:flex-start;gap:12px;display:flex}audio{width:100%;height:38px;margin:8px 0 4px}code{background:var(--menthe);word-break:break-all;color:var(--vert-fonce);border-radius:6px;padding:4px 8px;font-size:12px;display:inline-block}