:root{--encre:#1d2621;--vert:#2d5f3f;--sauge:#698c7a;--fond:#f6f7f5;--carte:#fff;--trait:#dfe3de;--alerte:#8c3a3a;--rayon:10px}*{box-sizing:border-box}body{background:var(--fond);color:var(--encre);margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bandeau{background:var(--vert);color:#fff;align-items:center;gap:14px;padding:14px 24px;display:flex}.pastille{background:var(--sauge);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.bandeau h1{flex:1;margin:0;font-size:18px;font-weight:600}main{max-width:900px;margin:28px auto;padding:0 20px}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:20px;padding:22px}h2{color:var(--vert);margin:0 0 16px;font-size:17px}label{color:#55605a;margin-bottom:5px;font-size:13px;display:block}input,select{border:1px solid var(--trait);width:100%;color:inherit;background:#fff;border-radius:7px;padding:9px 11px;font-size:15px}.rangee{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.rangee>div{flex:150px}button{background:var(--vert);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:10px 16px;font-size:15px}button:disabled{opacity:.5;cursor:default}button.discret{color:var(--vert);border:1px solid var(--trait);background:0 0}button.danger{color:var(--alerte);background:0 0;border:0;padding:4px 8px}table{border-collapse:collapse;width:100%}th{background:var(--sauge);color:#fff;text-align:left;padding:9px 12px;font-weight:600}td{border-bottom:1px solid var(--trait);padding:9px 12px}.message{border-radius:7px;margin-bottom:16px;padding:11px 14px;font-size:14px}.message.erreur{color:var(--alerte);background:#fbeceb}.message.ok{color:var(--vert);background:#eaf2ec}.liste-classes{margin:0;padding:0;list-style:none}.liste-classes li{border-bottom:1px solid var(--trait);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.liste-classes button{color:var(--vert);border:1px solid var(--trait);background:0 0}.discret-texte{color:#6c766f;font-size:13px}code{word-break:break-all;background:#eef1ee;border-radius:5px;padding:3px 7px}