:root{--papier: #ffffff;--papier-2: #faf8f5;--papier-3: #f2efe9;--noir: #101010;--gris: #5f5f5f;--trait: rgba(16, 16, 16, .13);--jaune: #ffcb00;--critique: #c9251d;--critique-fond: #fdeceb;--attention: #9a6200;--attention-fond: #fff3d6;--bon: #23703f;--bon-fond: #e6f3ea;color-scheme:light}html,body{background:var(--papier)}body{margin:0;color:var(--noir);font-family:DM Sans Variable,system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,a,input,textarea{touch-action:manipulation}.app{max-width:640px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom,0px))}h1,h2,h3{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;margin:0;text-wrap:balance}h1{font-size:25px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h2{font-size:26px;line-height:1.1}h3{font-size:21px}.barre-haut{position:sticky;top:0;z-index:15;background:var(--papier);display:flex;align-items:center;gap:10px;margin:0 -16px 14px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid var(--trait)}.identite{display:flex;align-items:center;gap:10px;min-width:0}.barre-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.lecture-seule{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.marque{display:block}.marque img{display:block;height:22px;width:auto}.icone-bouton{width:48px;height:48px;border-radius:50%;border:0;background:var(--jaune);color:var(--noir);cursor:pointer;display:grid;place-items:center;flex:none}.icone-bouton svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.accroche{margin:0;font-weight:600;color:var(--gris)}.note{color:var(--gris);font-size:16px;margin:12px 0 0}.note a{color:inherit}.vide{color:var(--gris)}[hidden]{display:none!important}button,input,textarea,.bouton{font:inherit}:focus-visible{outline:3px solid var(--noir);outline-offset:2px}.onglets{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--papier);border-top:1px solid var(--trait);display:flex;justify-content:center;padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))}.onglets button{flex:1;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;border:0;border-top:3px solid transparent;background:none;color:var(--gris);padding:8px 4px 6px;font-weight:600;font-size:14px;cursor:pointer}.onglets button[aria-current=page]{color:var(--noir);border-top-color:var(--jaune)}.onglets svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.pastille{position:absolute;top:4px;left:calc(50% + 8px);background:var(--critique);color:#fff;font-size:13px;line-height:1;border-radius:999px;padding:4px 7px;font-weight:700}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 18px;border-radius:12px;border:1.5px solid var(--noir);background:var(--papier);color:var(--noir);font-weight:600;font-size:17px;text-decoration:none;cursor:pointer}.bouton.plein{background:var(--jaune);border-color:var(--jaune)}.bouton.plein:hover{border-color:var(--noir)}.bouton.petit{min-height:40px;padding:6px 12px;font-size:16px;white-space:nowrap}.bouton.danger{border-color:var(--critique);color:var(--critique)}.bouton:disabled{opacity:.4;cursor:default}.lien{border:0;background:none;padding:4px 0;color:var(--noir);font-weight:600;text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:4px;cursor:pointer;font-size:16px}.accueil{background:var(--papier-2);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}.accueil p{margin:0;max-width:60ch}#inv-accueil{margin-bottom:16px}.accueil-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.resume{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chiffre{text-align:left;border:1px solid var(--trait);background:var(--papier);border-radius:14px;padding:10px 14px;color:var(--gris);font-size:16px;cursor:pointer;display:flex;flex-direction:column}.chiffre b{font-family:Barlow Condensed,sans-serif;font-size:34px;line-height:1;color:var(--noir);font-variant-numeric:tabular-nums}.chiffre.critique b{color:var(--critique)}.chiffre.attention b{color:var(--attention)}.barre-outils{display:flex;gap:10px;margin-top:16px}input[type=search],textarea{flex:1;min-width:0;min-height:46px;padding:10px 14px;border:1px solid var(--trait);border-radius:12px;background:var(--papier);color:var(--noir);font-size:17px}textarea{width:100%;display:block;margin-top:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;resize:vertical}.filtres{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.filtres button{white-space:nowrap;border:1px solid var(--trait);background:var(--papier);border-radius:999px;padding:6px 14px;min-height:40px;cursor:pointer;font-size:16px;color:var(--noir)}.filtres button[aria-pressed=true]{background:var(--noir);color:var(--papier);border-color:var(--noir)}.famille{margin-top:22px}.famille h3{border-bottom:2px solid var(--noir);padding-bottom:6px}.rangee{padding:14px 0;border-bottom:1px solid var(--trait);display:flex;flex-direction:column;gap:10px}.rangee-tete{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start}.flacons{display:flex;flex-direction:column;gap:8px}.flacon-ligne{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"nom nom" "niveaux retirer";gap:4px 8px;align-items:center}.flacon-nom{font-size:16px;font-weight:600;color:var(--gris)}.flacon-ligne .niveaux{display:flex}.flacon-ligne .niveaux button{flex:1}.retirer{width:44px;height:44px;border-radius:50%;border:1px solid var(--trait);background:var(--papier);color:var(--gris);font-size:16px;cursor:pointer}.flacon-actions{display:flex;flex-wrap:wrap;gap:4px 18px}.flacon-nom{grid-area:nom}.flacon-ligne .niveaux{grid-area:niveaux}.retirer{grid-area:retirer}.pastille-couleur{display:block;flex:none}.rangee-tete>.pastille-couleur{justify-self:center}.ident{min-width:0;display:flex;flex-direction:column;padding-top:2px}.code{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:26px;line-height:1}.gamme{font-family:DM Sans Variable,sans-serif;font-weight:500;font-size:15px;color:var(--gris)}.nom{color:var(--gris);font-size:16px}.suite{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px}.statut{display:inline-block;font-family:DM Sans Variable,sans-serif;font-size:14px;font-weight:600;border-radius:6px;padding:1px 8px}.statut.critique{background:var(--critique-fond);color:var(--critique)}.statut.attention{background:var(--attention-fond);color:var(--attention)}.statut.bon{background:var(--bon-fond);color:var(--bon)}.niveaux{display:inline-flex;border:1px solid var(--trait);border-radius:12px;overflow:hidden;background:var(--papier-3)}.niveaux button{border:0;background:none;padding:8px 10px;min-height:46px;cursor:pointer;font-size:16px;color:var(--noir)}.niveaux button+button{border-left:1px solid var(--trait)}.niveaux button[aria-pressed=true]{background:var(--noir);color:var(--papier);font-weight:600}.cartons{display:flex;flex-direction:column;align-items:center}.cartons small{color:var(--gris);font-size:15px;text-align:center;max-width:130px;line-height:1.2}.compte{display:inline-flex;align-items:center;gap:6px}.compte .icone{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:none}.compte.zero{color:var(--gris)}.mini .compte{justify-content:center}.mini .compte .icone{width:22px;height:22px}.stepper,.pas-pas{display:inline-flex;align-items:center;border:1px solid var(--trait);border-radius:12px}.stepper button,.pas-pas button{width:46px;height:46px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--noir)}.stepper span,.pas-pas span{min-width:56px;justify-content:center;text-align:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}.deux{display:grid;gap:16px;align-items:stretch}.photo-bloc{border-top:1px solid var(--trait);padding-top:14px;margin-top:4px;width:100%}.carte{border:1px solid var(--trait);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.carte>.accueil-actions{margin-top:auto}.bouton .picto{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.carte p{margin:0}.etapes{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:16px;width:100%}.etapes li{padding-left:4px}.etapes li>.bouton{display:flex;margin-top:8px}.astuce{display:block;margin-top:6px;background:var(--papier-2);border-left:4px solid var(--jaune);padding:8px 12px;border-radius:0 10px 10px 0;font-size:16px}.exemples{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.exemples.un-seul{grid-template-columns:minmax(0,220px)}.exemples.un-seul img{height:240px;object-position:center}.exemples figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:6px}.exemples img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--trait);display:block}.exemples figcaption{font-size:16px;color:var(--gris);line-height:1.35}#apercu-import{width:100%;border-top:1px solid var(--trait);padding-top:14px}.groupe{margin-bottom:26px}.groupe h2{font-size:23px;display:flex;align-items:center;gap:10px}.groupe-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.avant-propos{margin:0 0 20px;border-left:4px solid var(--jaune);padding-left:14px;font-size:16px;color:var(--gris)}.avant-propos strong{display:block;color:var(--noir);font-size:17px}.tout-panier{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:0;border-radius:999px;background:var(--jaune);color:var(--noir);font:inherit;font-weight:700;font-size:16px;cursor:pointer}.tout-panier svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tout-panier:hover{background:var(--noir);color:var(--papier)}.point{width:12px;height:12px;border-radius:50%;flex:none}.point.critique{background:var(--critique)}.point.attention{background:#e0a100}.point.bon{background:var(--bon)}.lignes{list-style:none;margin:0;padding:0}.lignes li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--trait)}.lignes li .ident{flex:1}.feuille{margin:auto;border:0;padding:0;width:min(640px,100vw);height:min(900px,100dvh);max-width:100vw;max-height:100dvh;border-radius:20px;color:var(--noir);background:var(--papier)}.feuille::backdrop{background:#10101073}.feuille[open]{display:flex;flex-direction:column}@media(max-width:680px){.feuille{width:100vw;height:100dvh;margin:0;border-radius:0}}.feuille-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 8px}.feuille>input[type=search]{margin:0 20px;flex:none}.feuille>.note{margin:8px 20px 0}.feuille-pied{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--trait);margin-top:auto}.feuille-pied .bouton{flex:1;max-width:240px}.fermer{width:46px;height:46px;border-radius:50%;border:1px solid var(--trait);background:var(--papier);font-size:20px;cursor:pointer;flex:none}.grille{overflow-y:auto;padding:8px 20px 16px;flex:1}.grille h3{margin:16px 0 8px;font-size:19px}.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.tuile{display:flex;flex-direction:column;gap:10px;border:1.5px solid var(--trait);background:var(--papier);border-radius:14px;padding:10px 12px;color:var(--noir)}.tuile[data-choisie=true]{border-color:var(--noir);background:var(--papier-2)}.tuile-tete{display:flex;align-items:center;gap:10px}.tuile-tete span{display:flex;flex-direction:column;min-width:0}.tuile-tete b{font-family:Barlow Condensed,sans-serif;font-size:22px;line-height:1}.tuile-tete small{font-size:15px;color:var(--gris)}.tuile-tete b .gamme{font-family:DM Sans Variable,sans-serif;font-size:14px;font-weight:500}.tuile-actions{display:flex;flex-direction:column;gap:6px}.mini{display:inline-flex;align-items:center;border:1.5px solid var(--trait);border-radius:10px;background:var(--papier)}.mini button{width:40px;height:42px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--noir)}.mini button:disabled{opacity:.3;cursor:default}.mini span{flex:1;text-align:center;font-size:15px;line-height:1.2;font-variant-numeric:tabular-nums;padding:2px 0}.mini{flex:1}.progres{margin:0;color:var(--gris);font-weight:600}.pas-corps{padding:8px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow-y:auto}.pas-corps h2{font-size:48px;line-height:1;margin-top:6px}.pas-nom{margin:0;color:var(--gris)}.pas-flacons{width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:8px}.pas-flacons .niveaux button{min-height:54px;font-size:17px}.pas-cartons{display:flex;align-items:center;gap:14px;margin-top:8px}.curseur-demo{position:fixed;top:0;left:0;z-index:60;height:26px;width:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid var(--noir);background:#ffcb008c;pointer-events:none;transition:transform .65s cubic-bezier(.22,1,.36,1)}.curseur-demo[data-touche]{background:var(--jaune);box-shadow:0 0 0 10px #ffcb0040}body[data-demo]{cursor:default}@media(prefers-reduced-motion:reduce){.curseur-demo{display:none}}.compte-feutres{margin:6px 0 0;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:26px}.famille-feutres{margin-top:22px}.famille-feutres h3{border-bottom:2px solid var(--noir);padding-bottom:6px;margin-bottom:10px}.famille-feutres .tuiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vignette{width:104px;height:104px;border-radius:14px;object-fit:cover;background:var(--papier-2);flex:none}.complements .lignes li{align-items:flex-start;gap:14px;padding:14px 0}.complements .panier-bouton{align-self:center}.panier-bouton{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--noir);color:var(--noir);background:var(--papier)}.panier-bouton:hover{background:var(--jaune);border-color:var(--jaune)}.panier-bouton svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tuile-feutre{position:relative;display:flex;align-items:center;gap:10px;min-height:60px;width:100%;border:1.5px solid var(--trait);border-radius:14px;padding:8px 10px;background:var(--papier);cursor:pointer;text-align:left;color:var(--noir)}.tuile-feutre[data-choisie=true]{border-color:var(--noir);background:var(--papier-2)}.tuile-feutre span{display:flex;flex-direction:column;min-width:0}.tuile-feutre b{font-family:Barlow Condensed,sans-serif;font-size:21px;line-height:1}.tuile-feutre small{font-size:15px;color:var(--gris);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuile-feutre i{position:absolute;top:4px;right:8px;font-style:normal;font-weight:700}.culot{flex:none}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--noir);color:var(--papier);padding:10px 12px 10px 18px;border-radius:14px;font-size:16px;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:14px}.toast-bouton{border:0;background:var(--jaune);color:var(--noir);font-weight:700;font-size:16px;border-radius:10px;padding:8px 14px;min-height:40px;cursor:pointer}.alerte{margin:auto;border:0;border-radius:20px;padding:22px;width:min(420px,calc(100vw - 32px));color:var(--noir);background:var(--papier)}.alerte::backdrop{background:#10101073}.alerte p{margin:10px 0 0}.ajuster-liste{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:50vh;overflow-y:auto}.ajuster-ligne{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ajuster-choix{display:flex;align-items:center;gap:8px;border:1.5px solid var(--trait);border-radius:12px;background:var(--papier);padding:6px 10px;min-height:48px;cursor:pointer;color:var(--noir);font:inherit}.ajuster-choix span{display:flex;flex-direction:column;text-align:left}.ajuster-choix b{font-family:Barlow Condensed,sans-serif;font-size:19px;line-height:1}.ajuster-choix small{font-size:14px;color:var(--gris)}.ajuster-choix[aria-pressed=true]{border-color:var(--noir);background:var(--papier-2)}.ajuster-choix.ignore{font-size:15px;color:var(--gris)}.alerte-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.bouton.discret{border-color:transparent}#vue-reglages{display:flex;flex-direction:column;gap:14px}#vue-reglages[hidden]{display:none}#vue-reglages .carte p{color:var(--gris)}.gestes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--gris)}.gestes li{padding-left:2px}.gestes strong{color:var(--noir)}.avertir{border-left:4px solid var(--jaune);padding-left:12px}.barre-actions{display:flex;align-items:center;gap:8px}.drapeau{display:flex;align-items:center;gap:4px;min-height:44px;padding:6px 10px;border:1.5px solid var(--trait);border-radius:12px;background:var(--papier);cursor:pointer;font-size:20px;line-height:1}.drapeau b{font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:.04em}@media(max-width:430px){.drapeau b{display:none}.drapeau{padding:6px 8px}h1{font-size:22px}}.langues{display:flex;flex-wrap:wrap;gap:8px}.langues .bouton[aria-current=true],#langue .bouton[aria-current=true]{background:var(--noir);color:var(--papier);border-color:var(--noir)}@media(min-width:900px){.app{max-width:1100px;padding-bottom:60px}.barre-haut{margin-bottom:18px;padding-top:22px;padding-bottom:0}.marque img{height:30px}.onglets{position:static;justify-content:flex-start;gap:4px;margin:0 0 -1px 18px;padding:0;border-top:0;border-bottom:0;background:none}.onglets button{flex:none;max-width:none;flex-direction:row;gap:10px;font-size:17px;padding:14px;border-top:0;border-bottom:3px solid transparent}.onglets button[aria-current=page]{border-top-color:transparent;border-bottom-color:var(--jaune)}.pastille{position:static}.resume{grid-template-columns:repeat(4,minmax(0,1fr))}.barre-outils{max-width:420px}.deux{grid-template-columns:1fr 1fr;align-items:stretch}.famille{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.famille h3{grid-column:1 / -1}.flacon-ligne{grid-template-columns:74px minmax(0,1fr) 44px;grid-template-areas:"nom niveaux retirer"}.feuille{width:min(1100px,92vw);height:min(860px,88dvh);border-radius:22px}.feuille-tete{padding:20px 28px 10px}.feuille>input[type=search],.feuille>.note{margin-inline:28px}.grille{padding:10px 28px 20px}.tuiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.feuille-pied{padding:14px 28px}.pas-corps{padding:10px 28px 24px}.lignes{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.complements .lignes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.complements .lignes li{flex-direction:column;align-items:stretch;border-bottom:0}.complements .vignette{width:100%;height:190px}.complements .panier-bouton{align-self:flex-start}#vue-reglages{display:grid;grid-template-columns:1fr 1fr;align-items:start}#vue-reglages .note{grid-column:1 / -1}.toast{bottom:28px}}@media(prefers-reduced-motion:no-preference){.niveaux button,.tuile{transition:background-color .15s,color .15s}}