:root{--vert:#2f6f4f;--fond:#fbf7f0;--carte:#fff;--texte:#1f2a24;--gris:#6b756f;--rouge:#b3261e;--ok:#1e7a46;--bord:#e3ddd0}@media (prefers-color-scheme:dark){:root{--fond:#141a16;--carte:#1d2620;--texte:#eef2ee;--gris:#9aa59e;--bord:#2e3a32;--vert:#5db585;--rouge:#ff8a80;--ok:#6fd89b}}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font:16px/1.4 system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:16px 16px 88px}h1{margin:0 0 12px;font-size:1.3rem}h2{margin:16px 0 8px;font-size:1.05rem}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:12px;margin:8px 0;padding:12px}label{color:var(--gris);margin:8px 0 2px;font-size:.85rem;display:block}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--bord);background:var(--fond);border-radius:8px;width:100%;min-height:44px;padding:10px}textarea{min-height:120px;font-family:ui-monospace,monospace;font-size:.85rem}button{border:1px solid var(--vert);cursor:pointer;background:0 0;border-radius:8px;min-height:44px;padding:0 16px}button.primaire{background:var(--vert);color:#fff}button:disabled{opacity:.5}.ligne{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ligne>*{flex:90px}.ok{color:var(--ok)}.ko{color:var(--rouge)}.gris{color:var(--gris);font-size:.85rem}.droite{text-align:right;font-variant-numeric:tabular-nums}nav{background:var(--carte);border-top:1px solid var(--bord);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}nav button{border:0;border-radius:0;flex:1;min-height:56px;font-size:.8rem}nav button.actif{color:var(--vert);font-weight:700}.msg{background:var(--carte);border:1px solid var(--bord);border-radius:8px;margin:8px 0;padding:10px}.msg.erreur{border-color:var(--rouge);color:var(--rouge)}