:root{--encre:#1f2433;--encre-douce:#5b6275;--fond:#f4f6fa;--carte:#fff;--bordure:#dde2ec;--principal:#1d4ed8;--vert:#15803d;--orange:#b45309;--rouge:#b91c1c;--bleu:#1d4ed8;--rayon:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fond);color:var(--encre);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.entete{z-index:2;background:var(--encre);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.marque{font-size:18px;font-weight:700}.marque span{opacity:.75;margin-left:8px;font-size:13px;font-weight:400}.etat{font:inherit;color:#fff;cursor:pointer;text-align:left;background:#4b5563;border:0;border-radius:999px;max-width:65%;padding:6px 12px;font-size:13px}.etat:before{content:"● "}.etat--synchronise{background:var(--vert)}.etat--enregistre{background:var(--bleu)}.etat--attente-reseau{background:var(--orange)}.etat--conflit{background:var(--rouge)}.vue{gap:12px;max-width:760px;margin:0 auto;padding:16px;display:grid}h1{margin:4px 0;font-size:22px}h2{margin:0 0 8px;font-size:17px}.aide{color:var(--encre-douce);margin:0}.message{color:var(--rouge);margin:0}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:14px}.barre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.liste{gap:10px;display:grid}button{font:inherit}.principal,.secondaire{border:1px solid var(--principal);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px}.principal{background:var(--principal);color:#fff}.secondaire{color:var(--principal);background:#fff}.lien{color:var(--principal);cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0}.simulation{text-align:left;cursor:pointer;gap:4px;width:100%;display:grid}.simulation--conflit{border-color:var(--rouge)}.simulation__nom{font-weight:600}.simulation__marge{color:var(--encre-douce);font-size:14px}.badge{color:var(--bleu);background:#e0e7ff;border-radius:999px;justify-self:start;padding:2px 8px;font-size:12px}.badge--conflit{color:var(--rouge);background:#fee2e2}.bandeau{color:#1e3a8a;background:#e0e7ff;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.bandeau--alerte{color:#78350f;background:#fef3c7;gap:8px;display:grid}.groupe{border:1px solid var(--bordure);gap:10px;margin:0;display:grid}.groupe legend{padding:0 6px;font-weight:600}.champ{color:var(--encre-douce);gap:4px;font-size:14px;display:grid}.champ--nom input{font-size:18px;font-weight:600}.saisie{border:1px solid var(--bordure);background:#fff;border-radius:10px;align-items:center;display:flex}.saisie:focus-within{border-color:var(--principal);box-shadow:0 0 0 3px #1d4ed826}.saisie input{text-align:right;background:0 0;border:0;outline:0;flex:1;min-width:0}input[type=text],input[type=email],input[type=password]{font:inherit;color:var(--encre);border:1px solid var(--bordure);border-radius:10px;width:100%;padding:10px 12px;font-size:17px}.saisie input{border:0}.unite{color:var(--encre-douce);padding:0 12px}.case{align-items:center;gap:8px;min-height:44px;font-size:15px;display:flex}.case input{width:22px;height:22px}.resultats{border-color:var(--vert);gap:6px;display:grid}.resultats--negatif{border-color:var(--rouge)}.ligne{justify-content:space-between;gap:12px;font-size:15px;display:flex}.ligne span:last-child{font-variant-numeric:tabular-nums;text-align:right}.ligne--forte{font-size:17px;font-weight:700}.ligne--difference{background:#fef3c7;border-radius:6px;padding:0 4px}.version{color:var(--encre-douce);margin:6px 0 0;font-size:12px}.vignettes{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.vignette{aspect-ratio:1;object-fit:cover;background:var(--fond);border-radius:8px;width:100%}.vignette--absente{text-align:center;color:var(--encre-douce);place-items:center;padding:6px;font-size:11px;display:grid}.cache{display:none}.colonnes{gap:12px;display:grid}@media (min-width:700px){.colonnes{grid-template-columns:1fr 1fr}}.colonne{align-content:start;gap:4px;display:grid}.choix{gap:8px;display:grid}.connexion{gap:8px;max-width:420px;display:grid}.essais{gap:6px;margin:0;padding:0;list-style:none;display:grid}.reussite{color:var(--vert)}.echec{color:var(--rouge);font-weight:700}.pied{max-width:760px;color:var(--encre-douce);margin:0 auto;padding:8px 16px 32px;font-size:13px}.pied p{margin:4px 0}.identifiant{word-break:break-all;-webkit-user-select:all;user-select:all}