:root{--fond: #f3f5f6;--carte: #ffffff;--encre: #18252d;--discret: #5b6b75;--trait: #d8e0e4;--accent: #1d5d78;--accent-doux: #e3eef3;--sur-accent: #ffffff;--ok: #1f7a4a;--ok-doux: #e2f2e8;--attente: #7a5a12;--attente-doux: #f6eed9;--ko: #b3261e;--ko-doux: #f9e3e1;--police: "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--titre: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fond: #11181c;--carte: #1a2328;--encre: #e7eef1;--discret: #9db0ba;--trait: #2c3a41;--accent: #7fc0dc;--accent-doux: #1d3440;--sur-accent: #0d1a20;--ok: #6fcf97;--ok-doux: #173326;--attente: #e6c36f;--attente-doux: #3a3018;--ko: #ff8a80;--ko-doux: #3a1d1b;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.5 var(--police)}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.appli{max-width:680px;margin:0 auto;padding:env(safe-area-inset-top,0) 16px calc(32px + env(safe-area-inset-bottom,0))}h2,h3{font-family:var(--titre);margin:0;text-wrap:balance}h2{font-size:1.4rem}h3{font-size:1.05rem;margin-top:8px}.pile{display:flex;flex-direction:column;gap:14px;padding-top:12px}.bandeau{position:sticky;top:0;z-index:2;background:var(--fond);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--trait)}.marque{background:none;border:0;padding:0;font:700 1.15rem var(--titre);color:var(--accent);cursor:pointer}.demo{flex-basis:100%;margin:0;font-size:.85rem;background:var(--attente-doux);color:var(--attente);border-radius:8px;padding:6px 10px}.pastille{border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;white-space:nowrap}.pastille.ok{background:var(--ok-doux);color:var(--ok)}.pastille.attente{background:var(--attente-doux);color:var(--attente)}.pastille.hors-ligne{background:var(--ko-doux);color:var(--ko)}.gros-boutons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gros{min-height:64px;border-radius:14px;border:2px solid var(--accent);background:var(--carte);color:var(--accent);font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;cursor:pointer}.gros.principal{background:var(--accent);color:var(--sur-accent)}.gros:disabled{opacity:.5;cursor:default}.lien{background:none;border:0;color:var(--accent);font-weight:700;padding:8px 0;text-align:left;cursor:pointer;align-self:flex-start}.retour{min-height:44px}.liste,.notes,.grille-photos{list-style:none;margin:0;padding:0}.liste{display:flex;flex-direction:column;gap:10px}.carte{width:100%;text-align:left;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;min-height:64px}.numero{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.03em;font-variant-numeric:tabular-nums}.titre{font-weight:700}.phase{font-size:.85rem;color:var(--discret)}.discret{color:var(--discret);font-size:.9rem}.centre{text-align:center;padding-top:30vh}.vide{color:var(--discret);background:var(--carte);border:1px dashed var(--trait);border-radius:12px;padding:14px;margin:0}.alerte{background:var(--ko-doux);color:var(--ko);border-radius:10px;padding:10px 12px;margin:0}.info{background:var(--ok-doux);color:var(--ok);border-radius:10px;padding:10px 12px;margin:0}.champ{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}.champ>span,.champ legend{font-weight:700;padding:0}input,textarea{background:var(--carte);border:1.5px solid var(--trait);border-radius:10px;padding:12px;width:100%;min-height:52px}.puces{display:flex;flex-wrap:wrap;gap:8px}.puce{border:1.5px solid var(--trait);background:var(--carte);border-radius:999px;padding:10px 14px;min-height:44px;cursor:pointer}.puce[aria-pressed=true]{border-color:var(--accent);background:var(--accent-doux);color:var(--accent);font-weight:700}.entete-op{display:flex;flex-direction:column;gap:2px}.grille-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.grille-photos li{position:relative}.grille-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;max-width:100%}.grille-photos .pastille{position:absolute;left:4px;bottom:4px;font-size:.7rem}.notes{display:flex;flex-direction:column;gap:8px}.notes li{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.notes p{margin:0;flex-basis:100%;white-space:pre-wrap}.connexion{padding-top:10vh}.qr{width:200px;height:200px;align-self:center;background:#fff;padding:8px;border-radius:8px}code{word-break:break-all}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.cache{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}label.gros{-webkit-user-select:none;user-select:none;text-align:center}.gros.inactif{opacity:.5;pointer-events:none}.vignette{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:8px}.petit{min-height:44px;border-radius:10px;border:1.5px solid var(--trait);background:var(--carte);padding:8px 14px;font-weight:700;cursor:pointer}.petit.danger{border-color:var(--ko);color:var(--ko)}.petit-lien{padding:4px 0;margin-left:auto;font-size:.9rem;color:var(--discret);min-height:32px}.confirmation{flex-basis:100%;background:var(--ko-doux);color:var(--encre);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.confirmation p{margin:0}.confirmation .boutons{display:flex;flex-wrap:wrap;gap:8px}.visionneuse{position:fixed;inset:0;z-index:10;background:#080c0ef0;color:#fff;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 12px env(safe-area-inset-bottom,0)}.visionneuse .barre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.visionneuse .cadre-photo{flex:1;min-height:0;position:relative;touch-action:pan-y}.visionneuse img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.visionneuse .fleche{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:10px;background:#00000073;color:#fff;font-size:2rem;cursor:pointer}.visionneuse .fleche.gauche{left:4px}.visionneuse .fleche.droite{right:4px}.visionneuse .petit{background:transparent;color:#fff;border-color:#ffffff80}.visionneuse .petit.danger{color:#ffb4ab;border-color:#ffb4ab}.visionneuse .confirmation{background:#3a1d1b;color:#fff}.zone-archive{border-top:1px solid var(--trait);padding-top:10px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.lien:disabled{opacity:.5}.marge-g{margin-left:8px}.bascule{align-self:flex-start}