:root{--encre:#1d2621;--vert:#2d5f3f;--sauge:#698c7a;--fond:#f6f7f5;--carte:#fff;--trait:#dfe3de;--alerte:#8c3a3a;--ambre:#a97b12;--rayon:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--fond);color:var(--encre);overscroll-behavior-y:contain;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bandeau{background:var(--vert);color:#fff;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;z-index:10;align-items:center;gap:10px;display:flex;position:sticky;top:0}.bandeau h1{flex:1;margin:0;font-size:17px;font-weight:600}.pastille{background:var(--sauge);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}main{max-width:760px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:14px;padding:16px}h2{color:var(--vert);margin:0 0 12px;font-size:15px}label{color:#55605a;margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--trait);width:100%;color:inherit;background:#fff;border-radius:8px;padding:11px;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:76px}button{background:var(--vert);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-family:inherit;font-size:15px}button:disabled{opacity:.5}button.discret{color:var(--vert);border:1px solid var(--trait);background:0 0}button.danger{color:var(--alerte);background:0 0;border:1px solid #e8d6d5}.rangee{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.rangee>div{flex:140px}.dictee{place-items:center;gap:14px;padding:22px 0 8px;display:grid}.gros-bouton{color:#fff;background:var(--vert);touch-action:manipulation;border:0;border-radius:50%;place-items:center;gap:6px;width:190px;height:190px;font-size:19px;font-weight:600;transition:transform .12s,background .2s;display:grid;box-shadow:0 8px 22px #2d5f3f47}.gros-bouton:active{transform:scale(.97)}.gros-bouton.enregistre{background:var(--alerte);animation:1.4s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #8c3a3a73}50%{box-shadow:0 0 0 18px #8c3a3a00}}.chrono{font-variant-numeric:tabular-nums;opacity:.9;font-size:15px}.aide{color:#6c766f;text-align:center;max-width:320px;margin:0 auto;font-size:14px}.onglets{border-top:1px solid var(--trait);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.onglets button{color:#6c766f;background:0 0;border-radius:8px;flex:1;padding:8px 2px;font-size:12px}.onglets button.actif{color:var(--vert);background:#eaf2ec;font-weight:600}.message{border-radius:8px;margin-bottom:12px;padding:10px 13px;font-size:14px}.message.erreur{color:var(--alerte);background:#fbeceb}.message.ok{color:var(--vert);background:#eaf2ec}.message.doute{color:var(--ambre);background:#fdf5e3}.badge{color:#55605a;background:#eef1ee;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:11px;display:inline-block}.badge.a-valider{color:var(--ambre);background:#fdf5e3}.badge.validee{color:var(--vert);background:#eaf2ec}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--trait);padding:12px 0}.liste li:last-child{border-bottom:0}.entre{justify-content:space-between;align-items:center;gap:10px;display:flex}.discret-texte{color:#6c766f;font-size:13px}audio{width:100%;margin:8px 0}code{word-break:break-all;background:#eef1ee;border-radius:5px;padding:3px 6px;font-size:12px;display:inline-block}