:root{--canard:#048b9a;--canard-fonce:#04606b;--canard-clair:#5dcaa5;--encre:#10333a;--papier:#f6fbfc;--carte:#fff;--bord:#cde5e9;--gris:#4a6d74;--rouge:#a32d2d;--rouge-vif:#e24b4a;--ambre:#ba7517;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--papier);color:var(--encre)}button{font:inherit;cursor:pointer}input,select{font:inherit}.app{flex-direction:column;min-height:100svh;display:flex}.contenu{flex:1;width:100%;max-width:560px;margin:0 auto;padding:20px 16px 90px}.splash{place-items:center;min-height:100svh;display:grid}.marque{color:var(--canard);font-size:96px;font-weight:800;line-height:1}.barre-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-item{color:var(--gris);background:0 0;border:none;flex:1;padding:14px 4px;font-size:13px;font-weight:600}.nav-actif{color:var(--canard)}.etiquette{text-transform:uppercase;letter-spacing:.16em;color:var(--canard-fonce);margin-bottom:2px;font-size:12px}.titre-ecran{margin-bottom:4px;font-size:22px;font-weight:700}.sous-titre{color:var(--gris);margin:4px 0 12px;font-size:14px}.chargement{text-align:center;color:var(--gris);padding:40px}.erreur{color:var(--rouge);margin:8px 0;font-size:14px}.moyenne-geante{color:var(--canard);font-size:clamp(64px,24vw,110px);font-weight:800;line-height:1.05}.bloc{background:var(--carte);border:1px solid var(--bord);border-radius:16px;margin:14px 0;padding:14px 16px}.titre-bloc{color:var(--canard-fonce);margin-bottom:8px;font-size:13px;font-weight:700}.ligne-matiere{border-top:1px solid var(--papier);align-items:center;gap:10px;padding:7px 0;font-size:15px;display:flex}.ligne-matiere:first-of-type{border-top:none}.ligne-matiere>span:first-of-type,.ligne-matiere>span:nth-child(2){flex:1}.lm-moyenne{color:var(--canard-fonce);font-weight:700;flex:none!important}.matiere-inactive{color:var(--gris);text-decoration:line-through}.cartes-enjeu{gap:10px;margin:14px 0;display:flex}.carte-enjeu{background:var(--carte);border:1px solid var(--bord);border-radius:14px;flex:1;padding:10px 12px}.ce-libelle{color:var(--gris);font-size:11.5px}.ce-valeur{color:var(--canard);font-size:24px;font-weight:800}.ce-petit{font-size:16px}.entete-pari{align-items:center;gap:12px;margin-bottom:18px;display:flex}.vanne{color:var(--canard-fonce);font-size:14.5px;font-weight:600;line-height:1.45}.pied-poulpy{align-items:center;gap:12px;margin-top:16px;display:flex}.jauge-bloc{margin:18px 4px 6px}.jauge-reperes{height:18px;color:var(--gris);font-size:12px;font-weight:700;position:relative}.jauge-reperes span{position:absolute;transform:translate(-50%)}.jauge-barre{border-radius:99px;height:14px;display:flex;position:relative;overflow:visible}.jz{height:14px}.jz:first-child{border-radius:99px 0 0 99px}.jz:last-child{border-radius:0 99px 99px 0}.jz-rouge{background:var(--rouge-vif)}.jz-verte{background:var(--canard-clair)}.jz-canard{background:var(--canard)}.jauge-curseur{border:4px solid var(--encre);background:#fff;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:-4px}.jauge-zones{color:var(--gris);margin-top:8px;font-size:12px;display:flex}.jauge-zones span:first-child{width:50%}.jauge-zones span:nth-child(2){width:33.3%}.jauge-zones span:nth-child(3){text-align:right;width:16.7%}.ecran-pari{position:relative}.mode-danger{background:var(--rouge);border-radius:0;min-height:100svh;margin:-20px -16px -90px;padding:20px 16px 90px}.mode-danger .etiquette,.mode-danger .vanne{color:#f7c1c1}.mode-danger .moyenne-geante{color:#fff}.mode-danger .bloc,.mode-danger .carte-enjeu{background:#8c2424;border-color:#b95050}.mode-danger .titre-bloc,.mode-danger .ce-libelle,.mode-danger .jauge-zones,.mode-danger .jauge-reperes{color:#f7c1c1}.mode-danger .ce-valeur,.mode-danger .lm-moyenne{color:#fff}.mode-danger .ligne-matiere{color:#fceaea;border-color:#b95050}.basse-cour{pointer-events:none;z-index:5;height:90px;position:fixed;inset:auto 0 70px}.poussin{animation:1.6s linear infinite cavale,.18s linear infinite panique;position:absolute;left:0}@keyframes cavale{0%{transform:translate(-30px)scaleX(1)}49%{transform:translate(calc(100vw + 10px))scaleX(1)}50%{transform:translate(calc(100vw + 10px))scaleX(-1)}99%{transform:translate(-30px)scaleX(-1)}to{transform:translate(-30px)scaleX(1)}}@keyframes panique{0%,to{margin-top:0}50%{margin-top:-4px}}.ecran-connexion{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:24px;display:flex}.carte-connexion{background:var(--carte);border:1px solid var(--bord);border-radius:18px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:20px;display:flex}.consigne{color:var(--gris);font-size:14px;line-height:1.5}.ou{text-align:center;color:var(--gris);font-size:13px}input,select{border:1.5px solid var(--bord);background:var(--papier);border-radius:12px;width:100%;padding:12px 14px;font-size:16px}input:focus,select:focus{border-color:var(--canard);outline:none}.champ-code{text-align:center;letter-spacing:.4em;font-size:28px}.btn-principal{background:var(--canard);color:#fff;border:none;border-radius:12px;padding:13px;font-size:16px;font-weight:700;transition:transform .1s}.btn-principal:active{transform:scale(.97)}.btn-principal:disabled{opacity:.5}.btn-secondaire{background:var(--carte);color:var(--canard-fonce);border:1.5px solid var(--canard);border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600}.btn-lien{color:var(--canard);background:0 0;border:none;padding:6px;font-size:14px}.entete-ligne{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.carte-ed{background:var(--carte);border:1px solid var(--bord);border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.ed-texte{color:var(--encre);flex:1}.pastille{border-radius:50%;flex:none;width:9px;height:9px}.pastille-ok{background:#1d9e75}.pastille-ko{background:var(--ambre)}.formulaire-note{flex-direction:column;gap:10px;display:flex}.ligne-champs{align-items:center;gap:8px;display:flex}.ligne-champs input{flex:1;min-width:0}.carte-note{background:var(--carte);border:1px solid var(--bord);border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.note-alerte{border-color:var(--rouge-vif)}.cn-matiere{font-size:14.5px;font-weight:700}.cn-detail{color:var(--gris);margin-top:2px;font-size:12.5px}.cn-alerte{color:var(--rouge);margin-top:6px;font-size:12.5px;font-weight:600}.cn-droite{text-align:right;flex:none}.cn-valeur{color:var(--canard-fonce);font-size:20px;font-weight:800}.cn-valeur span{color:var(--gris);font-size:13px;font-weight:600}.ligne-saisie{align-items:center;gap:10px;display:flex}.ligne-saisie input{text-align:center;width:76px;font-size:22px;font-weight:700}.sur40{color:var(--gris);flex:1;font-size:13px}.ligne-saisie .btn-principal{width:auto;padding:11px 18px}.barres{align-items:flex-end;gap:4px;height:90px;display:flex}.barre{background:var(--bord);border-radius:4px;flex:1;min-height:3px}.barre-ok{background:var(--canard)}.carte-bientot{border:1.5px dashed var(--bord);border-radius:12px;margin-bottom:8px;padding:10px 12px}.cb-titre{color:var(--canard-fonce);font-size:14px;font-weight:700}.cb-detail{color:var(--gris);font-size:12.5px}.bascule{background:var(--bord);border:none;border-radius:99px;flex:none;width:36px;height:21px;transition:background .2s;position:relative}.bascule:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2.5px;left:3px}.bascule-on{background:var(--canard)}.bascule-on:after{left:17px}.champ-coef{text-align:center;flex:none;width:58px!important;padding:8px!important}.ligne-boutons{align-items:center;gap:10px;display:flex}.ecran-parent,.ecran-plus,.ecran-notes,.ecran-code{padding-top:4px}.ecran-parent{max-width:560px;margin:0 auto;padding:20px 16px}