:root{--ivoire:#f7f3ec;--blanc:#fff;--encre:#1f2a2a;--encre-douce:#4a5553;--lin:#d9d2c5;--sauge:#2f5d50;--sauge-survol:#1f4238;--sauge-pale:#dce8e2;--nuit:#1e3a5f;--sable:#c9a15b;--police-texte:"Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--police-titre:"Lora", Georgia, "Times New Roman", serif;--titre-taille:34px;--titre-graisse:600;--titre-interligne:1.25;--message-taille:26px;--message-graisse:500;--message-interligne:1.5;--corps-taille:21px;--corps-graisse:400;--corps-interligne:1.6;--bouton-taille:22px;--bouton-graisse:700;--mention-taille:18px;--espace-1:8px;--espace-2:16px;--espace-3:24px;--espace-4:32px;--espace-6:48px;--espace-8:64px;--marge-ecran:24px;--ecart-boutons:12px;--hauteur-tactile:64px;--arrondi-bouton:14px;--arrondi-carte:16px;--transition:.2s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--police-texte);font-size:var(--corps-taille);font-weight:var(--corps-graisse);line-height:var(--corps-interligne);color:var(--encre);background:var(--ivoire);-webkit-font-smoothing:antialiased;margin:0}p{margin:0}:focus-visible{outline:3px solid var(--encre);outline-offset:3px}.ecran{gap:var(--espace-3);width:100%;max-width:600px;min-height:100dvh;padding:var(--marge-ecran);padding-top:max(var(--marge-ecran), env(safe-area-inset-top));flex-direction:column;margin:0 auto;padding-bottom:0;display:flex}.ecran-contenu{justify-content:center;gap:var(--espace-4);padding-bottom:max(var(--marge-ecran), env(safe-area-inset-bottom));animation:fondu var(--transition) ease-out;flex-direction:column;flex:1;display:flex}@keyframes fondu{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ecran-contenu{animation:none}}.titre{font-family:var(--police-titre);font-size:var(--titre-taille);font-weight:var(--titre-graisse);line-height:var(--titre-interligne);color:var(--encre);text-wrap:balance;margin:0}.message{font-family:var(--police-titre);font-size:var(--message-taille);font-weight:var(--message-graisse);line-height:var(--message-interligne);color:var(--encre)}.mention{font-size:var(--mention-taille);color:var(--encre-douce)}.nowrap{white-space:nowrap}.carte-message{gap:var(--espace-2);padding:var(--espace-4);background:var(--blanc);border:1px solid var(--lin);border-radius:var(--arrondi-carte);flex-direction:column;display:flex}.croissant{width:var(--espace-4);height:var(--espace-4);color:var(--sable)}.bouton{justify-content:center;align-items:center;gap:var(--espace-1);width:100%;min-height:var(--hauteur-tactile);padding:var(--espace-1) var(--espace-3);font-family:var(--police-texte);font-size:var(--bouton-taille);font-weight:var(--bouton-graisse);text-align:center;border-radius:var(--arrondi-bouton);cursor:pointer;transition:background-color var(--transition), color var(--transition);line-height:1.25;text-decoration:none;display:flex}.bouton-principal{color:var(--blanc);background:var(--sauge);border:2px solid var(--sauge)}.bouton-principal:hover:not(:disabled){background:var(--sauge-survol);border-color:var(--sauge-survol)}.bouton-principal:disabled{opacity:.5;cursor:not-allowed}.bouton-secondaire{color:var(--sauge);background:var(--blanc);border:2px solid var(--sauge)}.bouton-nuit,.bouton-nuit:hover:not(:disabled){background:var(--nuit);border-color:var(--nuit)}.bouton-nuit-contour{color:var(--nuit);border-color:var(--nuit)}.groupe-boutons{gap:var(--espace-2);flex-direction:column;display:flex}.icone{width:var(--espace-3);height:var(--espace-3);flex:none}.icone-texte{vertical-align:-.15em;width:1em;height:1em}.lien,.lien-aide{align-items:center;gap:var(--espace-1);min-height:var(--hauteur-tactile);font-family:var(--police-texte);font-size:var(--corps-taille);text-align:left;text-underline-offset:.2em;cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.lien{color:var(--sauge-survol)}.lien:hover{text-decoration-thickness:3px}.pied{margin-top:calc(-1 * var(--espace-3));padding-bottom:env(safe-area-inset-bottom);background:var(--ivoire);border-top:1px solid var(--lin);position:sticky;bottom:0}.lien-aide{color:var(--nuit);font-weight:var(--bouton-graisse)}.lien-aide:hover{text-decoration-thickness:3px}.formulaire{gap:var(--espace-2);flex-direction:column;display:flex}.formulaire label{font-weight:var(--bouton-graisse)}.formulaire input{width:100%;min-height:var(--hauteur-tactile);padding:var(--espace-1) var(--espace-2);font-family:var(--police-texte);font-size:var(--corps-taille);color:var(--encre);background:var(--blanc);border:2px solid var(--encre-douce);border-radius:var(--arrondi-bouton)}.formulaire input::placeholder{color:var(--encre-douce);opacity:1}.formulaire input:focus-visible{outline:3px solid var(--sauge);outline-offset:2px;border-color:var(--sauge)}.formulaire .bouton{margin-top:var(--espace-1)}.message-erreur{padding:var(--espace-2);color:var(--nuit);background:var(--blanc);border:2px solid var(--nuit);border-radius:var(--arrondi-carte)}.encart-installation{padding:var(--espace-2) var(--espace-3) 0;font-size:var(--mention-taille);color:var(--encre);background:var(--blanc);border:1px solid var(--lin);border-radius:var(--arrondi-carte);flex-direction:column;display:flex}.encart-installation .lien{font-size:var(--mention-taille)}.fil{gap:var(--espace-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bulle{gap:var(--espace-1);padding:var(--espace-2) var(--espace-3);border-radius:var(--arrondi-carte);overflow-wrap:anywhere;white-space:pre-wrap;flex-direction:column;display:flex}.bulle-sakina{margin-right:var(--espace-3);background:var(--blanc);border:1px solid var(--lin)}.bulle-utilisateur{margin-left:var(--espace-3);background:var(--sauge-pale);border:1px solid var(--lin)}.bulle-auteur{font-size:var(--mention-taille);font-weight:var(--bouton-graisse);color:var(--encre)}.formulaire textarea{width:100%;min-height:calc(2 * var(--hauteur-tactile));padding:var(--espace-2);font-family:var(--police-texte);font-size:var(--corps-taille);line-height:var(--corps-interligne);color:var(--encre);background:var(--blanc);border:2px solid var(--encre-douce);border-radius:var(--arrondi-bouton);resize:vertical}.formulaire textarea:focus-visible{outline:3px solid var(--sauge);outline-offset:2px;border-color:var(--sauge)}.carte-aide{gap:var(--espace-2);padding:var(--espace-3);color:var(--nuit);background:var(--blanc);border:2px solid var(--nuit);border-radius:var(--arrondi-carte);flex-direction:column;display:flex}.version{padding-bottom:max(var(--espace-2), env(safe-area-inset-bottom));font-size:var(--mention-taille);color:var(--encre-douce);text-align:center}.fenetre{width:calc(100% - 2 * var(--marge-ecran));max-width:552px;padding:var(--espace-4);color:var(--encre);background:var(--blanc);border:1px solid var(--lin);border-radius:var(--arrondi-carte)}.fenetre[open]{gap:var(--espace-3);animation:fondu var(--transition) ease-out;flex-direction:column;display:flex}.fenetre::backdrop{background:color-mix(in srgb, var(--encre) 55%, transparent)}@media (prefers-reduced-motion:reduce){.fenetre[open]{animation:none}}.entete-titre{gap:var(--espace-1);flex-direction:column;display:flex}.barre-haut{margin-bottom:calc(-1 * var(--espace-2));justify-content:flex-end;display:flex}.barre-haut .lien{font-size:var(--mention-taille);align-self:auto}.choix-groupe{gap:var(--ecart-boutons);border:none;flex-direction:column;margin:0;padding:0;display:flex}.choix-groupe legend{margin-bottom:var(--espace-2);padding:0}.choix{justify-content:space-between;align-items:center;gap:var(--espace-2);min-height:var(--hauteur-tactile);padding:var(--espace-1) var(--espace-3);color:var(--encre);background:var(--blanc);border:2px solid var(--lin);border-radius:var(--arrondi-bouton);cursor:pointer;transition:background-color var(--transition), border-color var(--transition);display:flex}.choix-selectionne{padding:calc(var(--espace-1) - 1px) calc(var(--espace-3) - 1px);font-weight:var(--bouton-graisse);background:var(--sauge-pale);border:3px solid var(--sauge)}.choix-selectionne .icone{color:var(--sauge)}.choix input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.choix:has(input:focus-visible){outline:3px solid var(--encre);outline-offset:3px}figure.carte-message,.carte-message blockquote{margin:0}