:root{--fond: #f3f6f8;--fond-carte: #ffffff;--encre: #10242f;--encre-douce: #5b6f7b;--bord: #dde5ea;--marine: #04314d;--marine-clair: #0a4a72;--lagon: #3ec6d8;--ok: #0f7a4d;--ok-fond: #e4f5ec;--attention: #a4620a;--attention-fond: #fdf1de;--alerte: #a32020;--alerte-fond: #fce9e9;--neutre-fond: #eef2f5;--rayon: 14px;--ombre: 0 1px 2px rgba(16, 36, 47, .06), 0 8px 24px rgba(16, 36, 47, .06);--safe-bas: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--fond: #0c1720;--fond-carte: #14232e;--encre: #e8eef2;--encre-douce: #9fb3bf;--bord: #24384691;--ok-fond: #123526;--attention-fond: #3a2a10;--alerte-fond: #3a1717;--neutre-fond: #1b2c39;--ok: #5fd39b;--attention: #f0b45e;--alerte: #f28b8b;--ombre: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--encre);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit}.app{display:flex;flex-direction:column;min-height:100%;max-width:720px;margin:0 auto;background:var(--fond)}.entete{position:sticky;top:0;z-index:20;padding:14px 16px calc(14px + env(safe-area-inset-top,0px));padding-top:calc(14px + env(safe-area-inset-top,0px));background:var(--marine);color:#fff;display:flex;align-items:center;gap:12px}.entete h1{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.entete .territoire{margin:0;font-size:.75rem;opacity:.75}.entete .logo{width:34px;height:34px;flex:none}.contenu{flex:1;padding:16px 16px calc(96px + var(--safe-bas))}.onglets{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 8px calc(8px + var(--safe-bas));background:color-mix(in srgb,var(--fond-carte) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bord)}.onglets>div{max-width:720px;margin:0 auto;width:100%}.onglet{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:0;border-radius:12px;background:transparent;color:var(--encre-douce);font-size:.7rem;font-weight:600;cursor:pointer;min-height:52px}.onglet[aria-selected=true]{color:var(--marine-clair);background:var(--neutre-fond)}@media(prefers-color-scheme:dark){.onglet[aria-selected=true]{color:var(--lagon)}}.onglet svg{width:22px;height:22px}.carte{background:var(--fond-carte);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);padding:16px;margin-bottom:14px}.carte h2{margin:0 0 10px;font-size:1rem;font-weight:650}.carte h3{margin:18px 0 6px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-douce)}.muted{color:var(--encre-douce);font-size:.85rem}.zone-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:24px;border:2px dashed var(--bord);border-radius:var(--rayon);background:var(--fond-carte);text-align:center;color:var(--encre-douce)}.zone-photo>svg{width:44px;height:44px}.zone-photo span{font-size:.85rem;max-width:34ch}.apercu{width:100%;border-radius:var(--rayon);display:block;background:#000;max-height:45vh;object-fit:contain}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border:0;border-radius:12px;background:var(--marine);color:#fff;font-weight:650;cursor:pointer}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton.secondaire{background:var(--neutre-fond);color:var(--encre)}.bouton.pleine-largeur{width:100%;grid-column:1 / -1}.champ{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--bord);border-radius:12px;background:var(--fond-carte);color:var(--encre);font:inherit}.champ::placeholder{color:var(--encre-douce)}.champ:focus-visible,.bouton:focus-visible,.filtre:focus-visible,.onglet:focus-visible,.ligne-espece:focus-visible,.candidat:focus-visible{outline:2px solid var(--marine-clair);outline-offset:2px}.champ[type=search]{-webkit-appearance:none;appearance:none}.verdict{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid transparent;margin-bottom:12px}.verdict .pictogramme{font-size:1.5rem;line-height:1;flex:none}.verdict strong{display:block;font-size:1rem}.verdict p{margin:4px 0 0;font-size:.87rem}.verdict.oui{background:var(--ok-fond);border-color:color-mix(in srgb,var(--ok) 30%,transparent);color:var(--ok)}.verdict.prudence{background:var(--attention-fond);border-color:color-mix(in srgb,var(--attention) 30%,transparent);color:var(--attention)}.verdict.deconseille{background:var(--attention-fond);border-color:color-mix(in srgb,var(--attention) 45%,transparent);color:var(--attention)}.verdict.non{background:var(--alerte-fond);border-color:color-mix(in srgb,var(--alerte) 35%,transparent);color:var(--alerte)}.verdict p{color:var(--encre);opacity:.92}.etiquettes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.etiquette{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--neutre-fond);color:var(--encre-douce);font-size:.75rem;font-weight:600}.etiquette.ok{background:var(--ok-fond);color:var(--ok)}.etiquette.attention{background:var(--attention-fond);color:var(--attention)}.etiquette.alerte{background:var(--alerte-fond);color:var(--alerte)}.liste{list-style:none;margin:0;padding:0}.ligne-espece{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border:0;border-bottom:1px solid var(--bord);background:transparent;text-align:left;cursor:pointer}.ligne-espece:last-child{border-bottom:0}.ligne-espece .noms{flex:1 1 auto;min-width:0}.vignette{flex:none;display:flex;align-items:center;justify-content:center;width:104px;height:62px;border-radius:8px;overflow:hidden;background:#0b1a24}.vignette img{width:100%;height:100%;object-fit:contain}.ligne-espece>.etiquette{flex:0 0 auto;white-space:nowrap;max-width:42%}.ligne-espece .fr{font-weight:620;display:block}.ligne-espece .statut{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:.76rem;font-weight:600;color:var(--encre-douce)}.ligne-espece .sci{font-style:italic;font-size:.8rem;color:var(--encre-douce);display:block}.ligne-espece .locaux{font-size:.78rem;color:var(--encre-douce);display:block}.pastille{width:12px;height:12px;border-radius:50%;flex:none}.pastille.oui{background:var(--ok)}.pastille.prudence,.pastille.deconseille{background:var(--attention)}.pastille.non{background:var(--alerte)}.illustrations{margin:0 0 16px;padding:10px;border-radius:var(--rayon);background:#0b1a24;display:flex;flex-direction:column;gap:8px}.illustrations img{width:100%;height:auto;display:block;border-radius:8px}.illustrations figcaption{color:#9fb3bf;font-size:.72rem;line-height:1.4}.fiche-entete{margin-bottom:14px}.fiche-entete h2{margin:0;font-size:1.35rem;line-height:1.25}.fiche-entete .sci{font-style:italic;color:var(--encre-douce)}.criteres{margin:0;padding-left:18px}.criteres li{margin-bottom:6px}.tableau{width:100%;border-collapse:collapse;font-size:.88rem}.tableau th,.tableau td{text-align:left;padding:8px 0;border-bottom:1px solid var(--bord);vertical-align:top}.tableau th{color:var(--encre-douce);font-weight:600;width:45%}.tableau tr:last-child th,.tableau tr:last-child td{border-bottom:0}.retour{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px 8px 8px;border:0;border-radius:10px;background:var(--neutre-fond);font-size:.85rem;font-weight:600;cursor:pointer}.candidat{display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px;margin-bottom:10px;border:1px solid var(--bord);border-radius:12px;background:var(--fond-carte);text-align:left;cursor:pointer}.candidat.principal{border-color:var(--marine-clair);border-width:2px}.candidat .fr,.candidat .sci{display:block}.jauge{flex:none;width:68px;text-align:center;font-weight:700;font-size:.95rem}.vignette-candidat{width:68px;height:48px;margin-bottom:6px}.jauge span{display:block;font-size:.62rem;font-weight:600;color:var(--encre-douce);text-transform:uppercase}.barre{height:5px;border-radius:3px;background:var(--neutre-fond);overflow:hidden;margin-top:8px}.barre>div{height:100%;background:var(--lagon)}.avertissement{padding:12px 14px;border-left:3px solid var(--attention);background:var(--attention-fond);border-radius:0 10px 10px 0;font-size:.82rem;color:var(--encre)}.chargement{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;color:var(--encre-douce)}.tourniquet{width:20px;height:20px;border:2px solid var(--bord);border-top-color:var(--marine-clair);border-radius:50%;animation:tourne .8s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tourniquet{animation-duration:2.4s}}.erreur{padding:12px 14px;border-radius:10px;background:var(--alerte-fond);color:var(--alerte);font-size:.87rem}.puces{margin:0;padding-left:18px;font-size:.88rem}.puces li{margin-bottom:5px}a{color:var(--marine-clair)}@media(prefers-color-scheme:dark){a{color:var(--lagon)}}.lien-espece{display:inline;padding:0;border:0;background:none;color:var(--marine-clair);font:inherit;font-style:italic;text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media(prefers-color-scheme:dark){.lien-espece{color:var(--lagon)}}.partage+.partage{margin-top:14px}.partage h3{margin:0 0 2px;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--encre)}.publicite{display:block;margin:14px 0;border:1px solid var(--bord);border-radius:var(--rayon);background:var(--neutre-fond);overflow:hidden}.publicite-mention{display:block;padding:5px 10px 0;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-douce)}.publicite-gabarit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:90px;padding:16px;color:var(--encre-douce);font-size:.82rem;font-weight:600}.publicite-gabarit small{font-weight:500;opacity:.7}.champ-recherche{position:relative;margin-bottom:14px}.filtres{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:6px;-webkit-overflow-scrolling:touch}.filtres::-webkit-scrollbar{display:none}.filtre{flex:none;padding:7px 14px;border:1px solid var(--bord);border-radius:999px;background:var(--fond-carte);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.filtre[aria-pressed=true]{background:var(--marine);border-color:var(--marine);color:#fff}.choix{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.initiale{position:sticky;top:calc(58px + env(safe-area-inset-top,0px));padding:6px 4px 4px;background:var(--fond-carte);border-bottom:1px solid var(--bord);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--encre-douce);list-style:none}