:root{--vert-sapin:#174729;--vert-feuille:#3a5c28;--vert-feuille-survol:#2f4c20;--vert-tendre:#a5be76;--vert-anis:#d3d48a;--vert-clair:#e4ecd2;--vert-bord:#b9c9a0;--creme:#fdf1dc;--carte:#fffbf2;--bord:#f0e0c2;--abricot:#fde4bb;--abricot-bord:#f0b462;--beige:#f5e9d0;--orange:#e0640f;--orange-survol:#c9560a;--orange-clair:#fbe3c8;--orange-texte:#a84a06;--orange-vif:#f58a1b;--tomate-texte:#a52e1d;--tomate-clair:#f9d9d2;--texte:#27301f;--texte-2:#666a55;--etat-ok:#8db548;--etat-ok-sur-vert:#b9d56b;--etat-attente:#f6a62e;--etat-hors:#f58a1b;--etat-erreur:#d8432e;--police-titre:"Baloo 2", "Nunito", system-ui, sans-serif;--police-texte:"Nunito", system-ui, sans-serif;--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e6:24px;--e8:32px;--r-champ:12px;--r-carte:18px;--r-grande:28px;--r-pilule:999px;--ombre-carte:0 8px 20px #7854141a;--ombre-forte:0 16px 32px #3c280a40;--rapide:.12s;--normal:.18s;--courbe:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;touch-action:pan-x pan-y;height:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable],.selectionnable{-webkit-user-select:text;user-select:text}body,#root{min-height:100%}body{background:var(--creme,#fdf1dc);color:var(--texte,#27301f);font:600 16px/1.45 var(--police-texte,system-ui, sans-serif);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--police-titre,system-ui, sans-serif);color:var(--vert-sapin,#174729);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.15}h1{font-size:28px}h2{font-size:22px}p,ul{margin:0}img,svg{max-width:100%;display:block}img{object-fit:contain;height:auto}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--vert-feuille,#3a5c28)}:focus-visible{outline:3px solid var(--orange-vif,#f58a1b);outline-offset:2px}.shell{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:clip}.shell-main,.page{flex-direction:column;flex:1;min-width:0;display:flex}.contenu{animation:entree var(--rapide,.12s) ease-out;width:100%;min-width:0;max-width:760px;padding:var(--e4,16px) var(--e4,16px) var(--e8,32px);gap:var(--e4,16px);flex-direction:column;flex:1;margin:0 auto;display:flex}.nav{z-index:5;background:var(--carte,#fffbf2);border-top:1px solid var(--bord,#f0e0c2);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;position:sticky;bottom:0}.nav-art,.nav-pied,.nav .nav-seulement-bureau{display:none}.nav-link{color:#7a7c6c;min-width:0;min-height:56px;transition:color var(--rapide,.12s), transform var(--rapide,.12s);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex;position:relative}.nav-link svg{width:24px;height:24px;transition:transform var(--normal,.18s) var(--courbe,ease-out)}.nav-link:active{transform:scale(.94)}.nav-link[aria-current=page]{color:var(--vert-feuille,#3a5c28);font-weight:800}.nav-link[aria-current=page] svg{stroke-width:2.4px;transform:translateY(-1px)scale(1.08)}.entete{background:var(--vert-sapin,#174729);color:#fff;padding:22px 20px 52px;padding-top:calc(22px + env(safe-area-inset-top));align-items:center;gap:var(--e3,12px);display:flex;position:relative;overflow:hidden}.entete h1{color:#fff;flex:1;min-width:0}.entete-icone svg{width:30px;height:30px}.entete-retour{color:#fff;width:44px;height:44px;transition:background var(--rapide,.12s), transform var(--rapide,.12s);background:#ffffff24;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-6px 0 -6px -10px;display:flex;position:relative}.entete-retour:active{transform:scale(.92)}.entete-retour svg{width:22px;height:22px}.feuillage{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.feuille-page{background:var(--creme,#fdf1dc);border-radius:var(--r-grande,28px) var(--r-grande,28px) 0 0;flex-direction:column;flex:1;min-width:0;margin-top:-28px;display:flex;position:relative}.hero{background:var(--vert-sapin,#174729);height:calc(286px + env(safe-area-inset-top));flex-shrink:0;position:relative;overflow:hidden}.hero-logo{left:166px;top:calc(30px + env(safe-area-inset-top));width:min(206px,100% - 180px);position:absolute;transform:rotate(-4deg)}.hero-question{left:150px;right:14px;top:calc(140px + env(safe-area-inset-top));text-align:right;color:#e4f0dc;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,4vw,17px);font-style:italic;font-weight:600;position:absolute;overflow:hidden}.accueil-feuille{flex-direction:column;flex:1;min-width:0;margin-top:-58px;display:flex;position:relative}.onglet{align-items:flex-end;margin-bottom:-1px;display:flex}.onglet svg{flex-shrink:0}.onglet-suite{background:var(--creme,#fdf1dc);border-top-right-radius:var(--r-grande,28px);flex:1;height:20px;margin-left:-1px}.onglet-titre{font-size:24px;position:absolute;top:16px;left:20px}.hero-chat{pointer-events:none;width:152px;height:176px;position:absolute;top:-162px;left:10px}.accueil-reglages{position:absolute;top:-14px;left:min(262px,100% - 52px)}.accueil-corps{background:var(--creme,#fdf1dc);padding-top:7px}.reglages-btn{color:#fff;width:44px;height:44px;transition:background var(--rapide,.12s), transform var(--rapide,.12s);background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.reglages-btn:hover{background:#ffffff3d}.reglages-btn:active{transform:scale(.92)}.reglages-btn svg{stroke-width:1.9px;width:24px;height:24px}.etat-point{background:var(--etat-ok,#8db548);width:11px;height:11px;transition:background var(--normal,.18s);border-radius:50%;flex-shrink:0}.reglages-btn .etat-point{border:2px solid var(--vert-sapin,#174729);background:var(--etat-ok-sur-vert,#b9d56b);box-sizing:content-box;width:9px;height:9px;position:absolute;top:1px;right:1px}.etat-point[data-etat=attente]{background:var(--etat-attente,#f6a62e)}.etat-point[data-etat=hors]{background:var(--etat-hors,#f58a1b)}.etat-point[data-etat=erreur]{background:var(--etat-erreur,#d8432e)}.bulle{background:var(--carte,#fffbf2);max-width:min(260px,70vw);color:var(--texte,#27301f);white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--ombre-forte,0 16px 32px #00000040);animation:bulle var(--normal,.18s) var(--courbe,ease-out);transform-origin:100% 100%;pointer-events:none;border-radius:12px 12px 2px;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;bottom:52px;right:0;overflow:hidden}@media (width>=900px){.shell{flex-direction:row;align-items:stretch}.nav{background:var(--creme,#fdf1dc);border:0;border-right:1px solid #f3e3c6;flex-direction:column;flex:0 0 228px;order:-1;gap:4px;height:100dvh;padding:20px 14px 0;position:sticky;top:0;bottom:auto;overflow:hidden;box-shadow:8px 0 18px -10px #7854144d}.nav-art{flex-shrink:0;align-self:center;width:178px;height:186px;margin-bottom:14px;display:block}.nav .nav-seulement-bureau{display:flex}.nav-link{justify-content:flex-start;gap:var(--e3,12px);min-height:46px;color:var(--texte,#27301f);transition:background var(--rapide,.12s), color var(--rapide,.12s), transform var(--rapide,.12s);border-radius:12px;flex-direction:row;flex:none;padding:0 14px;font-size:16px}.nav-link svg{width:22px;height:22px;color:var(--vert-feuille,#3a5c28)}.nav-link:hover{background:var(--vert-clair,#e4ecd2)}.nav-link:active{transform:scale(.98)}.nav-link[aria-current=page]{background:var(--vert-tendre,#a5be76);color:var(--vert-sapin,#174729)}.nav-link[aria-current=page] svg{color:var(--vert-sapin,#174729);stroke-width:2.2px;transform:none}.nav-link .etat-point{margin-left:auto}.nav-pied{flex-direction:column;min-height:0;margin-top:auto;display:flex}.nav-pied p{padding:0 var(--e3,12px) var(--e2,8px);color:var(--texte-2,#666a55);font-size:13px}.nav-pied img{width:236px;max-width:none;height:234px;margin:0 0 -34px -40px}.entete{color:inherit;background:0 0;width:100%;max-width:920px;padding:32px 32px 0;overflow:visible}.entete h1{color:var(--vert-sapin,#174729);font-size:36px}.entete-icone,.entete .feuillage,.entete-retour{display:none}.feuille-page{background:0 0;border-radius:0;margin-top:0}.hero,.onglet svg,.onglet-suite,.hero-chat,.accueil-reglages{display:none}.accueil-feuille{margin-top:0}.onglet{max-width:920px;padding:32px 32px 0}.onglet-titre{font-size:36px;position:static}.contenu{max-width:920px;margin:0;padding:20px 32px 40px}}.muted{color:var(--texte-2,#666a55);font-size:14px}.etiquette{color:var(--texte-2,#666a55);font-size:13px;font-weight:700}.card{background:var(--carte,#fffbf2);border:1px solid var(--bord,#f0e0c2);border-radius:var(--r-carte,18px);padding:var(--e4,16px);gap:var(--e4,16px);box-shadow:var(--ombre-carte,0 8px 20px #7854141a);flex-direction:column;min-width:0;display:flex}.card-vide{border:2px dashed var(--vert-bord,#b9c9a0);box-shadow:none;color:var(--texte-2,#666a55);background:0 0;font-weight:700}.card-verte{background:var(--vert-clair,#e4ecd2);box-shadow:none;border-color:#0000}.card-illustree{align-items:center;gap:var(--e4,16px);flex-direction:row}.card-illustree img{flex-shrink:0;width:96px;height:96px}.card-illustree>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.row{align-items:center;gap:var(--e3,12px);min-width:0;display:flex}.row-wrap{align-items:center;gap:var(--e3,12px);flex-wrap:wrap;min-width:0;display:flex}.grow{flex:1;min-width:0}.hint{flex:240px;min-width:0}@media (width>=900px){.card{padding:20px}}.btn{border-radius:var(--r-pilule,999px);justify-content:center;align-items:center;gap:var(--e2,8px);text-align:center;min-height:48px;transition:transform var(--rapide,.12s) var(--courbe,ease-out), background var(--rapide,.12s), box-shadow var(--rapide,.12s);border:1px solid #0000;padding:0 22px;font-weight:800;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--orange,#e0640f);color:#fff;box-shadow:0 6px 14px #e0640f47}.btn-primary:hover:not(:disabled){background:var(--orange-survol,#c9560a)}.btn-vert{background:var(--vert-feuille,#3a5c28);color:#fff;box-shadow:0 6px 14px #3a5c2840}.btn-vert:hover:not(:disabled){background:var(--vert-feuille-survol,#2f4c20)}.btn-secondary{border-color:var(--bord,#f0e0c2);color:var(--texte,#27301f);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--vert-clair,#e4ecd2);border-color:var(--vert-bord,#b9c9a0)}.btn-danger{background:var(--tomate-clair,#f9d9d2);color:var(--tomate-texte,#a52e1d)}.btn-icon{width:44px;min-height:44px;color:var(--texte-2,#666a55);transition:background var(--rapide,.12s), transform var(--rapide,.12s);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--vert-clair,#e4ecd2);color:var(--texte,#27301f)}.btn-icon:active:not(:disabled){transform:scale(.9)}.btn-icon:disabled{opacity:.3;cursor:default}.btn-icon svg{width:22px;height:22px}.field{flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.input{border-radius:var(--r-champ,12px);border:2px solid var(--bord,#f0e0c2);width:100%;min-width:0;min-height:48px;transition:border-color var(--rapide,.12s);background:#fff;padding:0 14px;font-size:16px;font-weight:600}.input:focus{border-color:var(--vert-feuille,#3a5c28);outline:none}.input-bare{padding:0 var(--e2,8px);text-overflow:ellipsis;background:0 0;border-color:#0000}.input-bare:hover{border-color:var(--bord,#f0e0c2)}.field-hint{color:var(--tomate-texte,#a52e1d)}.field-hint:empty{display:none}.error{color:var(--tomate-texte,#a52e1d);background:var(--tomate-clair,#f9d9d2);border-radius:var(--r-champ,12px);padding:var(--e3,12px) var(--e4,16px);font-size:14px;font-weight:700}.error ul{overflow-wrap:anywhere;margin:8px 0;padding-left:18px}.success{color:var(--vert-sapin,#174729);background:var(--vert-clair,#e4ecd2);border-radius:var(--r-champ,12px);padding:var(--e3,12px) var(--e4,16px);font-size:14px;font-weight:700}.chip{border-radius:var(--r-pilule,999px);background:var(--vert-anis,#d3d48a);color:var(--vert-sapin,#174729);align-items:center;max-width:100%;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.chip-attente{background:var(--abricot,#fde4bb);color:var(--orange-texte,#a84a06)}.chip-hors{background:var(--orange-clair,#fbe3c8);color:var(--orange-texte,#a84a06)}.chip-erreur{background:var(--tomate-clair,#f9d9d2);color:var(--tomate-texte,#a52e1d)}.avatar{background:var(--vert-anis,#d3d48a);width:32px;height:32px;color:var(--vert-sapin,#174729);margin-right:var(--e3,12px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list>li{border-bottom:1px solid var(--bord,#f0e0c2);align-items:center;gap:0;min-width:0;min-height:52px;display:flex}.list>li:last-child{border-bottom:0}.code{-webkit-user-select:all;user-select:all;font:800 28px var(--police-titre,system-ui, sans-serif);letter-spacing:.04em;overflow-wrap:anywhere}.toast{left:var(--e4,16px);right:var(--e4,16px);bottom:calc(88px + env(safe-area-inset-bottom));background:var(--vert-sapin,#174729);color:#fff;border-radius:var(--r-pilule,999px);justify-content:space-between;align-items:center;gap:var(--e3,12px);max-width:480px;box-shadow:var(--ombre-forte,0 16px 32px #00000040);z-index:10;animation:toast var(--normal,.18s) var(--courbe,ease-out);margin:0 auto;padding:6px 6px 6px 18px;font-size:14px;font-weight:700;display:flex;position:fixed}.toast .btn{flex-shrink:0;min-height:44px}@media (width>=900px){.toast{bottom:var(--e6,24px)}}.auth{justify-content:center;align-items:center;gap:var(--e4,16px);padding:var(--e6,24px) var(--e4,16px);background:var(--vert-sapin,#174729);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.auth-logo{width:220px;position:relative;transform:rotate(-4deg)}.auth-art{z-index:1;width:150px;height:174px;margin-bottom:-46px;position:relative}.auth-card{width:100%;max-width:420px;padding-top:40px;position:relative}.auth-sous-titre{text-align:center}.tabs{gap:var(--e1,4px);background:var(--beige,#f5e9d0);border-radius:var(--r-pilule,999px);padding:4px;display:flex}.tab{border-radius:var(--r-pilule,999px);min-width:0;min-height:44px;color:var(--texte-2,#666a55);transition:background var(--normal,.18s), color var(--normal,.18s);background:0 0;border:0;flex:1;font-weight:800}.tab[aria-selected=true]{background:var(--vert-feuille,#3a5c28);color:#fff}@keyframes entree{0%{opacity:.4}to{opacity:1}}@keyframes bulle{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes toast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}