:root{--vert: #1f5132;--vert-clair: #e8f0e6;--vert-vif: #2e7d4f;--fond: #f6f7f3;--carte: #ffffff;--texte: #17201a;--gris: #5c6b60;--bord: #d8ded4;--rouge: #c0392b;--rouge-clair: #fdeceb;--orange: #d97706;--ombre: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;background:var(--fond);color:var(--texte);font-size:17px;line-height:1.45;padding-bottom:env(safe-area-inset-bottom)}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:1.5rem 0 .5rem}a{color:var(--vert-vif)}.entete{background:var(--vert);color:#fff;padding:calc(env(safe-area-inset-top) + .8rem) 1rem .8rem;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:20}.entete h1{font-size:1.15rem;flex:1}.entete .retour{background:#ffffff26;border:0;color:#fff;font-size:1.3rem;width:40px;height:40px;border-radius:10px;cursor:pointer}.entete .compte{font-size:.8rem;opacity:.85}.contenu{padding:1rem;max-width:760px;margin:0 auto}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:1rem;margin-bottom:.75rem;box-shadow:var(--ombre)}.carte.cliquable{cursor:pointer}.carte.cliquable:active{background:var(--vert-clair)}button,.bouton{font:inherit;font-weight:600;border:0;border-radius:12px;padding:.85rem 1.1rem;min-height:50px;cursor:pointer;background:var(--vert);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}button:disabled{opacity:.45}button.secondaire{background:var(--vert-clair);color:var(--vert)}button.danger{background:var(--rouge-clair);color:var(--rouge)}button.large{width:100%}button.geant{min-height:64px;font-size:1.15rem}input,textarea,select{font:inherit;width:100%;padding:.8rem;min-height:50px;border:1px solid var(--bord);border-radius:12px;background:#fff;color:var(--texte)}label{display:block;font-weight:600;font-size:.9rem;margin:.9rem 0 .3rem;color:var(--gris)}.pastille{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--vert-clair);color:var(--vert)}.pastille.important{background:#fdecea;color:var(--rouge)}.pastille.fragile{background:#fef3c7;color:#92400e}.pastille.secondaire{background:#e5e7eb;color:#374151}.pastille.facultatif{background:#ede9fe;color:#5b21b6}.pastille.alerte{background:var(--rouge);color:#fff}.rangee{display:flex;align-items:center;gap:.6rem}.entre{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.gris{color:var(--gris);font-size:.88rem}.vide{text-align:center;color:var(--gris);padding:2.5rem 1rem}.badge-numero{width:34px;height:34px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.pave{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.pave button{min-height:62px;font-size:1.4rem;background:#fff;color:var(--texte);border:1px solid var(--bord)}.pave button:active{background:var(--vert-clair)}.duree-affichee{font-size:2.4rem;font-weight:700;text-align:center;padding:.6rem;background:#fff;border:2px solid var(--vert);border-radius:12px}.liste-essences{max-height:46vh;overflow-y:auto;border:1px solid var(--bord);border-radius:12px;background:#fff}.liste-essences li{list-style:none;padding:.85rem 1rem;border-bottom:1px solid var(--bord);cursor:pointer}.liste-essences li:active{background:var(--vert-clair)}.liste-essences ul{margin:0;padding:0}.barre-progression{height:8px;background:var(--bord);border-radius:999px;overflow:hidden}.barre-progression div{height:100%;background:var(--vert-vif);transition:width .3s}.file-flottante{position:fixed;left:0;right:0;bottom:0;background:var(--vert);color:#fff;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));font-size:.9rem;z-index:30}.erreur{background:var(--rouge-clair);color:var(--rouge);padding:.8rem 1rem;border-radius:12px;margin:.5rem 0}.info{background:var(--vert-clair);color:var(--vert);padding:.8rem 1rem;border-radius:12px;margin:.5rem 0}.hors-ligne{background:var(--orange);color:#fff;text-align:center;padding:.4rem;font-size:.85rem;font-weight:600}video{width:100%;border-radius:12px;background:#000}