:root{--fond:#0b1120;--fond-2:#111c33;--fond-3:#18263f;--bord:#25364f;--texte:#e8eef8;--texte-2:#9aabc4;--accent:#38bdf8;--accent-fonce:#0284c7;--ok:#34d399;--attention:#fbbf24;--danger:#f87171;--rayon:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fond);color:var(--texte);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}.app{max-width:920px;margin:0 auto;padding:0 1rem 6rem}.entete{z-index:10;background:linear-gradient(var(--fond) 70%, transparent);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:0}.entete .titre{flex:1;min-width:0;font-size:1.05rem;font-weight:650}.entete .titre span{color:var(--texte-2);font-size:.8rem;font-weight:400;display:block}.retour{border:1px solid var(--bord);border-radius:var(--rayon);background:var(--fond-2);width:40px;height:40px;color:var(--texte);flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.onglets{gap:.4rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.onglets a{background:var(--fond-2);border:1px solid var(--bord);color:var(--texte-2);border-radius:99px;flex:none;padding:.55rem .85rem;font-size:.9rem}.onglets a.actif{background:var(--accent-fonce);border-color:var(--accent);color:#fff}.carte{background:var(--fond-2);border:1px solid var(--bord);border-radius:var(--rayon);margin-bottom:.75rem;padding:1rem}.carte.serree{padding:.7rem .8rem}.carte h3{align-items:center;gap:.5rem;display:flex}.liste{gap:.5rem;display:grid}.ligne{align-items:center;gap:.6rem;display:flex}.ligne>.pousse{margin-left:auto}.sous{color:var(--texte-2);font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button,.bouton{border:1px solid var(--bord);border-radius:var(--rayon);background:var(--fond-3);min-height:44px;color:var(--texte);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-weight:550;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primaire{background:var(--accent-fonce);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button.plat{min-height:36px;color:var(--texte-2);background:0 0;border:none;padding:.3rem .5rem}button.petit{min-height:36px;padding:.35rem .7rem;font-size:.85rem}.boutons{flex-wrap:wrap;gap:.5rem;display:flex}label.champ{margin-bottom:.75rem;display:block}label.champ>span{color:var(--texte-2);margin-bottom:.25rem;font-size:.8rem;display:block}input,select,textarea{background:var(--fond);width:100%;min-height:44px;color:var(--texte);border:1px solid var(--bord);border-radius:var(--rayon);font:inherit;padding:.55rem .7rem}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.duo{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.trio{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}@media (width<=520px){.trio{grid-template-columns:1fr 1fr}}.badge{letter-spacing:.02em;background:var(--fond-3);color:var(--texte-2);border:1px solid var(--bord);border-radius:99px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge.attention{color:var(--attention);border-color:color-mix(in srgb, var(--attention) 40%, transparent)}.badge.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.badge.accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.alerte{border-radius:var(--rayon);background:color-mix(in srgb, var(--danger) 14%, var(--fond-2));border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:#ffd9d9;margin-bottom:.75rem;padding:.7rem .85rem;font-size:.9rem}.info{border-radius:var(--rayon);background:var(--fond-2);border:1px dashed var(--bord);color:var(--texte-2);margin-bottom:.75rem;padding:.7rem .85rem;font-size:.88rem}.vide{text-align:center;color:var(--texte-2);padding:2rem 1rem}.attente-barre{background:var(--accent);z-index:50;height:3px;animation:1s linear infinite glisse;position:fixed;inset:0 0 auto}@keyframes glisse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.hors-ligne{z-index:40;text-align:center;background:var(--attention);color:#3b2800;padding:.55rem 1rem;font-size:.85rem;font-weight:600;position:fixed;bottom:0;left:0;right:0}.vignettes{flex-wrap:wrap;gap:.5rem;display:flex}.vignettes img{object-fit:cover;border:1px solid var(--bord);border-radius:8px;width:84px;height:84px}.modale-fond{z-index:60;background:#030712b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modale{background:var(--fond-2);border:1px solid var(--bord);border-radius:14px 14px 0 0;width:100%;max-width:560px;max-height:92vh;padding:1rem 1rem 1.5rem;overflow:auto}@media (width>=560px){.modale-fond{align-items:center;padding:1rem}.modale{border-radius:14px}}