:root{--fond: #f1f4f0;--carte: #ffffff;--encre: #1b2420;--encre-doux: #64716a;--trait: #dde3dc;--accent: #2f6b4f;--accent-fond: #e4efe7;--accent-contraste: #ffffff;--signal: #a85527;--signal-fond: #f7eae0;--danger: #a3352b;--ombre: 0 1px 2px rgba(27, 36, 32, .06), 0 8px 24px -12px rgba(27, 36, 32, .18);--ombre-haute: 0 -1px 0 var(--trait), 0 -8px 24px -14px rgba(27, 36, 32, .35);--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--chiffres: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--rayon: 12px;--colonne: 62rem;--h-nav: 3.75rem;--h-pivot: 8.5rem;--marge-basse: env(safe-area-inset-bottom, 0px);--touche: 2.75rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fond: #121714;--carte: #1a211d;--encre: #e8ede8;--encre-doux: #93a099;--trait: #2b342e;--accent: #6fbf92;--accent-fond: #1e2e25;--accent-contraste: #101613;--signal: #e09a6a;--signal-fond: #2e241c;--danger: #e58278;--ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);--ombre-haute: 0 -1px 0 var(--trait), 0 -8px 24px -14px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--fond: #121714;--carte: #1a211d;--encre: #e8ede8;--encre-doux: #93a099;--trait: #2b342e;--accent: #6fbf92;--accent-fond: #1e2e25;--accent-contraste: #101613;--signal: #e09a6a;--signal-fond: #2e241c;--danger: #e58278;--ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);--ombre-haute: 0 -1px 0 var(--trait), 0 -8px 24px -14px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1rem)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a{color:inherit}img{max-width:100%}.enveloppe{max-width:var(--colonne);margin:0 auto;padding:0 1rem;padding-bottom:calc(var(--h-nav) + var(--marge-basse) + 2rem)}.page{display:block}.page-entete{padding-top:1.25rem;margin-bottom:1.25rem}.page-avec-pivot{padding-bottom:calc(var(--h-pivot) + 1rem)}.barre{border-bottom:1px solid var(--trait);background:var(--fond)}.barre-interieur{max-width:var(--colonne);margin:0 auto;padding:.65rem 1rem;display:flex;align-items:center;gap:1rem}.marque{font-family:var(--serif);font-style:italic;font-size:1.15rem;text-decoration:none;letter-spacing:.01em}.pousse{margin-left:auto}.retour{display:inline-block;margin-bottom:.5rem;padding:.35rem 0;border:none;background:none;color:var(--encre-doux);font-size:.92rem;text-decoration:none;cursor:pointer}.nav-large{display:none}.nav-basse{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding-bottom:var(--marge-basse);background:color-mix(in srgb,var(--fond) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ombre-haute)}.nav-basse-item{flex:1;min-height:var(--h-nav);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .2rem;color:var(--encre-doux);font-size:.7rem;font-weight:550;letter-spacing:.01em;text-decoration:none}.nav-basse-item-actif{color:var(--accent)}.nav-icone{width:1.45rem;height:1.45rem}h1{font-size:clamp(1.6rem,6vw,2.5rem);font-weight:650;letter-spacing:-.025em;line-height:1.14;margin:0;overflow-wrap:anywhere}h2{font-size:.95rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin:0}.chapeau{font-family:var(--serif);font-style:italic;color:var(--encre-doux);margin:.4rem 0 0}.etiquette{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--encre-doux)}.aide{display:block;margin-top:.25rem;color:var(--encre-doux);font-size:.85rem;line-height:1.4}.aide-signal{color:var(--signal)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touche);padding:.55rem 1rem;border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);font-weight:550;font-size:.95rem;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.bouton:hover{border-color:var(--accent)}.bouton-plein{background:var(--accent);border-color:var(--accent);color:var(--accent-contraste)}.bouton-plein:hover{filter:brightness(1.08)}.bouton-discret{border-color:transparent;background:transparent;color:var(--encre-doux)}.bouton-danger{border-color:var(--danger);color:var(--danger);background:var(--carte)}.bouton-icone{min-width:var(--touche);padding:.4rem;font-size:1.05rem;line-height:1}.bouton:disabled{opacity:.4;cursor:not-allowed}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre)}.champ{width:100%;min-height:var(--touche);padding:.5rem .7rem;border:1px solid var(--trait);border-radius:10px;background:var(--carte)}.champ:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-fond)}label{display:block}label>.etiquette{display:block;margin-bottom:.3rem}.case{display:flex;align-items:center;gap:.35rem;min-height:var(--touche);padding:0 .25rem}.case input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.pile,.duo,.trio{display:grid;gap:.9rem}.repli{border:1px solid var(--trait);border-radius:var(--rayon);padding:.75rem .9rem;background:var(--carte)}.repli>summary{min-height:var(--touche);display:flex;align-items:center;font-weight:550;font-size:.92rem;cursor:pointer;list-style:none}.repli>summary:before{content:"▸";display:inline-block;margin-right:.5rem;color:var(--encre-doux);transition:transform .15s}.repli[open]>summary:before{transform:rotate(90deg)}.repli>summary::-webkit-details-marker{display:none}.filtres{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.filtres .champ{flex:1 1 12rem;width:auto}.champ-court{flex:0 1 10rem}.puces{display:flex;gap:.4rem;margin-bottom:1.25rem;overflow-x:auto;scrollbar-width:none;padding:.15rem 1rem .35rem;margin-left:-1rem;margin-right:-1rem}.puces::-webkit-scrollbar{display:none}.puce{flex:none;min-height:2.25rem;padding:.35rem .85rem;border:1px solid var(--trait);border-radius:999px;background:var(--carte);color:var(--encre-doux);font-size:.88rem;font-weight:550;white-space:nowrap;cursor:pointer}.puce[aria-pressed=true]{background:var(--accent-fond);border-color:var(--accent);color:var(--accent)}.segment{display:flex;gap:.25rem;padding:.22rem;background:var(--fond);border:1px solid var(--trait);border-radius:10px}.segment-item{flex:1;min-height:2.4rem;border:none;border-radius:8px;background:transparent;color:var(--encre-doux);font-size:.9rem;font-weight:550;cursor:pointer}.segment-item[aria-pressed=true]{background:var(--carte);color:var(--accent);box-shadow:0 1px 2px #00000014}.pivot{position:fixed;left:0;right:0;bottom:calc(var(--h-nav) + var(--marge-basse));z-index:20;padding:.7rem 1rem .85rem;background:color-mix(in srgb,var(--carte) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--trait);box-shadow:var(--ombre-haute)}.pivot-onglets{display:flex;gap:.25rem;padding:.2rem;background:var(--fond);border-radius:9px;margin-bottom:.65rem}.pivot-onglet{flex:1;min-height:2.4rem;padding:.4rem .3rem;border:none;border-radius:7px;background:transparent;font-size:.86rem;font-weight:550;color:var(--encre-doux);cursor:pointer;transition:background .15s,color .15s}.pivot-onglet[aria-pressed=true]{background:var(--carte);color:var(--accent);box-shadow:0 1px 2px #00000014}.pivot-onglet-long{display:none}.pivot-saisie{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pivot-pas{flex:none;width:var(--touche);height:var(--touche);border:1px solid var(--trait);border-radius:10px;background:var(--carte);font-size:1.35rem;line-height:1;color:var(--encre-doux);cursor:pointer}.pivot-pas:active{background:var(--accent-fond);color:var(--accent)}.pivot-nombre{flex:1 1 5rem;min-width:4.5rem;max-width:8rem;height:var(--touche);padding:.3rem .6rem;border:1px solid var(--trait);border-bottom-width:2px;border-bottom-color:var(--accent);border-radius:10px;background:var(--carte);font-family:var(--chiffres);font-size:1.45rem;font-variant-numeric:tabular-nums;text-align:right}.pivot-nombre:focus{outline:none;box-shadow:0 0 0 3px var(--accent-fond)}.pivot-nombre::-webkit-outer-spin-button,.pivot-nombre::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pivot-nombre{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pivot-consigne{color:var(--encre-doux);font-size:.9rem}.pivot-unite{flex:none}.pivot-facteur{margin-left:auto;font-family:var(--chiffres);font-variant-numeric:tabular-nums;color:var(--accent);font-size:1rem}.pivot-reinit{flex:none;border:none;background:none;padding:.35rem 0;color:var(--encre-doux);font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mesures{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;padding:.9rem 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);margin-bottom:1.5rem}.mesure-valeur{font-family:var(--chiffres);font-variant-numeric:tabular-nums;font-size:1.15rem;letter-spacing:-.02em}.groupe+.groupe{margin-top:2rem}.groupe-entete{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;padding-bottom:.5rem;border-bottom:2px solid var(--encre)}.groupe-entete-editable{align-items:center;border-bottom-width:1px}.champ-titre{flex:1 1 10rem;width:auto;font-weight:600}.champ-rendement{flex:0 0 6.5rem}.groupe-poids{margin-left:auto;font-family:var(--chiffres);font-variant-numeric:tabular-nums;color:var(--encre-doux);font-size:.88rem}.ligne{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.4rem .75rem;padding:.7rem 0;border-bottom:1px solid var(--trait);min-height:var(--touche)}.ligne-cliquable{width:100%;text-align:left;background:none;border-left:none;border-right:none;border-top:none;font:inherit;color:inherit;cursor:pointer}.ligne-cliquable:hover .ligne-nom>span:first-child{color:var(--accent)}.ligne-nom{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;min-width:0}.ligne-note{color:var(--encre-doux);font-size:.86rem}.ligne-hors-poids{color:var(--encre-doux)}.ligne-usage{color:var(--encre-doux);font-size:.9rem}.marqueur{padding:.05rem .4rem;border-radius:999px;background:var(--fond);border:1px solid var(--trait);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--encre-doux);white-space:nowrap}.marqueur-signal{background:var(--signal-fond);border-color:var(--signal);color:var(--signal)}.marqueur-accent{background:var(--accent-fond);border-color:var(--accent);color:var(--accent)}.quantite{font-family:var(--chiffres);font-variant-numeric:tabular-nums;font-size:1.02rem;text-align:right;white-space:nowrap;padding:.05rem .3rem;margin:-.05rem -.3rem;border-radius:5px}.quantite-change{animation:eclat .5s ease-out}@keyframes eclat{0%{background:var(--accent-fond)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.quantite-change{animation:none}*{scroll-behavior:auto!important}}.quantite-champ{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.quantite-saisie{width:5.5rem;min-height:2.4rem;padding:.25rem .45rem;border:1px solid var(--accent);border-radius:8px;background:var(--carte);font-family:var(--chiffres);font-variant-numeric:tabular-nums;font-size:1.02rem;text-align:right}.avertissement{display:flex;gap:.6rem;padding:.7rem .9rem;margin-bottom:.5rem;background:var(--signal-fond);border-left:3px solid var(--signal);border-radius:0 8px 8px 0;font-size:.9rem}.avertissement-bloquant{margin-bottom:1.25rem}.erreur{padding:.7rem .9rem;background:var(--signal-fond);border-left:3px solid var(--signal);border-radius:0 8px 8px 0;font-size:.92rem}.bandeau-hors-ligne{padding:.5rem 1rem;background:var(--signal-fond);color:var(--signal);font-size:.85rem;text-align:center}.messages{position:fixed;left:0;right:0;bottom:calc(var(--h-nav) + var(--marge-basse) + .5rem);z-index:40;display:flex;flex-direction:column;gap:.4rem;padding:0 .75rem;pointer-events:none}.message{display:flex;align-items:center;gap:.6rem;padding:.65rem .5rem .65rem .9rem;border-radius:var(--rayon);background:var(--encre);color:var(--fond);font-size:.9rem;box-shadow:var(--ombre);pointer-events:auto;animation:surgit .18s ease-out}@keyframes surgit{0%{opacity:0;transform:translateY(.5rem)}}@media(prefers-reduced-motion:reduce){.message{animation:none}}.message-succes{background:var(--accent);color:var(--accent-contraste)}.message-erreur{background:var(--danger);color:#fff}.message-action,.message-fermer{flex:none;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.message-action{margin-left:auto;font-weight:650;text-decoration:underline;text-underline-offset:3px}.message-fermer{min-width:2rem;min-height:2rem;font-size:1.25rem;line-height:1;opacity:.75}.dialogue{width:100%;max-width:100%;margin:auto auto 0;padding:1.1rem 1.1rem calc(1.1rem + var(--marge-basse));border:none;border-radius:var(--rayon) var(--rayon) 0 0;background:var(--carte);color:var(--encre);box-shadow:var(--ombre)}.dialogue::backdrop{background:#0a0e0c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialogue-large{max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}.dialogue-entete{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.dialogue-titre{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:-.01em;text-transform:none;flex:1}.dialogue-corps{margin:.75rem 0 0;color:var(--encre-doux);font-size:.95rem}.dialogue-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.25rem}.dialogue-actions .bouton{flex:1 1 auto}.dialogue-actions .pousse{flex:1 1 0;min-width:0}.etape{display:grid;grid-template-columns:1.75rem 1fr;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--trait)}.etape-numero{font-family:var(--chiffres);color:var(--encre-doux);font-size:.9rem;padding-top:.35rem}.etape-meta{display:flex;gap:.75rem;margin-top:.25rem;color:var(--encre-doux);font-size:.84rem}.etape-saisie{display:grid;gap:.5rem}.etape-outils{display:flex;gap:.4rem}.etape-outils .champ{width:5.5rem}.grille{display:grid;grid-template-columns:1fr;gap:.75rem}.fiche{display:flex;flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s}.fiche:hover{border-color:var(--accent)}.fiche-photo{width:calc(100% + 2rem);height:9rem;margin:-1rem -1rem .5rem;object-fit:cover;background:var(--fond)}.fiche-titre{font-size:1.1rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere}.fiche-pied{margin-top:auto;padding-top:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--encre-doux);font-size:.84rem}.fiche-rendu{font-family:var(--chiffres);font-variant-numeric:tabular-nums;color:var(--encre-doux);font-size:.8rem}.fiche-donnees{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:1rem 0 0;font-size:.95rem}.fiche-donnees dt{color:var(--encre-doux);font-size:.85rem}.fiche-donnees dd{margin:0;overflow-wrap:anywhere}.recette-photo{width:100%;max-height:16rem;object-fit:cover;border-radius:var(--rayon);margin-bottom:1rem}.pastille{width:7px;height:7px;border-radius:50%;background:var(--trait);flex:none}.pastille-testee{background:var(--signal)}.pastille-validee{background:var(--accent)}.vide{padding:3rem 1rem;text-align:center;color:var(--encre-doux)}.vide h2{color:var(--encre);text-transform:none;letter-spacing:-.01em;font-size:1.25rem;margin-bottom:.5rem}.fantome{display:block;height:.9rem;margin:.35rem 0;border-radius:6px;background:linear-gradient(90deg,var(--trait) 25%,color-mix(in srgb,var(--trait) 45%,var(--carte)) 50%,var(--trait) 75%);background-size:200% 100%;animation:respire 1.4s ease-in-out infinite}.fantome-titre{height:1.4rem;width:75%}.fantome-court{width:35%;height:.7rem}.fantome-pied{width:55%;margin-top:.75rem}.fantome-bloc{width:100%}@keyframes respire{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.fantome{animation:none}}.connexion{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1rem calc(1.5rem + var(--marge-basse))}.connexion-carte{width:min(24rem,100%);padding:1.75rem;display:grid;gap:1rem}.compte{display:grid;gap:.6rem;padding:.9rem 0;border-bottom:1px solid var(--trait)}.compte-identite{display:grid;gap:.15rem}.compte-nom{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-weight:600}.compte-actions{display:flex;align-items:flex-end;gap:.5rem}.compte-role{flex:1 1 12rem}.encart-lien{display:grid;gap:.75rem;padding:1rem;margin-bottom:1.5rem;border-color:var(--accent)}.lien-copiable{display:block;padding:.65rem .75rem;border-radius:8px;background:var(--fond);border:1px solid var(--trait);font-family:var(--chiffres);font-size:.8rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.editeur-ligne{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--trait)}.editeur-ingredient,.editeur-regle,.editeur-outils,.editeur-alerte{grid-column:1 / -1}.editeur-outils{display:flex;align-items:center;gap:.35rem}.editeur-outils .case{margin-right:auto}.editeur-alerte{margin:0}.barre-outils{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.creation-rapide{display:flex;gap:.4rem}.creation-rapide .champ{flex:1}.actions-collantes{position:sticky;bottom:calc(var(--h-nav) + var(--marge-basse));z-index:15;display:flex;gap:.5rem;margin:2rem -1rem 0;padding:.75rem 1rem;background:color-mix(in srgb,var(--fond) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--ombre-haute)}.actions-collantes .bouton{flex:1}.actions-bas{display:flex;gap:.5rem;align-items:center;margin-top:2.5rem}@media(min-width:48rem){.enveloppe{padding:0 1.5rem 5rem}.page-avec-pivot{padding-bottom:0}.nav-basse{display:none}.nav-large{display:flex;gap:.35rem;margin-left:auto}.nav-lien{padding:.45rem .75rem;border-radius:8px;color:var(--encre-doux);font-size:.92rem;font-weight:550;text-decoration:none}.nav-lien:hover{background:var(--fond)}.nav-lien-actif{background:var(--accent-fond);color:var(--accent)}.barre{position:sticky;top:0;z-index:25;background:color-mix(in srgb,var(--fond) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pivot{position:sticky;top:3.6rem;bottom:auto;left:auto;right:auto;margin:1.5rem 0;padding:1rem 1.15rem 1.15rem;border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre)}.pivot-onglet-long{display:inline}.pivot-onglet-court{display:none}.pivot-nombre{font-size:1.6rem;max-width:9rem}.messages{left:auto;right:1.5rem;bottom:1.5rem;width:min(26rem,calc(100vw - 3rem));padding:0}.dialogue{width:min(34rem,calc(100vw - 3rem));margin:auto;padding:1.5rem;border-radius:var(--rayon)}.dialogue-large{width:min(44rem,calc(100vw - 3rem));max-height:88dvh}.dialogue-actions .bouton{flex:0 0 auto}.mesures{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.15rem 1.5rem}.grille{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.fiche:hover{transform:translateY(-2px)}.duo{grid-template-columns:1fr 1fr}.trio{grid-template-columns:repeat(3,1fr)}.puces{padding-left:0;padding-right:0;margin-left:0;margin-right:0;flex-wrap:wrap}.editeur-ligne{grid-template-columns:minmax(9rem,2fr) 5.5rem 7rem 8rem auto;border-bottom:none;padding:.45rem 0}.editeur-ingredient,.editeur-regle,.editeur-outils{grid-column:auto}.editeur-alerte{grid-column:1 / -1}.barre-outils{flex-direction:row;align-items:center}.creation-rapide{margin-left:auto;width:22rem}.actions-collantes{position:static;margin:2rem 0 0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.actions-collantes .bouton{flex:0 0 auto}.compte{grid-template-columns:1fr auto;align-items:center;gap:1rem}.etape-saisie{grid-template-columns:1fr auto;align-items:start}}