:root{--craie:#f3f6fa;--papier:#fff;--encre:#13213f;--gris:#5d6b82;--trait:#e2e8f0;--sapin:#1e4b8f;--sapin-doux:#e3f2fb;--sapin-icone:#24523f;--coquelicot:#e53935;--ambre:#f59e0b;--soleil:#ffc21a;--soleil-fonce:#f5a300;--soleil-doux:#ffeaa6;--ciel:#19b4ee;--ciel-doux:#cdf1fb;--champ:#edf1f6;--cadre-fond:#e8ecf1;--titre:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--texte:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ombre:0 4px 18px #13213f1a;--haut:env(safe-area-inset-top,0px);--bas:env(safe-area-inset-bottom,0px);--marge:16px;--largeur-app:520px;--cadre-x:max(8px, calc((100vw - var(--largeur-app)) / 2));--cadre-haut:max(8px, var(--haut));--rayon-cadre:36px;--bord:calc(var(--cadre-x) + var(--marge));--nav-h:72px;--nav-bas:max(12px, var(--bas));--creer:64px;--recherche-h:56px;--ecart:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--craie:#0d1524;--papier:#162133;--encre:#eef3fa;--gris:#9aa8bd;--trait:#26354c;--sapin:#8cc4ff;--sapin-doux:#1b3049;--coquelicot:#ff6b5e;--ambre:#ffb547;--soleil-doux:#4a3a10;--ciel-doux:#14425a;--champ:#1e2b40;--ombre:0 4px 18px #00000059;--cadre-fond:#060b14}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background:var(--cadre-fond)}body{background:var(--cadre-fond);color:var(--encre);font-family:var(--texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--coquelicot);outline-offset:2px;border-radius:8px}.app{max-width:calc(var(--largeur-app) + 16px);min-height:100dvh;margin:0 auto;position:relative}.page{margin:var(--cadre-haut) 8px 0;border-radius:var(--rayon-cadre) var(--rayon-cadre) 0 0;background:var(--craie);padding:12px var(--marge) calc(var(--barre-onglets) + 24px);min-height:calc(100dvh - var(--cadre-haut));flex-direction:column;display:flex}.entete{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:8px;display:flex}.marque{font-family:var(--titre);letter-spacing:.02em;font-size:24px;font-weight:700}.marque em{color:var(--coquelicot);font-style:normal}.serif{font-family:var(--titre);letter-spacing:-.01em;font-weight:700;line-height:1.15}.mono{font-family:var(--mono);font-size:13px;font-weight:600}.meta{color:var(--gris)}.accueil,.vide{flex-direction:column;flex:1;justify-content:center;gap:14px;padding-bottom:40px;display:flex}.accueil h2{font-size:30px}.accueil p,.vide p{color:var(--gris);max-width:32ch}.vide{text-align:center;color:var(--sapin);align-items:center}.vide h2{color:var(--encre);font-size:24px}.pied{text-align:center}.onglets{z-index:10;bottom:var(--nav-bas);height:var(--nav-h);left:var(--cadre-x);right:calc(var(--cadre-x) + var(--creer) + var(--ecart));border-radius:calc(var(--nav-h) / 2);background:color-mix(in srgb, var(--papier) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--trait);grid-template-columns:repeat(4,1fr);align-items:stretch;padding:0 4px;display:grid;position:fixed;box-shadow:0 8px 28px #13213f24}.onglet{min-width:44px;color:var(--encre);border-radius:calc(var(--nav-h) / 2);letter-spacing:-.01em;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:clamp(10px,3.1vw,12.5px);font-weight:600;display:flex;position:relative}.onglet svg,.onglet .avatar{flex:none;width:26px;height:26px}.onglet span:not(.avatar):not(.pastille-onglet){white-space:nowrap;height:16px;line-height:16px}.onglet.actif{color:var(--soleil-fonce)}.onglet.actif:after{content:"";background:var(--soleil-fonce);border-radius:2px;width:34px;height:3px;margin-left:-17px;position:absolute;bottom:7px;left:50%}.onglet:active,.bouton-creer:active{transform:scale(.96)}.bouton-creer{z-index:10;right:var(--cadre-x);bottom:calc(var(--nav-bas) + (var(--nav-h) - var(--creer)) / 2);width:var(--creer);height:var(--creer);color:#fff;background:linear-gradient(160deg, var(--soleil), var(--soleil-fonce));border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:fixed;box-shadow:0 6px 18px #f5a30073}.bouton-creer.ouvert{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.onglet:active,.bouton-creer:active,.bouton-creer.ouvert{transform:none}}.voile{z-index:30;background:#0a142859;position:fixed;inset:0}.menu-creer{z-index:31;background:var(--papier);max-width:520px;padding:18px 18px calc(var(--bas) + 18px);border-radius:28px 28px 0 0;margin:0 auto;animation:.25s ease-out monte;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 30px #0000002e}.menu-creer ul{flex-direction:column;gap:4px;margin-top:8px;list-style:none;display:flex}.menu-creer li button{text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:60px;padding:0 6px;font-size:17px;font-weight:600;display:flex}.menu-creer li button:active{background:var(--champ)}.icone-choix{background:var(--ciel-doux);width:44px;height:44px;color:var(--encre);border-radius:50%;flex:none;place-items:center;display:grid}.bouton-rond-petit{background:var(--champ);width:36px;height:36px;color:var(--encre);border-radius:50%;place-items:center;display:grid}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.rangee{gap:10px;display:flex}.bouton{border-radius:26px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 18px;font-size:16px;font-weight:650;display:inline-flex}.bouton.plein{background:var(--soleil);color:#13213f}.bouton.trait{border:1.5px solid var(--trait);color:var(--encre);background:var(--papier)}.bouton:active{opacity:.85}:root{--barre-onglets:calc(var(--nav-bas) + var(--nav-h))}.carte-page{background:var(--cadre-fond);position:fixed;inset:0}.carte-page>.carte{top:var(--cadre-haut);left:var(--cadre-x);right:var(--cadre-x);bottom:var(--nav-bas);border-radius:var(--rayon-cadre);background:var(--craie);width:auto;height:auto;position:absolute;overflow:hidden}.champ{background:var(--papier);height:50px;color:var(--gris);border:1px solid var(--trait);text-align:left;border-radius:25px;flex:1;align-items:center;gap:10px;padding:0 16px;font-size:16px;display:flex;box-shadow:0 4px 16px #0000001a}.bouton-rond{background:var(--papier);width:50px;height:50px;color:var(--sapin);border:1px solid var(--trait);z-index:3;border-radius:50%;place-items:center;display:grid;position:absolute;right:14px;box-shadow:0 4px 16px #0000001f}.bulle{left:var(--bord);right:calc(var(--bord) + 64px);bottom:calc(var(--nav-bas) + max(var(--feuille,0px), var(--nav-h)) + 148px);z-index:4;background:var(--encre);color:var(--craie);border-radius:16px;padding:12px 14px;font-size:14px;position:absolute}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{left:8px;bottom:calc(max(var(--feuille,0px), var(--nav-h)) + 140px)!important}.maplibregl-ctrl-attrib{color:var(--gris);font-size:10px;background:color-mix(in srgb, var(--papier) 80%, transparent)!important}.maplibregl-ctrl-attrib a{color:var(--gris)!important}.maplibregl-ctrl-attrib-button{filter:var(--filtre-ctrl,none)}@media (prefers-color-scheme:dark){:root{--filtre-ctrl:invert(1)}}.epingle{filter:drop-shadow(0 3px 4px #00000040);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40'%3E%3Cpath d='M15 39S2 24.5 2 14.5a13 13 0 0 1 26 0C28 24.5 15 39 15 39z' fill='%23E5532F' stroke='%23fff' stroke-width='2.5'/%3E%3Ccircle cx='15' cy='14.5' r='4.5' fill='%23fff'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:40px}.point-moi{background:#3b82f6;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 8px #3b82f62e,0 1px 4px #0000004d}.fiche{left:var(--cadre-x);right:var(--cadre-x);bottom:var(--nav-bas);z-index:6;background:var(--papier);border-radius:28px 28px var(--rayon-cadre) var(--rayon-cadre);max-height:min(64dvh,580px);padding-bottom:calc(var(--nav-h) + 12px);overscroll-behavior:contain;animation:.25s ease-out monte;position:absolute;overflow-y:auto;box-shadow:0 -6px 30px #00000024}@keyframes monte{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.fiche{animation:none}}.fiche-photo{margin:0;position:relative}.fiche-photo img{object-fit:cover;border-radius:28px 28px 0 0;width:100%;height:200px;display:block}.fiche-photo figcaption{color:#fff;opacity:.85;text-shadow:0 1px 3px #0009;font-size:9.5px;position:absolute;bottom:10px;right:14px}.fermer{background:color-mix(in srgb, var(--papier) 85%, transparent);width:36px;height:36px;color:var(--encre);border:1px solid var(--trait);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.fiche-corps{flex-direction:column;gap:6px;padding:18px 20px 4px;display:flex}.fiche-corps h2{padding-right:40px;font-size:28px}.fiche .categorie{color:var(--sapin)}.fiche .rangee{margin:12px 0 6px}.extrait{margin-top:6px;font-size:15px;line-height:1.5}.extrait .source,.details a{color:var(--sapin);text-underline-offset:2px;text-decoration:underline}.details{grid-template-columns:auto 1fr;gap:6px 14px;margin-top:10px;font-size:15px;display:grid}.details dt{color:var(--gris);padding-top:1px;font-size:13px}.details dd{overflow-wrap:anywhere;margin:0}.details .ligne{display:block}.source-donnees{margin-top:10px}.recherche{z-index:20;background:var(--craie);padding:calc(var(--haut) + 10px) 14px calc(var(--barre-onglets) + 12px);flex-direction:column;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0}.recherche-barre{align-items:center;gap:10px;display:flex}.recherche .champ{box-shadow:none}.recherche input{min-width:0;color:var(--encre);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px}.recherche input::-webkit-search-cancel-button{display:none}.lien{color:var(--sapin);padding:8px 2px;font-size:16px;font-weight:600}.resultats{flex:1;margin:10px 0 0;list-style:none;overflow-y:auto}.resultats li button{text-align:left;border-bottom:1px solid var(--trait);flex-direction:column;gap:2px;width:100%;min-height:56px;padding:12px 4px;display:flex}.resultats b{font-size:16px;font-weight:600}.resultats:empty{flex:0}.vide-petit{color:var(--gris);text-align:center;flex:1;padding:28px 12px;font-size:15px}.recherche .pied{text-align:center}.avatar{background:var(--sapin);color:var(--papier);font-family:var(--titre);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.bouton-retour{width:44px;height:44px;color:var(--encre);border-radius:50%;place-items:center;display:grid}.formulaire{flex-direction:column;gap:14px;padding-top:4px;display:flex}.titre-page{font-size:30px}.pile{flex-direction:column;gap:10px;display:flex}.pile .bouton,.formulaire>.bouton{flex:none}.etiquette{color:var(--gris);margin-top:6px;font-size:14px;font-weight:600}.saisie{font:inherit;border:1.5px solid var(--trait);background:var(--papier);height:52px;color:var(--encre);border-radius:16px;width:100%;padding:0 16px;font-size:17px}.saisie:focus{outline:3px solid var(--sapin);outline-offset:1px}.saisie.code{font-family:var(--mono);letter-spacing:.3em;text-align:center;font-size:26px}.bouton{width:100%}.bouton:disabled{opacity:.5}.bouton.google{color:#1f1f1f;background:#fff;border:1.5px solid #dadce0;font-weight:600}.ou{text-align:center;color:var(--gris);font-size:14px}.erreur{color:var(--coquelicot);font-weight:600}.succes{color:var(--sapin);font-weight:600}.lien.danger{color:var(--coquelicot)}.profil-tete{align-items:center;gap:16px;display:flex}.profil-tete .titre-page{overflow-wrap:anywhere;font-size:26px}.photo-profil{color:var(--sapin);flex-direction:column;align-items:center;gap:4px;display:flex}.bas-de-page{border-top:1px solid var(--trait);margin-top:18px;padding-top:18px}.turnstile:empty{display:none}.poignee-bouton{align-self:center;padding:8px 30px 4px}.poignee{background:var(--trait);border-radius:3px;width:38px;height:5px;display:block}.puces{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.puce{border:1px solid var(--trait);background:var(--craie);min-height:40px;color:var(--encre);border-radius:20px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.puce.petite{min-height:36px;padding:0 12px}.puce.choisie{background:var(--ciel-doux);color:var(--encre);border-color:var(--ciel-doux)}.puces .depart{margin-left:auto}.bouton.sapin{background:var(--soleil-doux);color:var(--encre)}.ajuster{border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);flex-direction:column;gap:8px;padding:12px 0;display:flex}.etape .retirer{color:var(--gris);padding:0 6px;font-size:14px}.sortie{flex-direction:column;gap:8px;display:flex}.petit-texte{font-size:14px}.etapes{flex-direction:column;gap:18px;margin:14px 0 6px;padding:0 0 0 30px;list-style:none;display:flex}.etape{flex-direction:column;gap:2px;display:flex;position:relative}.etape:before{content:"";background:var(--sapin);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:-30px}.etape:not(.derniere):after{content:"";background:radial-gradient(circle, var(--sapin) 1.5px, transparent 1.6px) top / 3px 9px repeat-y;width:3px;position:absolute;top:24px;bottom:-20px;left:-23px}.etape.derniere:before{background:var(--coquelicot);box-shadow:0 0 0 4px var(--craie)}.nom-etape{text-align:left;color:var(--encre);padding:2px 0;font-size:18px;font-weight:650}.etape .rangee{margin-top:6px}.bouton.petit{flex:none;width:auto;height:40px;padding:0 16px;font-size:14px}.note{margin-top:4px}.actions-sortie{margin-top:10px}.actions-sortie .bouton{flex:1}.mes-sorties{border-top:1px solid var(--trait);margin-top:18px;padding-top:18px}.mes-sorties h2{font-size:22px}.marqueur-incident{cursor:pointer;filter:drop-shadow(0 2px 3px #0000004d);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 1.5 23 20.5H1z' fill='%23D9962B' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M12 8v6M12 17.2h.01' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:28px}.categorie-incident{color:var(--ambre)}.puce.choisie.ambre{background:var(--ambre);border-color:var(--ambre);color:#fff}.bouton.choisi{border-color:var(--sapin);color:var(--sapin)}.lien.discret{color:var(--gris);align-self:flex-start;font-size:14px;font-weight:500}.fiche-photo video{background:#000;border-radius:28px 28px 0 0;width:100%;max-height:260px;display:block}.signaler{flex-direction:column;gap:12px;display:flex}.media-incident{background:var(--papier);border:1px dashed var(--trait);border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex}.media-incident img,.media-incident video{object-fit:cover;background:#000;border-radius:14px;width:100%;max-height:240px}.saisie.texte{resize:none;height:auto;padding:12px 16px;line-height:1.4}.position-incident{color:var(--gris);font-size:15px}.signaler .bouton.plein{flex:none}.bouton-rond-plein{background:var(--encre);width:44px;height:44px;color:var(--papier);border-radius:50%;place-items:center;display:grid}.onglets-fil{background:var(--papier);border:1px solid var(--trait);border-radius:22px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.onglets-fil button{height:38px;color:var(--gris);border-radius:18px;flex:1;font-size:14px;font-weight:600}.onglets-fil button.actif{background:var(--sapin);color:var(--papier)}.liste-publications{flex-direction:column;gap:18px;display:flex}.carte-publication{background:var(--papier);border:1px solid var(--trait);border-radius:22px;overflow:hidden}.media-publication{background:#000;position:relative}.media-publication img,.media-publication video{object-fit:cover;width:100%;max-height:70vh;display:block}.media-publication img{aspect-ratio:4/5}.puce-lieu{background:color-mix(in srgb, var(--papier) 92%, transparent);max-width:calc(100% - 24px);height:34px;color:var(--sapin);border-radius:17px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.puce-lieu span{color:var(--encre);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.corps-publication{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.auteur{align-items:center;gap:8px}.auteur-bouton{align-items:center;gap:8px;min-height:44px;display:inline-flex}.auteur .quand{margin-left:auto}.plus-actions{min-width:44px;min-height:44px;color:var(--gris);letter-spacing:1px;font-size:20px}.texte-publication{overflow-wrap:anywhere;font-size:15px}.actions-publication{gap:18px}.action{min-height:44px;color:var(--gris);align-items:center;gap:6px;font-size:15px;display:inline-flex}.action.aime{color:var(--coquelicot)}.voir-plus{flex:none;margin-top:16px}.commentaires{flex-direction:column;gap:12px;margin-top:18px;display:flex}.commentaires h2{font-size:22px}.commentaires ul{flex-direction:column;gap:14px;list-style:none;display:flex}.commentaire{align-items:flex-start;gap:10px;display:flex}.commentaire p{overflow-wrap:anywhere;font-size:15px}.lien-nom{font-weight:650}.signaler-commentaire summary{cursor:pointer;list-style:none}.signaler-commentaire button{padding:4px 0;display:block}.ecrire{align-items:center}.ecrire .saisie{flex:1}.bouton-suivre{flex:none;margin:12px 0 18px}.lieu-choisi{background:var(--papier);border:1px solid var(--trait);border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px}.publications-lieu{flex-direction:column;gap:8px;margin-top:12px;display:flex}.rangee.entre{justify-content:space-between;align-items:center}.vignettes{gap:8px;display:flex;overflow-x:auto}.vignette{background:var(--trait);border-radius:14px;flex:none;width:96px;height:96px;overflow:hidden}.vignette img,.vignette video{object-fit:cover;width:100%;height:100%;display:block}.onglet{position:relative}.pastille-onglet{background:var(--coquelicot);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:6px;right:calc(50% - 24px)}.conversations{margin-top:6px;list-style:none}.ligne-conversation{border-bottom:1px solid var(--trait);text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 0;display:flex}.avatar.groupe{font-family:var(--mono);background:var(--sapin-doux);color:var(--sapin);font-size:14px}.ligne-texte{flex-direction:column;flex:1;min-width:0;display:flex}.apercu{color:var(--gris);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.apercu.non-lu{color:var(--encre);font-weight:600}.ligne-fin{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.pastille-non-lu{background:var(--coquelicot);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.ligne-personne{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 0;display:flex}.bouton-commencer{flex:none;margin-top:14px}.conversation{min-height:calc(100dvh - var(--haut) - 140px);flex-direction:column;display:flex}.entete-conversation{background:var(--craie);z-index:2;position:sticky;top:0}.titre-conversation{flex-direction:column;justify-content:center;align-items:center;min-height:44px;display:flex}.infos-conversation{background:var(--papier);border:1px solid var(--trait);border-radius:18px;flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 14px;display:flex}.infos-conversation ul{list-style:none}.fil-messages{flex-direction:column;flex:1;gap:8px;padding:6px 0 12px;list-style:none;display:flex}.bulle-message{flex-direction:column;align-items:flex-start;max-width:82%;display:flex}.bulle-message.moi{align-self:flex-end;align-items:flex-end}.bulle-corps{background:var(--papier);border:1px solid var(--trait);overflow-wrap:break-word;border-radius:18px 18px 18px 6px;flex-direction:column;gap:6px;padding:9px 12px;display:flex}.bulle-message.moi .bulle-corps{background:var(--sapin);color:var(--papier);border-color:var(--sapin);border-radius:18px 18px 6px}.bulle-message.moi .bulle-corps .meta{color:color-mix(in srgb, var(--papier) 75%, transparent)}.bulle-corps img{object-fit:cover;border-radius:12px;width:240px;max-width:62vw;height:auto;max-height:300px;display:block}.auteur-bulle{margin:4px 0 2px 6px}.heure-bulle{margin:2px 6px 0;font-size:10px}.carte-partage{text-align:left;color:inherit;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0;display:flex}.ecrire-message{bottom:calc(var(--barre-onglets) + 8px);background:var(--craie);align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky}.ecrire-message .saisie{flex:1;height:46px}.petit-rond{flex:none;width:40px;height:40px}.menu-partage{flex-wrap:wrap;gap:8px;padding:6px 0;display:flex}.choix-partage{background:var(--papier);border:1px solid var(--trait);border-radius:18px;padding:10px}.direct{background:var(--coquelicot);color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.salons{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.carte-salon{text-align:left;background:var(--sapin);color:var(--papier);border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.carte-salon .rangee{align-items:center;gap:8px}.carte-salon .mono{opacity:.85;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.carte-salon b{font-size:21px}.ouvrir-salon{align-self:flex-start}.salon{flex-direction:column;gap:14px;display:flex}.grille-salon{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 8px;margin-top:8px;list-style:none;display:grid}.personne-salon{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.personne-salon.parle .avatar{box-shadow:0 0 0 3px var(--craie), 0 0 0 6px var(--sapin)}.nom-salon{overflow-wrap:anywhere;font-size:13px;font-weight:600}.personne-salon .lien,.personne-salon .bouton{font-size:12px}.baba{background:var(--papier);border:1px solid var(--trait);border-radius:18px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.reponse-baba{border-top:1px dashed var(--trait);padding-top:8px}.commandes-salon{bottom:calc(var(--barre-onglets) + 8px);background:var(--craie);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky}.commandes-salon .bouton{flex:1;min-width:140px}.rangee-directs{gap:14px;padding:4px 2px 14px;list-style:none;display:flex;overflow-x:auto}.bulle-direct{flex-direction:column;align-items:center;gap:2px;width:76px;display:flex}.anneau-direct{border:3px solid var(--coquelicot);border-radius:50%;padding:3px;line-height:0}.bulle-direct .direct{margin-top:-10px;position:relative}.nom-direct{white-space:nowrap;text-overflow:ellipsis;max-width:76px;color:var(--gris);overflow:hidden}.marqueur-direct{background:var(--coquelicot);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:1.6s ease-out infinite palpite;box-shadow:0 0 #e5532f80}@keyframes palpite{to{box-shadow:0 0 0 16px #e5532f00}}@media (prefers-reduced-motion:reduce){.marqueur-direct{animation:none;box-shadow:0 0 0 6px #e5532f40}}.page-direct{margin:calc(-1 * (var(--haut) + 12px)) -20px 0;flex-direction:column;gap:12px;display:flex}.ecran-direct{background:#000;height:min(54dvh,520px);position:relative}.ecran-direct video{object-fit:cover;width:100%;height:100%;display:block}.attente-direct{color:#fff;text-align:center;place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.haut-direct{top:calc(var(--haut) + 8px);align-items:center;gap:10px;display:flex;position:absolute;left:12px;right:12px}.bouton-retour.clair{color:#fff;background:#00000059}.compteur-direct{color:#fff;background:#00000059;border-radius:8px;margin-left:auto;padding:4px 8px;font-size:12px}.coeurs-volants{pointer-events:none;width:40px;height:200px;position:absolute;bottom:16px;right:18px}.coeur-volant{color:var(--coquelicot);font-size:26px;animation:1.8s ease-out forwards monte-coeur;position:absolute;bottom:0;right:8px}@keyframes monte-coeur{to{opacity:0;transform:translateY(-180px)}}@media (prefers-reduced-motion:reduce){.coeur-volant{opacity:0;animation:none}}.infos-direct{flex-direction:column;gap:10px;padding:0 20px;display:flex}.titre-direct{font-size:22px}.puce-lieu.statique{border:1px solid var(--trait);align-self:flex-start;position:static}.actions-direct .bouton{flex:1}.bouton-coeur{flex:none;width:auto}.mots-direct{flex-direction:column;gap:4px;font-size:14px;list-style:none;display:flex}.annonce{border:1.5px dashed var(--trait);background:var(--craie);border-radius:16px;align-items:flex-start;gap:12px;margin-top:12px;padding:12px;display:flex}.annonce img{object-fit:cover;border-radius:12px;flex:none;width:76px;height:76px}.annonce-corps{flex-direction:column;gap:4px;min-width:0;display:flex}.annonce-corps b{font-size:18px;line-height:1.2}.annonce-corps .lien{align-self:flex-start;padding:6px 0 0;font-size:15px}.accueil{--zone-nav:calc(var(--nav-h) + 8px);--feuille-h:clamp(calc(var(--zone-nav) + 200px), 52dvh, calc(var(--zone-nav) + 440px));z-index:4;pointer-events:none;position:absolute;inset:0}.accueil[data-etat=replie]{--feuille-h:calc(var(--zone-nav) + 32px + 72px + 16px)}.accueil[data-etat=plein]{--feuille-h:calc(100dvh - var(--nav-bas) - var(--cadre-haut) - var(--marge) - var(--recherche-h) - var(--ecart))}.accueil>*{pointer-events:auto}.recherche-flottante,.flottants>*,.onglets,.bouton-creer,.feuille .poignee-bouton{touch-action:none}.feuille,.feuille-defile,.feuille .cartes-promenades,.feuille .puces.defile{touch-action:pan-x}.accueil[data-etat=plein] .feuille-defile{touch-action:pan-y}.accueil[data-etat=plein] .feuille .cartes-promenades,.accueil[data-etat=plein] .feuille .puces.defile{touch-action:pan-x pan-y}.accueil.glisse .recherche-flottante,.accueil.glisse .flottants{transition:none}.feuille{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.feuille img{-webkit-user-drag:none}.feuille input,.feuille textarea{-webkit-user-select:text;user-select:text}.feuille{left:var(--cadre-x);right:var(--cadre-x);bottom:var(--nav-bas);height:var(--feuille-h);background:var(--papier);border-radius:28px 28px var(--rayon-cadre) var(--rayon-cadre);padding-bottom:var(--zone-nav);flex-direction:column;transition:height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 -6px 30px #13213f1f}.feuille .poignee-bouton{touch-action:none;cursor:grab;flex:none;justify-content:center;align-items:flex-start;width:100%;height:44px;padding:20px 0 4px;display:flex}.feuille .poignee{background:var(--trait);border-radius:2px;width:36px;height:4px}.feuille-defile{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:4px var(--marge) var(--marge);flex-direction:column;flex:1;gap:16px;margin-top:-16px;display:flex;position:relative;overflow-y:auto}.feuille-defile::-webkit-scrollbar{display:none}.accueil[data-etat=replie] .feuille-defile{overflow:hidden}.recherche-flottante{left:var(--bord);right:var(--bord);bottom:calc(var(--nav-bas) + var(--feuille-h) + var(--ecart));height:var(--recherche-h);border-radius:calc(var(--recherche-h) / 2);background:var(--papier);box-shadow:var(--ombre);border:1px solid var(--trait);align-items:center;gap:8px;padding:0 6px 0 18px;transition:bottom .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.champ-accueil{min-width:0;height:100%;color:var(--sapin);text-align:left;flex:1;align-items:center;gap:10px;font-size:clamp(14px,4vw,16px);display:flex}.champ-accueil span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.champ-accueil svg{color:var(--encre);flex:none}.micro-recherche{background:var(--champ);width:44px;height:44px;color:var(--encre);border-radius:50%;flex:none;place-items:center;display:grid}.tuiles{flex:none;grid-template-columns:repeat(4,1fr);gap:clamp(6px,2vw,8px);display:grid}.tuile{background:var(--papier);border:1px solid var(--trait);min-width:0;height:72px;box-shadow:var(--ombre);color:var(--encre);letter-spacing:-.02em;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:clamp(10px,3.25vw,13px);font-weight:600;display:flex}.tuile svg{flex:none;width:24px;height:24px}.tuile span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tuile.choisie{background:var(--ciel-doux);border-color:var(--ciel-doux)}.contenu-tuile{--carte-l:clamp(128px, calc((100vw - 2 * var(--bord) - 2 * 12px) / 2.5), 168px);flex-direction:column;gap:12px;display:flex}.titre-tuile{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.titre-tuile h2{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14.5px,4.5vw,18px);font-weight:700;overflow:hidden}.voir-tout{color:var(--encre);white-space:nowrap;flex:none;align-items:center;gap:2px;min-height:44px;font-size:clamp(13.5px,4vw,15px);display:inline-flex}.cartes-promenades{grid-auto-flow:column;grid-auto-columns:var(--carte-l);scroll-snap-type:x mandatory;scroll-padding:0 var(--marge);margin:0 calc(-1 * var(--marge));padding:2px var(--marge) 8px;scrollbar-width:none;gap:12px;list-style:none;display:grid;overflow-x:auto}.cartes-promenades::-webkit-scrollbar{display:none}.cartes-promenades.toutes{grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}.carte-promenade{aspect-ratio:8/7;scroll-snap-align:start;background:var(--sapin-doux);box-shadow:var(--ombre);border-radius:20px;position:relative;overflow:hidden}.ouvrir-promenade{width:100%;display:block;position:absolute;inset:0}.ouvrir-promenade img,.sans-photo{object-fit:cover;width:100%;height:100%;display:block}.sans-photo{background:linear-gradient(150deg,#8fd16a,#2f9e6f)}.legende{text-align:left;color:#fff;background:linear-gradient(#0000,#080e1cc7);flex-direction:column;gap:0;padding:24px 12px 8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.legende b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.legende b svg{flex:none}.coeur{color:#fff;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:4px}.coeur:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e1c52;border-radius:50%;position:absolute;inset:5px}.coeur svg{position:relative}.coeur.plein{color:#ff5a5f}.coeur.plein:before{background:#fff}.coeur:disabled{opacity:1}.carte-promenade.squelette{box-shadow:none;background:linear-gradient(100deg, var(--champ) 30%, var(--papier) 50%, var(--champ) 70%) 0 0 / 300% 100%;animation:1.4s linear infinite lueur}@keyframes lueur{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.carte-promenade.squelette{animation:none}}.vide-cartes{min-height:calc(var(--carte-l,128px) * 7 / 8 + 8px);place-items:center;display:grid}.creer-promenade{background:var(--soleil-doux);width:100%;height:52px;color:var(--encre);border-radius:26px;flex:none;font-size:18px;font-weight:700}.etincelles{color:var(--soleil-fonce);display:inline-grid}.puces.defile{margin:0 calc(-1 * var(--marge));padding:0 var(--marge) 2px;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.puces.defile::-webkit-scrollbar{display:none}.puces.defile .puce{flex:none}.liste-accueil{list-style:none}.liste-accueil li button{text-align:left;border-bottom:1px solid var(--trait);flex-direction:column;gap:2px;width:100%;min-height:56px;padding:12px 0;display:flex}.liste-accueil b{font-size:16px;font-weight:650}.vide-petit.petit{text-align:left;flex:none;padding:8px 0}.feuille .annonce{margin:0}.creer{flex-direction:column;gap:12px;display:flex}.creer h2{font-size:24px}.creer .rangee{align-items:center}.creer .rangee .bouton.sapin{flex:1;width:auto}.creer .bouton{flex:none}.creer .baba-bouton{width:auto;color:var(--encre);padding:0 18px}.creer .saisie{flex:1;min-width:0}.creer .envoyer{height:52px}.creer>.lien{align-self:center}.flottants{left:var(--bord);right:var(--bord);bottom:calc(var(--nav-bas) + var(--feuille-h) + var(--ecart) + var(--recherche-h) + var(--ecart));pointer-events:none;justify-content:space-between;align-items:center;transition:bottom .3s cubic-bezier(.2,.8,.2,1),opacity .2s;display:flex;position:absolute}.accueil[data-etat=plein] .flottants{opacity:0;visibility:hidden}.flottants>*{pointer-events:auto}.flottants .bouton-rond{width:52px;height:52px;color:var(--encre);position:static}.pastille-incidents{height:52px;color:var(--encre);background:color-mix(in srgb, var(--papier) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--papier) 60%, transparent);box-shadow:var(--ombre);border-radius:26px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:17px;font-weight:700;display:inline-flex;position:relative}.pastille-incidents svg{color:var(--coquelicot);width:26px;height:26px}.point-rouge{background:var(--coquelicot);border:2px solid var(--papier);border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:2px}@media (prefers-reduced-motion:reduce){.feuille,.recherche-flottante,.flottants{transition:none}}.astuce-installer{top:calc(var(--cadre-haut) + 12px);left:var(--bord);right:var(--bord);z-index:5;background:var(--papier);min-height:52px;box-shadow:var(--ombre);border:1px solid var(--trait);color:var(--encre);touch-action:none;border-radius:26px;align-items:center;gap:8px;padding:4px 4px 4px 16px;font-size:14px;display:flex;position:absolute}.astuce-installer p{flex:1}.astuce-installer .bouton-rond-petit{flex:none;width:44px;height:44px}:is(.carte-page:has(.accueil[data-etat=plein]) .astuce-installer,.carte-page:has(.fiche) .astuce-installer){display:none}
