@font-face {
  font-family: "Cormorant JR";
  src: url("./polices/cormorant-garamond-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Crimson JR";
  src: url("./polices/crimson-pro-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Crimson JR";
  src: url("./polices/crimson-pro-400i.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Crimson JR";
  src: url("./polices/crimson-pro-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Barlow JR";
  src: url("./polices/barlow-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow JR";
  src: url("./polices/barlow-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Barlow JR";
  src: url("./polices/barlow-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Barlow C";
  src: url("./polices/barlow-condensed-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel JR";
  src: url("./polices/cinzel-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
/* Graisses des scripts t03–t09 : Cormorant variable, Cinzel variable, Barlow condensées. */
@font-face {
  font-family: "JR Cormorant";
  src: url("./polices/CormorantGaramond-wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JR Cormorant";
  src: url("./polices/CormorantGaramond-Italic-wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JR Cinzel";
  src: url("./polices/Cinzel-wght.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JR Barlow Condensed";
  src: url("./polices/BarlowCondensed-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "JR Barlow Condensed";
  src: url("./polices/BarlowCondensed-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "JR Barlow Semi";
  src: url("./polices/BarlowSemiCondensed-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "JR Barlow Semi";
  src: url("./polices/BarlowSemiCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

body[data-jr] #app { visibility: hidden !important; }
body[data-jr] .tr-chrome { display: none !important; }
body[data-jr] .lv-signet,
body[data-jr] [data-lv-signet-zone],
body[data-jr] .lv-signet-bulle { display: none !important; }
body[data-jr] #btn-livre-bord,
html.livre-range body[data-jr] #btn-livre-bord,
html.livre-cache body[data-jr] #btn-livre-bord {
  display: none !important;
}

#journal-reel {
  position: fixed;
  z-index: 35;
  top: 0; left: 0; right: 0;
  bottom: calc(108px + env(safe-area-inset-bottom, 0px));
  overflow-x: hidden;
  overflow-y: auto;
  background: #070605;
  color: #f6edd4;
  font: 500 14px/1.25 "Barlow JR", "Barlow", sans-serif;
  font-variant-numeric: lining-nums;
}
#journal-reel[hidden] { display: none !important; }
#journal-reel * { box-sizing: border-box; }
#journal-reel button, #journal-reel input { font: inherit; color: inherit; }
#journal-reel p, #journal-reel h1, #journal-reel h2, #journal-reel ul, #journal-reel ol { margin: 0; }

.jr-page { position: relative; padding: 0 0 20px; }

/* En-tête : la bande de la photo V7. La date réelle couvre la date gravée. Le Livre de la photo reste cliquable. */
.jr-hero {
  position: relative;
  width: 100%;
  background: #100c08;
}
.jr-date {
  position: absolute;
  left: 3.6%;
  top: 12%;
  width: 11.6%;
  height: 33%;
  min-width: 44px;
  border-radius: 18%;
  border: 1.5px solid #e8c872;
  background: radial-gradient(circle at 50% 28%, #2c2412, #0c0a07 74%);
  color: #f3d79b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  z-index: 2;
}
.jr-date span { font-family: "Barlow JR", sans-serif; font-size: 12px; letter-spacing: .14em; font-weight: 600; }
.jr-date b { font-family: "Barlow JR", sans-serif; font-size: 20px; font-weight: 700; color: #f6e2a8; margin: 1px 0; }
.jr-livre {
  width: 44px; height: 44px; flex: none; align-self: center;
  border-radius: 10px; border: 1px solid #e8c872;
  background: #120e09; color: #e8c872; padding: 0;
  display: grid; place-items: center;
}
.jr-livre svg { width: 22px; height: 22px; }

/* Journal et Mes recettes favorites : boîtes de la photo 09 (524×220). Courses s’ajoute au-dessus, sans les rétrécir. */
.jr-onglets {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.jr-onglets button {
  position: absolute;
  pointer-events: auto;
  min-width: 0;
  min-height: 0;
  border-radius: 999px;
  border: 1px solid #d7b56a;
  background: #070605;
  color: #f6edd4;
  font-family: "Barlow JR", sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 0 8px;
  line-height: 1;
  white-space: nowrap;
}
#journal-reel .jr-onglets button {
  font-family: "Barlow JR", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #f6edd4;
}
.jr-onglets button[data-jr-onglet="journal"] { left: 3.435%; top: 75.909%; width: 42.748%; height: 21.818%; }
.jr-onglets button[data-jr-onglet="recettes"] { left: 48.855%; top: 74.545%; width: 48.092%; height: 23.636%; }
.jr-onglets button[data-jr-onglet="courses"] { left: 3.053%; top: 49.091%; width: 25.191%; height: 20.909%; }
.jr-onglets button[aria-current="page"] {
  background: linear-gradient(180deg, #fff1c4, #e2c06a 42%, #c49a3c 78%, #a07a28);
  color: #1a1204;
  border-color: #f6e2a8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(0,0,0,.35);
}
#journal-reel .jr-onglets button[aria-current="page"] { color: #1a1204; }

.jr-sem {
  margin: 8px 10px 0;
  padding: 6px 6px 8px;
  border: 1px solid #a88848;
  border-radius: 18px;
  background: #100e0b;
}
.jr-sem-t { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; }
.jr-sem-t p { text-align: center; font-size: 15px; color: #f6edd4; font-weight: 600; }
.jr-sem-sous { text-align: center; font-size: 12px; letter-spacing: .14em; color: #e8c872; margin: 0 0 2px; }
.jr-sem-t button, .jr-back-today {
  min-width: 44px; min-height: 44px;
  border: 0; background: transparent; color: #e8c872; font-size: 26px; font-weight: 400;
}
.jr-back-today { display: block; width: 100%; font-size: 14px; min-height: 36px; }
.jr-jours { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; }
.jr-jour {
  position: relative;
  z-index: 1;
  min-height: 48px;
  width: 100%;
  padding: 2px 0 2px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
  touch-action: manipulation;
}
.jr-jour span { font-size: 12px; color: #e6d7b8; line-height: 1.1; pointer-events: none; }
.jr-jour b { font-family: "Barlow JR", sans-serif; font-size: 16px; font-weight: 600; color: #f6edd4; line-height: 1; pointer-events: none; }
.jr-jour.sel { border-color: #f0d78c; background: rgba(232, 200, 114, .07); box-shadow: 0 0 14px rgba(232, 200, 114, .45), inset 0 0 0 1px #e8c872; }
.jr-jour.sel b { color: #f6e2a8; }
.jr-hbars { display: flex; flex-direction: column; gap: 2px; width: 72%; margin-top: 3px; pointer-events: none; }
.jr-hbars em { display: block; height: 3px; border-radius: 1px; background: #3a3428; }
.jr-jour.sel .jr-hbars em.c0.on, .jr-hbars em.c0.on { background: #e0b44a; }
.jr-jour.sel .jr-hbars em.c1.on, .jr-hbars em.c1.on { background: #7dcea0; }
.jr-jour.sel .jr-hbars em.c2.on, .jr-hbars em.c2.on { background: #e07a5f; }
.jr-jour.sel .jr-hbars em.c3.on, .jr-hbars em.c3.on { background: #7ec8ee; }
.jr-leg { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 8px; font-size: 12px; }
.jr-leg i { font-style: normal; font-weight: 700; min-width: 18px; height: 18px; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; color: #1a1204; }
.jr-leg .g { background: #e0b44a; } .jr-leg .l { background: #6fbf8a; } .jr-leg .p { background: #e07a5f; }
.jr-leg .e { background: transparent; color: #7ec8ee; min-width: 0; font-weight: 600; }

.jr-bilan {
  position: relative;
  margin: 6px 10px 0;
  padding: 8px 8px 8px;
  border: 1px solid #6e5830;
  border-radius: 22px;
  background: radial-gradient(120% 70% at 50% 0%, #1a160f, #0c0b09 68%);
}
.jr-titre { position: relative; text-align: center; min-height: 28px; }
.jr-titre h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Cinzel JR", "Cormorant JR", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .28em;
  color: #e6c98a;
}
.jr-titre h2::before, .jr-titre h2::after {
  content: "";
  width: 28px;
  height: 1px;
  background: #c6a15a;
}
.jr-diam {
  display: block;
  width: 8px; height: 8px;
  margin: 4px auto 0;
  background: #e8c872;
  transform: rotate(45deg);
}
.jr-titre .jr-badge {
  position: absolute;
  right: 4px; top: 0;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid #e8c872;
  color: #f0d78c;
  font-size: 12px;
  letter-spacing: .08em;
}
.jr-cherche .jr-badge {
  position: static;
  flex: none;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #e8c872;
  color: #f0d78c;
  font-size: 12px;
  letter-spacing: .06em;
}
.jr-anneaux { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.jr-cell { min-width: 0; text-align: center; }
.jr-k {
  font-family: "Barlow JR", sans-serif;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #f0d78c;
  line-height: 1.05;
  min-height: 24px;
  font-weight: 600;
}
.jr-anneau {
  position: relative;
  width: min(100%, 124px);
  margin: 4px auto 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background: url("./photos/jr-disque.png") center / cover no-repeat;
  box-shadow: inset 0 0 0 2px #e6c98a, inset 0 0 0 6px #2a2114, 0 0 0 1px #8d7040;
  overflow: hidden;
}
.jr-brulees .jr-anneau { background-image: url("./photos/jr-disque-bronze.png"); }
.jr-anneau-svg { display: none; }
.jr-trou {
  position: absolute;
  inset: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
}
.jr-val { font-family: "Barlow JR", sans-serif; font-size: 26px; line-height: 1; color: #f6edd4; font-weight: 600; }
.jr-val-bronze { color: #e7c48a; }
.jr-ico { width: 28px; height: 14px; margin-top: 2px; }
.jr-mots {
  border: 0; background: transparent; padding: 0;
  display: flex; flex-direction: column; align-items: center;
  color: #d9c48a; font-family: "Barlow C", "Barlow JR", sans-serif;
  font-size: 12px; letter-spacing: 0; line-height: 1.02; font-weight: 600;
  max-width: 100%;
}
.jr-script {
  border: 0; background: transparent; padding: 0; margin-top: 1px;
  font-family: "Crimson JR", Georgia, serif;
  font-style: italic;
  font-size: 12px;
  line-height: 1.05;
  color: #e7c48a;
  text-decoration: underline;
  text-underline-offset: 2px;
  max-width: 100%;
}
.jr-obj { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; margin-top: 8px; }
.jr-obj[hidden] { display: none !important; }
.jr-obj label { flex: 1; min-width: 0; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.jr-obj input, .jr-dialog input, .jr-cherche input {
  min-height: 44px; width: 100%; border-radius: 12px; border: 1px solid #c4a35a;
  background: #0b0b0d; color: #f6edd4; font-size: 16px; padding: 8px 10px;
}
.jr-obj button { min-height: 44px; padding: 8px 12px; border-radius: 12px; border: 0; background: linear-gradient(180deg, #f0d78c, #c4a35a); color: #1a1204; font-size: 16px; font-weight: 700; }

.jr-mac-ligne { position: relative; display: flex; align-items: center; gap: 4px; margin-top: 6px; }
.jr-mac { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; text-align: center; }
.jr-mac small { display: block; font-family: "Barlow JR", sans-serif; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #f6edd4; font-weight: 600; }
.jr-mac b { font-family: "Barlow JR", sans-serif; font-size: 22px; font-weight: 600; color: #f6edd4; }
.jr-mac b span { font-family: "Barlow JR", sans-serif; font-size: 13px; font-weight: 600; }
.jr-mac [data-jr-mac="gluc"] small, .jr-mac [data-jr-mac="gluc"] b { color: #e6c15a; }
.jr-mac [data-jr-mac="lip"] small, .jr-mac [data-jr-mac="lip"] b { color: #e07a4a; }
.jr-eau { display: grid; grid-template-columns: 72px 1fr 72px; align-items: center; margin-top: 8px; }
.jr-rond {
  width: 56px; height: 56px; margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #e6c56a;
  background: radial-gradient(circle at 50% 38%, #2a2416, #0c0b09 72%);
  box-shadow: inset 0 0 0 4px #14110c, 0 0 0 1px #8a7040;
  color: #f3d79b;
  display: grid; place-items: center; padding: 0;
}
.jr-rond svg { width: 26px; height: 26px; }
.jr-rond:disabled { color: #8a7a58; border-color: #6e5830; }
.jr-eau-mid { text-align: center; }
.jr-eau-mid small { display: block; font-family: "Barlow JR", sans-serif; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #7ec8ee; font-weight: 600; }
.jr-eau-mid b { font-family: "Barlow JR", sans-serif; font-size: 20px; color: #9fd4f2; font-weight: 600; }

.jr-frise {
  margin-top: 4px;
  padding: 12px 0 18px;
  background: #1a120c url("./photos/jr/marbre-09-colonne.webp") center / 100% 100% no-repeat;
}
.jr-cta {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: calc(100% - 28px);
  margin: 2px 14px 0;
  min-height: 46px;
  border-radius: 16px;
  border: 1px solid #c4a35a;
  background: rgba(10,8,6,.78);
  color: #f6edd4;
  font-family: "Barlow JR", sans-serif;
  font-size: 15px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}
.jr-cta i {
  font-style: normal; font-size: 18px; font-weight: 700; width: 26px; height: 26px; border-radius: 50%;
  border: 0; display: grid; place-items: center; color: #1a1204; line-height: 1;
  background: radial-gradient(circle at 40% 32%, #fff6d2, #e6c56a 46%, #a8842e);
}

.jr-tl { list-style: none; padding: 10px 12px 0; position: relative; }
.jr-tl::before {
  content: ""; position: absolute; left: 86px; top: 12px; bottom: 8px; width: 2px;
  background: linear-gradient(#f0d78c, #6e5830);
}
.jr-pt { width: 8px; height: 8px; border-radius: 50%; background: #e8c872; flex: none; box-shadow: 0 0 0 3px #14110c; }
.jr-crayon { width: 28px; height: 28px; border-radius: 8px; border: 1px solid #e8c872; display: grid; place-items: center; flex: none; background: rgba(20,16,10,.8); }
.jr-crayon svg { width: 16px; height: 16px; }
.jr-slot, .jr-avec, .jr-ecart { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; min-height: 48px; margin: 6px 0; }
.jr-now { position: relative; z-index: 1; }
.jr-slot, .jr-ligne {
  width: 100%; display: flex; align-items: center; gap: 8px; min-height: 40px;
  background: transparent; border: 0; text-align: left; padding: 0; color: #f6edd4;
}
.jr-h {
  flex: 0 0 auto; min-width: 58px; padding: 9px 7px;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff6d4, #f0d48a 28%, #d4aa4a 62%, #8d6824);
  color: #1a1204;
  font-family: "Barlow JR", sans-serif;
  font-size: 15px; font-weight: 700; text-align: center; line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(0,0,0,.45);
}
.jr-slot-carte {
  flex: 1; min-width: 0;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(198, 161, 90, .7);
  background: rgba(16, 12, 8, .62);
  font-family: "Cormorant JR", Georgia, serif;
  font-style: italic;
  font-size: 20px;
  color: #f6edd4;
}
.jr-futur .jr-slot-nom, .jr-futur .jr-h { opacity: .7; }
.jr-carte {
  flex: 1; min-width: 0; padding: 10px 12px; border-radius: 16px;
  border: 1px solid rgba(198, 161, 90, .75); background: rgba(18, 14, 10, .72);
}
.jr-carte-t { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.jr-carte-t b { font-family: "Cormorant JR", Georgia, serif; font-size: 20px; font-weight: 700; color: #f6edd4; font-style: italic; }
.jr-init { color: #f3e2b0; font-family: "Cormorant JR", Georgia, serif; font-size: 28px; line-height: .75; font-style: normal; margin-right: 1px; }
.jr-aliments, .jr-macros, .jr-eau-ligne { display: block; overflow-wrap: anywhere; }
.jr-aliments { font-family: "Barlow JR", sans-serif; font-weight: 400; font-size: 13px; }
.jr-macros, .jr-eau-ligne { font-family: "Barlow JR", sans-serif; font-size: 12px; font-weight: 700; color: #f0d78c; }
.jr-macros i { font-style: normal; font-weight: 700; }
.jr-macros .g { color: #e8a04a; } .jr-macros .l { color: #7dcea0; } .jr-macros .p { color: #e07a5f; }
.jr-now {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  margin: 4px 0;
}
.jr-now b {
  flex: none;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 5px 8px;
  background: rgba(12, 10, 8, .45);
  color: #f6edd4;
  border: 1px solid #e8c872;
  border-radius: 10px;
  box-shadow: none;
  font-family: "Barlow JR", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.jr-now span {
  flex: 1;
  margin: 0;
  text-align: center;
  font-family: "Barlow JR", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: #f6edd4;
  border-bottom: 1px solid rgba(232, 200, 114, .55);
  line-height: 1.4;
}
.jr-ligne { flex-wrap: wrap; }
.jr-ligne .jr-carte { flex: 1 1 150px; }
.jr-ecart { justify-content: center; min-height: 22px; }
.jr-ecart span { font-family: "Crimson JR", Georgia, serif; font-size: 13px; font-style: italic; font-weight: 400; color: #f0d78c; background: transparent; padding: 0 8px; }
.jr-eau-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: calc(100% - 28px); margin: 12px 14px 0; min-height: 48px;
  border-radius: 18px; border: 1px solid #9ec8e2; background: rgba(6, 10, 14, .72);
  color: #e7f4fb; font-family: "Barlow JR", sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
}
.jr-courses-ban {
  position: relative;
  display: flex; align-items: flex-end; justify-content: center;
  width: calc(100% - 28px); min-height: 112px;
  margin: 12px 14px 8px; padding: 0 12px 14px; border-radius: 18px;
  border: 1px solid #c4a35a;
  background: #140e09;
  color: #f6edd4;
  font-family: "Cinzel JR", "JR Cinzel", serif;
  font-size: 14px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.jr-courses-ban span { position: static; }

.jr-voile {
  position: fixed; z-index: 80; left: 0; right: 0; top: 0;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  background: rgba(0, 0, 0, .55);
  display: flex; align-items: flex-end; justify-content: center;
  padding: 10px;
  overflow: auto;
}
.jr-dialog {
  width: min(100%, 460px);
  background: #100e0b;
  color: #f6edd4;
  border: 1px solid #c4a35a;
  border-radius: 22px;
  padding: 12px 12px 16px;
}
.jr-dialog header { display: flex; align-items: center; gap: 8px; }
.jr-dialog header h2 { flex: 1; font-family: "Cormorant JR", Georgia, serif; font-size: 24px; font-weight: 700; color: #f3d79b; text-align: center; }
.jr-dialog-eau header button[aria-label="Retour"] { border: 0; background: transparent; font-size: 28px; color: #f0d78c; }
.jr-dialog-eau .jr-x { border: 1px solid #e8c872; background: #1a1408; border-radius: 10px; }
.jr-dialog header button, .jr-courses-t > button {
  min-width: 44px; min-height: 44px; border-radius: 12px;
  border: 1px solid #c4a35a; background: #14110c; color: #f0d78c; font-size: 22px;
}
.jr-goutte {
  display: inline-block; width: 12px; height: 16px; margin-right: 4px; vertical-align: -2px;
  background: radial-gradient(circle at 35% 28%, #f4fbff, #3aa0e0 40%, #1560b0);
  clip-path: polygon(50% 0, 100% 62%, 78% 100%, 22% 100%, 0 62%);
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.45));
}
.jr-quand { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.jr-quand button, .jr-passe button {
  min-height: 40px; border-radius: 12px; border: 1px solid #8a7040;
  background: #14110c; color: #f6edd4; font-family: "Barlow JR", sans-serif; font-size: 13px; font-weight: 600; padding: 6px 4px;
}
.jr-quand button[aria-pressed="true"], .jr-passe button[aria-pressed="true"] {
  background: linear-gradient(180deg, #f0d78c, #c4a35a); color: #1a1204; font-weight: 700;
}
.jr-porte { text-align: center; font-size: 13px; color: #f0d78c; margin: 8px 0; }
.jr-passe { display: flex; flex-wrap: wrap; gap: 6px; }
.jr-passe[hidden] { display: none !important; }
.jr-dialog form label, .jr-d-ligne label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; margin-top: 8px; }
.jr-ml { display: flex; align-items: center; gap: 8px; border: 1px solid #c4a35a; border-radius: 12px; padding: 0 12px; background: #0b0b0d; }
.jr-ml input { border: 0; background: transparent; padding-left: 0; }
.jr-ml em { font-style: normal; font-family: "Barlow JR", sans-serif; font-size: 16px; font-weight: 600; color: #f6edd4; }
.jr-dialog button[type="submit"], .jr-cherche button:not(.jr-loupe) {
  min-height: 44px; border: 0; border-radius: 12px;
  background: linear-gradient(180deg, #f0d78c, #c4a35a); color: #1a1204; font-size: 16px; font-weight: 700;
}
.jr-dialog button[type="submit"] { display: block; width: 100%; margin-top: 12px; }
.jr-d-liste { list-style: none; padding: 0; }
.jr-d-ligne { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; padding: 8px 0; border-bottom: 1px solid #3a3428; }
.jr-d-ligne > span { flex: 1 1 100%; font-size: 16px; }
.jr-d-ligne label { flex: 1; min-width: 0; }
.jr-danger { width: 100%; min-height: 44px; margin-top: 12px; border-radius: 12px; border: 1px solid #e07a5f; background: transparent; color: #ffd0c4; font-size: 16px; }

.jr-page-courses {
  margin: 8px;
  border: 1px solid #c4a35a;
  border-radius: 20px;
  background: #0c0b09;
  padding-bottom: 6px;
}
.jr-courses-t {
  display: grid; grid-template-columns: 44px 1fr 44px; align-items: center;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 8px 0;
}
.jr-courses-t h1 { font-family: "Cormorant JR", Georgia, serif; font-size: 26px; color: #f3d79b; text-align: center; font-weight: 700; }
.jr-courses-t .jr-init { font-size: 34px; color: #f3d79b; }
.jr-courses-t p { font-family: "Crimson JR", Georgia, serif; font-size: 14px; font-style: italic; font-weight: 400; color: #f0d78c; text-align: center; }
.jr-courses-t > button { font-size: 26px; }
.jr-cherche { display: flex; align-items: center; gap: 8px; margin: 10px; padding: 4px 8px; border-radius: 16px; border: 1px solid #6e5830; background: #100e0b; }
.jr-cherche input { border: 0; background: transparent; min-width: 0; font-family: "Barlow JR", sans-serif; font-weight: 400; font-size: 15px; }
.jr-cherche .jr-loupe { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #c6a15a; box-shadow: none; display: grid; place-items: center; }
.jr-cherche .jr-loupe svg { width: 18px; height: 18px; }
.jr-cat { margin: 10px 12px 4px; font-family: "Cormorant JR", Georgia, serif; font-size: 16px; letter-spacing: .12em; text-transform: uppercase; color: #f3d79b; }
.jr-cat .jr-init { font-size: 26px; color: #f3d79b; }
.jr-liste { list-style: none; padding: 0 10px; }
.jr-carte-c {
  display: flex; align-items: center; gap: 2px; margin: 0 0 8px; padding: 2px 4px 2px 6px;
  border: 1px solid #6e5830; border-radius: 14px;
  background: linear-gradient(180deg, #221c14, #100e0b);
  box-shadow: inset 0 1px 0 rgba(255,236,190,.12), 0 1px 0 rgba(0,0,0,.4);
}
.jr-coche { flex: 1; min-width: 0; min-height: 48px; display: flex; align-items: center; gap: 8px; text-align: left; background: transparent; border: 0; padding: 4px; }
.jr-coche i { width: 32px; height: 32px; border: 2px solid #e8c872; border-radius: 4px; flex: none; }
.jr-coche[aria-checked="true"] i { background: #e8c872; }
.jr-lib { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; flex: 1; }
.jr-coche b { font-family: "Barlow JR", sans-serif; font-size: 15px; font-weight: 600; white-space: nowrap; }
.jr-coche small { font-family: "Barlow JR", sans-serif; font-weight: 400; font-size: 12px; color: #c6a15a; }
.jr-qte { margin-left: auto; font-style: normal; font-family: "Barlow JR", sans-serif; font-size: 13px; font-weight: 600; color: #e8c872; flex: none; }
.jr-carte-c.coche .jr-coche b { text-decoration: line-through; }
.jr-stop { width: 44px; min-width: 44px; min-height: 44px; border: 0; background: transparent; color: #e8c872; font-size: 22px; font-weight: 500; }
.jr-note, .jr-vide { margin: 12px; font-size: 13px; color: #f0d78c; text-align: center; }
.jr-toast {
  position: fixed; z-index: 190; left: 50%; bottom: calc(90px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%); width: max-content; max-width: calc(100vw - 16px);
  padding: 8px 12px; border-radius: 14px; background: #14110c; color: #f3d79b; border: 1px solid #c4a35a; font-size: 15px;
  display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; white-space: nowrap;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .6);
}
.jr-toast span { white-space: nowrap; }
.jr-toast[hidden] { display: none !important; }
.jr-toast button { min-height: 44px; font-size: 14px; border-radius: 10px; border: 1px solid #e8c872; background: transparent; color: #f6edd4; }
.jr-err { color: #ffd0c4; font-size: 14px; margin-top: 8px; }

@media (max-width: 360px) {
  .jr-onglets { gap: 6px; padding-left: 8px; padding-right: 8px; }
  .jr-onglets button { font-size: 12px; padding: 6px 6px; }
  .jr-sem, .jr-bilan, .jr-cta, .jr-eau-btn { margin-left: 8px; margin-right: 8px; }
  .jr-cta, .jr-eau-btn { width: calc(100% - 16px); }
  .jr-val { font-size: 18px; }
  .jr-mac b, .jr-eau-mid b { font-size: 16px; }
  .jr-k { letter-spacing: 0; }
  .jr-date b { font-size: 22px; }
}

/* a253 — tout est un élément visible. Images : marbre (jr-marbre.jpg, 524×1200, veines seules) et métal des anneaux (jr-disque.png 145×145, jr-disque-bronze.png 157×157, disques sans chiffre). */
#journal-reel {
  background: #070605;
}
#journal-reel .jr-hero {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  padding: 12px 12px 10px;
  background: rgba(8, 6, 4, .55);
}
#journal-reel .jr-date {
  position: relative;
  left: auto;
  top: auto;
  grid-row: 1 / span 2;
  grid-column: 1;
  width: 72px;
  height: 92px;
  min-height: 44px;
  border-radius: 18px;
  border: 1.5px solid #e8c872;
  background: radial-gradient(circle at 50% 22%, #2a220f, #0c0a07 72%);
  box-shadow: inset 0 0 0 1px rgba(246, 226, 168, .25), 0 0 0 1px #6e5428;
  z-index: 2;
}
#journal-reel .jr-date span { font-size: 12px; letter-spacing: .12em; color: #f0d78c; }
#journal-reel .jr-date b { font-size: 28px; color: #f6e2a8; }
#journal-reel .jr-marque {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  text-align: center;
  line-height: 1;
  color: #f3d79b;
}
#journal-reel .jr-marque b {
  display: block;
  font-family: "Cinzel JR", "JR Cinzel", serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: .08em;
}
#journal-reel .jr-marque span {
  display: block;
  font-family: "Cinzel JR", "JR Cinzel", serif;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
}
#journal-reel .jr-onglets {
  position: static;
  inset: auto;
  pointer-events: auto;
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  grid-template-areas: "courses courses" "journal recettes";
  gap: 8px;
  width: 100%;
  z-index: 3;
}
#journal-reel .jr-onglets button {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid #d7b56a;
  background: #070605;
  color: #f6edd4;
  font-size: 14px;
  font-weight: 600;
  padding: 0 12px;
  z-index: 3;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"] {
  grid-area: courses;
  justify-self: start;
  min-width: 112px;
  padding: 0 18px;
}
#journal-reel .jr-onglets button[data-jr-onglet="journal"] { grid-area: journal; }
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] { grid-area: recettes; font-size: 13px; }
#journal-reel .jr-onglets button[aria-current="page"] {
  background: linear-gradient(180deg, #fff1c4, #e2c06a 42%, #c49a3c 78%, #a07a28);
  color: #1a1204;
  border-color: #f6e2a8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 2px rgba(0, 0, 0, .35);
}
#journal-reel .jr-sem,
#journal-reel .jr-bilan {
  position: relative;
  z-index: 1;
  background: rgba(10, 8, 6, .82);
}
#journal-reel .jr-sem { border-color: #c6a15a; }
#journal-reel .jr-jour.sel {
  border-color: #f6e2a8;
  background: rgba(232, 200, 114, .12);
  box-shadow: 0 0 16px rgba(232, 200, 114, .55), inset 0 0 0 1px #e8c872;
}
#journal-reel .jr-hbars em { height: 4px; }
#journal-reel .jr-anneau {
  box-shadow: inset 0 0 0 2px #e6c98a, inset 0 0 0 7px #1a140c, 0 0 0 1px #8d7040;
}
#journal-reel .jr-k { color: #f0d78c; letter-spacing: .06em; }
#journal-reel .jr-mac small { letter-spacing: .06em; }
#journal-reel .jr-mac b { font-size: 26px; }
#journal-reel .jr-livre {
  width: 44px;
  height: 52px;
  border-radius: 6px 10px 10px 6px;
  background: linear-gradient(90deg, #4a2e16, #8a5a2a 18%, #c4924a 50%, #6a401c);
  border: 1px solid #e8c872;
  box-shadow: inset 0 0 0 3px #3a2412;
}
#journal-reel .jr-livre svg { width: 18px; height: 18px; opacity: 1; }
#journal-reel .jr-eau-mid small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #7ec8ee;
  letter-spacing: .2em;
}
#journal-reel .jr-eau-mid .jr-goutte { width: 12px; height: 16px; margin: 0; }
#journal-reel .jr-eau-mid b { font-size: 22px; color: #9fd4f2; }
#journal-reel .jr-cta {
  position: relative;
  z-index: 2;
  color: #f6edd4;
  background: rgba(10, 8, 6, .88);
  border: 1px solid #e8c872;
  letter-spacing: .14em;
}
#journal-reel .jr-cta i { color: #1a1204; }
#journal-reel .jr-frise {
  position: relative;
  z-index: 1;
  margin-top: 8px;
  padding: 8px 0 16px;
  background: transparent;
}
#journal-reel .jr-tl { position: relative; padding: 6px 12px 0; }
#journal-reel .jr-tl::before {
  content: "";
  position: absolute;
  left: 86px;
  top: 18px;
  bottom: 12px;
  width: 2px;
  background: linear-gradient(#f3d79b, #6e5830);
  z-index: 0;
}
#journal-reel .jr-tl > li { position: relative; margin: 7px 0; z-index: 1; }
#journal-reel .jr-slot,
#journal-reel .jr-ligne {
  display: grid;
  grid-template-columns: 64px 18px minmax(0, 1fr);
  align-items: center;
  column-gap: 4px;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f6edd4;
  text-align: left;
}
#journal-reel .jr-h {
  min-width: 58px;
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 6px 4px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff8dc 0%, #f0d48a 36%, #c4963a 70%, #8a6420 100%);
  color: #1a1204;
  font-size: 16px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 2px 3px rgba(0, 0, 0, .45);
}
#journal-reel .jr-pt {
  width: 10px;
  height: 10px;
  justify-self: center;
  border-radius: 50%;
  background: #f6e2a8;
  box-shadow: 0 0 0 3px #1a120c;
}
#journal-reel .jr-slot-carte,
#journal-reel .jr-carte {
  min-height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 100, .8);
  background: linear-gradient(180deg, rgba(48, 36, 22, .78), rgba(12, 10, 8, .82));
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, .16);
  color: #f6edd4;
}
#journal-reel .jr-slot-carte {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  font-family: "JR Cormorant", "Cormorant JR", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 22px;
}
#journal-reel .jr-carte { position: relative; display: block; padding: 8px 48px 8px 12px; }
#journal-reel .jr-carte-t b {
  font-family: "JR Cormorant", "Cormorant JR", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 22px;
  color: #f6edd4;
}
#journal-reel .jr-init {
  font-family: "JR Cormorant", "Cormorant JR", Georgia, serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: .8;
  color: #f6e7c0;
}
#journal-reel .jr-aliments { margin-top: 2px; font-size: 14px; font-weight: 600; color: #f6edd4; }
#journal-reel .jr-macros { margin-top: 2px; font-size: 13px; }
#journal-reel .jr-crayon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(12, 10, 8, .75);
}
#journal-reel .jr-now {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding-left: 4px;
}
#journal-reel .jr-now b { color: #f6edd4; font-size: 12px; padding: 4px 6px; white-space: nowrap; }
#journal-reel .jr-now span { color: #f6edd4; font-size: 16px; }
#journal-reel .jr-ecart span {
  font-family: "JR Cormorant", "Cormorant JR", Georgia, serif;
  font-size: 16px;
  color: #f0d78c;
}
#journal-reel .jr-eau-btn {
  position: relative;
  z-index: 4;
  color: #e7f4fb;
  background: rgba(6, 10, 14, .82);
  border: 1px solid #9ec8e2;
}
#journal-reel .jr-eau-btn .jr-goutte { opacity: 1; }
#journal-reel .jr-courses-ban {
  position: relative;
  z-index: 4;
  color: #f6edd4;
  background:
    linear-gradient(180deg, rgba(20, 14, 8, .2), rgba(8, 6, 4, .78)),
    url("./photos/jr/legumes-ban.jpg") center / cover no-repeat;
}
#journal-reel .jr-courses-ban span {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  color: #f6edd4;
  font-size: 14px;
}
#journal-reel .jr-page-courses {
  margin: 10px 8px 18px;
  padding: 6px 2px 12px;
  border: 1.5px solid #e6c98a;
  border-radius: 26px;
  background: rgba(8, 7, 5, .92);
  box-shadow: inset 0 0 0 1px rgba(232, 200, 114, .28), 0 0 0 3px #070605, 0 0 0 4px #6e5830;
}
#journal-reel .jr-page-courses h1,
#journal-reel .jr-page-courses h1 span {
  color: #f0d48a;
  -webkit-text-fill-color: #f0d48a;
  background: none;
}
#journal-reel .jr-courses-t h1 { font-size: 30px; }
#journal-reel .jr-courses-t .jr-init { font-size: 42px; color: #f6e2a8; -webkit-text-fill-color: #f6e2a8; }
#journal-reel .jr-courses-t > button { min-width: 44px; min-height: 44px; }
#journal-reel .jr-cherche {
  border-color: #c6a15a;
  background: #0c0b09;
  border-radius: 18px;
  min-height: 48px;
}
#journal-reel .jr-cat {
  font-family: "JR Cormorant", "Cormorant JR", Georgia, serif;
  font-size: 18px;
  color: #f3d79b;
}
#journal-reel .jr-cat .jr-init { font-size: 30px; font-style: normal; }
#journal-reel .jr-carte-c {
  border: 1px solid rgba(212, 175, 100, .85);
  border-radius: 16px;
  background: linear-gradient(180deg, #2a2218, #100e0b);
  min-height: 56px;
}
#journal-reel .jr-coche { min-height: 52px; gap: 10px; align-items: center; }
#journal-reel .jr-coche i {
  width: 44px;
  height: 44px;
  border: 2px solid #e8c872;
  border-radius: 8px;
}
#journal-reel .jr-lib {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 12px;
  flex: 1;
}
#journal-reel .jr-coche b { font-size: 16px; }
#journal-reel .jr-coche small { margin-left: auto; text-align: right; font-size: 12px; color: #d7c090; }
#journal-reel .jr-qte { font-size: 14px; color: #f0d78c; }
#journal-reel .jr-stop { min-width: 44px; min-height: 44px; font-size: 26px; color: #f0d78c; }
#journal-reel [data-jr-stop] { touch-action: pan-y; }
#journal-reel .jr-note { color: #f0d78c; font-size: 13px; }

/* a254 — illustrations sans texte : bol-entete.jpg 340×148 (nourriture), legumes-ban.jpg 464×102 (légumes), livre-cuir.jpg 82×142 (cuir), monogramme-tr.png 68×44 (TR or). Marbre : marbre-09.webp, la pierre de 09, sans filet. */
#journal-reel .jr-hero {
  display: block;
  position: relative;
  min-height: 176px;
  padding: 0;
  background: #140e09 url("./photos/jr/bol-entete.jpg") center 42% / cover no-repeat;
}
#journal-reel .jr-date {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 68px;
  height: 86px;
  grid-row: auto;
  grid-column: auto;
}
#journal-reel .jr-date span {
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 12px;
  letter-spacing: .14em;
  color: #f0d48a;
}
#journal-reel .jr-date b {
  font-family: "JR Cormorant", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 34px;
  color: #f0d48a;
}
#journal-reel .jr-marque {
  position: absolute;
  left: 86px;
  right: 8px;
  top: 8px;
  margin: 0;
  text-align: center;
  color: #f0d48a;
}
#journal-reel .jr-tr { display: block; height: 34px; width: auto; margin: 0 auto; }
#journal-reel .jr-marque span {
  display: block;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #f0d48a;
}
#journal-reel .jr-onglets {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 8px;
  top: auto;
  display: grid;
  grid-template-columns: 1.05fr 1.5fr .82fr;
  grid-template-areas: none;
  gap: 6px;
  width: auto;
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  grid-area: auto;
  justify-self: stretch;
  min-width: 0;
  width: 100%;
  padding: 0 4px;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .02em;
}
#journal-reel .jr-sem-sous {
  margin: 0 0 2px;
  letter-spacing: .04em;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 12px;
  color: #e8c98a;
}
#journal-reel .jr-back-today {
  position: absolute;
  left: 48px;
  right: 48px;
  top: 0;
  z-index: 3;
  width: auto;
  min-height: 32px;
}
#journal-reel .jr-leg .g, #journal-reel .jr-hbars em.c0.on { background: #e89d29; color: #1a1204; }
#journal-reel .jr-leg .l, #journal-reel .jr-hbars em.c1.on { background: #e08a62; color: #1a1204; }
#journal-reel .jr-leg .p, #journal-reel .jr-hbars em.c2.on { background: #f3e2b8; color: #1a1204; }
#journal-reel .jr-hbars em.c3.on { background: #7ec8ee; }
#journal-reel .jr-k,
#journal-reel .jr-mac small,
#journal-reel .jr-titre h2,
#journal-reel .jr-eau-mid small,
#journal-reel .jr-sem-t p {
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-weight: 600;
}
#journal-reel .jr-val,
#journal-reel .jr-mac b,
#journal-reel .jr-eau-mid b,
#journal-reel .jr-jour b {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 600;
  color: #f6e7c4;
}
#journal-reel .jr-mac [data-jr-mac="gluc"] small,
#journal-reel .jr-mac [data-jr-mac="gluc"] b { color: #e89d29; }
#journal-reel .jr-mac [data-jr-mac="lip"] small,
#journal-reel .jr-mac [data-jr-mac="lip"] b { color: #e08a62; }
#journal-reel .jr-mac [data-jr-mac="prot"] small,
#journal-reel .jr-mac [data-jr-mac="prot"] b { color: #f3e2b8; }
#journal-reel .jr-script {
  font-family: "JR Cormorant", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  color: #e7c48a;
  text-decoration: none;
}
#journal-reel .jr-ico { width: 36px; height: 20px; }
#journal-reel .jr-livre {
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 76px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px 0 0 7px;
  background: url("./photos/jr/livre-cuir.jpg") center / cover no-repeat;
  box-shadow: -3px 2px 8px rgba(0, 0, 0, .45);
  z-index: 4;
}
#journal-reel .jr-livre svg { display: none; }
#journal-reel .jr-bilan { overflow: visible; }
#journal-reel .jr-mac-ligne { position: relative; }
#journal-reel .jr-frise {
  background: #14110e url("./photos/jr/marbre-09-colonne.webp") center / 100% 100% no-repeat;
}
#journal-reel .jr-h {
  min-width: 66px;
  min-height: 50px;
  border-radius: 16px;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 16px;
  font-weight: 600;
}
#journal-reel .jr-slot-carte,
#journal-reel .jr-carte {
  background: linear-gradient(180deg, rgba(168, 136, 82, .42), rgba(92, 70, 40, .3));
  border-color: rgba(236, 210, 150, .72);
}
#journal-reel .jr-carte-t b,
#journal-reel .jr-slot-carte {
  font-family: "JR Cormorant", Georgia, serif;
  font-style: normal;
  font-weight: 600;
}
#journal-reel .jr-init { color: #f0d48a; font-style: normal; }
#journal-reel .jr-crayon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
#journal-reel .jr-futur,
#journal-reel .jr-futur .jr-h,
#journal-reel .jr-futur .jr-slot-carte { opacity: 1; }
#journal-reel .jr-now b {
  margin-left: -10px;
  padding: 6px 10px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff6d0, #e6c15a 46%, #a8842c);
  color: #1a1204;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 12px;
  font-weight: 600;
}
#journal-reel .jr-macros .g { color: #e89d29; }
#journal-reel .jr-macros .l { color: #e08a62; }
#journal-reel .jr-macros .p { color: #f3e2b8; }
#journal-reel .jr-courses-ban {
  min-height: 128px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .55)),
    url("./photos/jr/legumes-ban.jpg") center / cover no-repeat;
}
#journal-reel .jr-courses-t > button { font-size: 22px; }
#journal-reel .jr-cat { margin: 14px 20px 6px; }
#journal-reel .jr-coche b {
  font-family: "Crimson JR", "JR Cormorant", Georgia, serif;
  font-weight: 600;
  font-size: 18px;
}
#journal-reel .jr-carte-c { position: relative; overflow: hidden; }
#journal-reel .jr-stop {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(130%, -50%);
  min-width: 44px;
  min-height: 44px;
}
#journal-reel .jr-carte-c.jr-glisse .jr-stop { transform: translate(0, -50%); }

/* a255 — croix visible, onglet Livre noir, polices V7 sur onglets et calendrier. */
#journal-reel .jr-livre-deco {
  position: absolute;
  right: 8px;
  top: 6px;
  margin: 0;
  width: 40px;
  text-align: center;
  pointer-events: none;
}
#journal-reel .jr-livre-deco img {
  display: block;
  width: 26px;
  height: 44px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 3px;
}
#journal-reel .jr-livre-deco span {
  display: block;
  font-family: "JR Cormorant", Georgia, serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  color: #f0d48a;
}
#journal-reel .jr-marque { right: 48px; }
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0;
}
#journal-reel .jr-sem-t p,
#journal-reel .jr-jour b {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}
#journal-reel .jr-sem-t button { color: #e8c872; }
#journal-reel .jr-back-today {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
  min-height: 36px;
}
#journal-reel .jr-anneau {
  box-shadow: none;
  background-position: center;
  background-size: cover;
}
#journal-reel .jr-val-bronze { color: #c9864a; }
#journal-reel .jr-brulees .jr-script {
  display: block;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 12px;
  line-height: 1.15;
}
#journal-reel .jr-eau-mid small,
#journal-reel .jr-eau-mid b { color: #7ec8ee; }
#journal-reel .jr-goutte-trait,
#journal-reel .jr-goutte {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: -1px;
  margin: 0 3px 0 0;
  background: transparent;
  border: 1.5px solid #7ec8ee;
  border-radius: 0 50% 50% 50%;
  transform: rotate(45deg);
  clip-path: none;
  filter: none;
  box-sizing: border-box;
}
#journal-reel .jr-livre {
  right: 0;
  width: 40px;
  height: 56px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #e8c872;
  background: #0c0b09;
  box-shadow: none;
  z-index: 6;
}
#journal-reel .jr-livre svg { display: block; width: 20px; height: 20px; }
#journal-reel .jr-slot-carte {
  background: rgba(6, 5, 4, .9);
  border-color: rgba(150, 122, 70, .65);
}
#journal-reel .jr-carte {
  background: linear-gradient(180deg, rgba(236, 232, 224, .42), rgba(168, 164, 156, .3));
  border-color: rgba(236, 230, 216, .72);
}
#journal-reel .jr-now b {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 23px;
  text-transform: none;
  letter-spacing: 0;
}
#journal-reel .jr-eau-btn,
#journal-reel .jr-courses-ban,
#journal-reel .jr-courses-ban span {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#journal-reel .jr-page-courses {
  border: 1px solid #c6a15a;
  box-shadow: none;
}
#journal-reel .jr-cat { border: 0; border-bottom: 0; }
#journal-reel .jr-qte,
#journal-reel .jr-coche small {
  font-family: "Crimson JR", Georgia, serif;
  font-weight: 600;
}
#journal-reel .jr-carte-c { overflow: visible; }
#journal-reel .jr-stop {
  position: static;
  top: auto;
  right: auto;
  transform: none;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  color: #a08048;
  font-size: 18px;
}

/* a256 — l'appui global (scale .96) ne doit pas déplacer un bouton calé par transform.
   Seul .jr-livre était positionné ainsi. .jr-stop est en flux. .jr-crayon n'est pas un bouton.
   Le toast n'est pas un bouton. */
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed {
  position: absolute;
  top: calc(50% - 28px);
  right: -18px;
  width: 26px;
  height: 56px;
  margin: 0;
  transform: none !important;
  scale: none !important;
}
#journal-reel .jr-stop,
#journal-reel .jr-stop:active,
#journal-reel .jr-stop.tap-press,
#journal-reel .jr-stop.is-pressed {
  position: static;
  transform: none !important;
}
#journal-reel .jr-mac { padding-right: 16px; }
#journal-reel .jr-sem-sous {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .04em;
  color: #9a9286;
}
#journal-reel .jr-sem-t button {
  font-family: "JR Cormorant", Georgia, serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  color: #e8c872;
}
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"] {
  font-size: 14px;
  font-weight: 700;
}
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  font-size: 13px;
  font-weight: 700;
}
#journal-reel .jr-now b {
  margin-left: 0;
  font-size: 16px;
  padding: 3px 10px;
}
#journal-reel .jr-now span {
  font-family: "JR Cormorant", Georgia, serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #f6e7c4;
  border-bottom: 1px solid #e8c872;
}
#journal-reel .jr-courses-ban,
#journal-reel .jr-courses-ban span {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#journal-reel .jr-courses-ban {
  min-height: 0;
  aspect-ratio: 460 / 140;
  background: #120e0c url("./photos/jr/legumes-ban.jpg") center / 100% auto no-repeat;
}
#journal-reel .jr-courses-t h1,
#journal-reel .jr-courses-t .jr-init {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 600;
  color: #f0d48a;
  -webkit-text-fill-color: #f0d48a;
}
#journal-reel .jr-lib {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
}
#journal-reel .jr-coche b {
  font-family: "Crimson JR", Georgia, serif;
  font-weight: 400;
  white-space: normal;
}
#journal-reel .jr-coche small {
  margin-left: 0;
  text-align: left;
  font-weight: 400;
}
#journal-reel .jr-carte-c { margin: 0 0 12px; min-height: 68px; }
#journal-reel .jr-cat { margin: 16px 18px 8px; }
#journal-reel .jr-note {
  font-family: "Crimson JR", Georgia, serif;
  font-style: italic;
  font-weight: 400;
}
@media (max-width: 360px) {
  #journal-reel .jr-livre,
  #journal-reel .jr-livre:active,
  #journal-reel .jr-livre.tap-press,
  #journal-reel .jr-livre.is-pressed { right: -16px; }
}

/* a257 — cotes mesurées V7 / 09 / V6. Rien sous 12 px (épreuve). */
#journal-reel .jr-hero {
  min-height: 168px;
  background:
    linear-gradient(to bottom, transparent 108px, #070605 132px),
    #070605 url("./photos/jr/bol-entete.jpg") center top / 100% auto no-repeat;
}
#journal-reel .jr-date {
  left: 9px; top: 14px; width: 69px; height: 71px; border-radius: 12px;
}
#journal-reel .jr-date span {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700; font-size: 12px; letter-spacing: .12em; color: #f2e49f;
}
#journal-reel .jr-date b {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-style: italic; font-weight: 700; font-size: 27px; color: #f1d47a;
}
#journal-reel .jr-marque { top: 18px; left: 96px; right: 24px; }
#journal-reel .jr-tr { width: 46px; height: 35px; object-fit: contain; }
#journal-reel .jr-marque span {
  font-family: "JR Cormorant", Georgia, serif;
  font-style: italic; font-weight: 500; font-size: 12px;
  letter-spacing: .32em; text-transform: uppercase; color: #f3e2b8;
}
#journal-reel .jr-onglets { left: 3px; right: 3px; bottom: 6px; gap: 4px; grid-template-columns: 177fr 192fr 150fr; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  height: 37px; min-height: 37px; border-radius: 9px; font-size: 15px; font-weight: 700;
  font-family: "Barlow JR", "Barlow", sans-serif; padding: 0 6px;
  background: #0f0c07; border-color: #8a7344; color: #fffefd;
  overflow: visible; white-space: nowrap;
}
#journal-reel .jr-onglets button[aria-current="page"] {
  background: linear-gradient(180deg, #f0d48a, #e2b54d 55%, #c4922a);
  color: #0b0100; border-color: #e2b54d;
}
@media (max-width: 340px) {
  #journal-reel .jr-onglets { grid-template-columns: auto minmax(0, 1fr) auto; gap: 3px; left: 2px; right: 2px; }
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] { font-size: 12px; padding: 0 3px; }
}
#journal-reel .jr-sem { margin-left: 1px; margin-right: 1px; border-color: #3a3226; }
#journal-reel .jr-sem-t p { font-family: "Barlow JR", sans-serif; font-weight: 700; font-size: 17px; color: #fbfbfa; }
#journal-reel .jr-sem-t button { width: 44px; color: #e8c872; }
#journal-reel .jr-sem-t button[data-jr-sem="7"] { color: #7a7a7a; }
#journal-reel .jr-chev { width: 14px; height: 14px; display: block; margin: 0 auto; }
#journal-reel .jr-sem-sous {
  font-family: "Barlow JR", sans-serif; font-weight: 500; font-size: 12px;
  color: #afb0ae; letter-spacing: .04em; margin: 3px 0 0;
}
#journal-reel .jr-jour span { font-weight: 400; font-size: 12px; color: #bebdbb; }
#journal-reel .jr-jour b { font-weight: 700; font-size: 17px; color: #fdfdfb; }
#journal-reel .jr-jour.sel { min-height: 80px; }
#journal-reel .jr-jour.sel span, #journal-reel .jr-jour.sel b { color: #e2b54d; }
#journal-reel .jr-jour.apres span, #journal-reel .jr-jour.apres b { color: #a89b8d; }
#journal-reel .jr-hbars em { height: 3px; }
#journal-reel .jr-hbars em:not(.on) { background: #282319; }
#journal-reel .jr-leg i { width: 15px; height: 15px; min-width: 15px; }
#journal-reel .jr-leg .e { color: #5aa0c4; }
#journal-reel .jr-bilan { margin-left: 1px; margin-right: 1px; }
#journal-reel .jr-titre h2 { font-family: "JR Cormorant", Georgia, serif; font-size: 18px; font-weight: 600; letter-spacing: .14em; width: max-content; margin: 0 auto; }
#journal-reel .jr-titre h2::before, #journal-reel .jr-titre h2::after { display: none; }
#journal-reel .jr-diam { width: 5px; height: 5px; box-shadow: -12px 0 0 #c6a15a, 12px 0 0 #c6a15a; }
#journal-reel .jr-k {
  font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #7b6a45; white-space: nowrap;
}
#journal-reel .jr-anneau { width: 100%; max-width: 116px; box-shadow: none; }
#journal-reel .jr-val { font-size: 20px; color: #d8b875; }
#journal-reel .jr-val-bronze { font-size: 20px; color: #7d411e; }
#journal-reel .jr-mots, #journal-reel .jr-mots span {
  font-family: "Barlow JR", "Barlow", sans-serif; font-size: 12px; font-weight: 500;
  letter-spacing: -0.04em; color: #877f67; line-height: 1.05;
}
#journal-reel .jr-script { font-size: 12px; color: #f4efe4; }
#journal-reel .jr-mac-ligne { border-top: 1px solid rgba(198, 161, 90, .45); margin-top: 8px; padding-top: 8px; }
#journal-reel .jr-mac { padding-right: 40px; }
#journal-reel .jr-mac small { font-size: 12px; }
#journal-reel .jr-mac b, #journal-reel .jr-mac b span { font-size: 20px; font-family: "JR Cormorant", Georgia, serif; }
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed {
  top: calc(50% - 30px); right: -2px; width: 36px; height: 60px;
  border-radius: 10px 0 0 10px; transform: none !important; scale: none !important;
}
#journal-reel .jr-livre svg { width: 22px; height: 22px; }
#journal-reel .jr-rond { width: 60px; height: 60px; min-width: 60px; min-height: 60px; }
#journal-reel .jr-eau-mid small, #journal-reel .jr-eau-mid b { color: #83b5c2; }
#journal-reel .jr-eau-mid small { font-family: "JR Cinzel", serif; font-size: 12px; letter-spacing: .08em; }
#journal-reel .jr-eau-mid b { font-size: 21px; }
#journal-reel .jr-cta {
  margin: 8px 0 0; width: 100%; border-radius: 10px;
  background: linear-gradient(180deg, #241c12, #1a160c);
  font-family: "JR Cinzel", "Cinzel JR", serif; font-variant: small-caps; text-transform: none;
  font-size: 15px; letter-spacing: .04em; color: #f3e6c4;
}
#journal-reel .jr-frise {
  background:
    linear-gradient(180deg, rgba(58, 40, 26, .72) 0, rgba(46, 39, 32, .35) 280px, rgba(0, 0, 0, 0) 520px),
    url("./photos/jr/marbre-09-colonne.webp") center / cover no-repeat;
}
#journal-reel .jr-h {
  min-width: 67px; width: 67px; min-height: 45px; height: 45px; border-radius: 6px;
  font-family: "JR Cormorant", Georgia, serif; font-size: 23px; font-weight: 600; color: #0f0d09;
}
#journal-reel .jr-hh { font-size: .72em; }
#journal-reel .jr-pt { width: 10px; height: 10px; background: transparent; border: 1.5px solid #e8c872; box-shadow: none; }
#journal-reel .jr-avec .jr-pt { width: 13px; height: 13px; background: #f6e2a8; border: 0; }
#journal-reel .jr-slot-carte {
  min-height: 40px; border-radius: 10px; background: rgba(26, 22, 14, .42); border-color: rgba(198, 161, 90, .35);
}
#journal-reel .jr-slot-carte, #journal-reel .jr-carte-t b { font-size: 18px; font-weight: 500; color: #e6e2d7; }
#journal-reel .jr-init { color: #928c7b; font-size: 31px; }
#journal-reel .jr-carte { min-height: 100px; border-radius: 12px; }
#journal-reel .jr-aliments { font-weight: 700; font-size: 14px; color: #fff; }
#journal-reel .jr-macros { font-size: 17px; display: flex; flex-wrap: wrap; column-gap: 6px; }
@media (max-width: 340px) {
  #journal-reel .jr-macros { font-size: 13px; }
}
#journal-reel .jr-kcal { font-weight: 400; color: #c8c4bc; }
#journal-reel .jr-crayon { width: 43px; height: 43px; border-radius: 8px; background: #17130c; }
#journal-reel .jr-crayon svg { width: 18px; height: 18px; }
#journal-reel .jr-ecart span { font-size: 17px; color: #e6e2d7; }
#journal-reel .jr-now { padding-left: 0; }
#journal-reel .jr-now b {
  margin-left: -7px; width: 92px; height: 22px; padding: 0; border-radius: 5px;
  background: #ead693; font-weight: 500; font-size: 15px; color: #382a12;
  display: grid; place-items: center;
}
#journal-reel .jr-now span {
  flex: 0 1 auto; text-align: left; font-size: 15px; font-weight: 500; color: #dcc98a;
  border-bottom: 0; position: relative;
}
#journal-reel .jr-now span::after {
  content: ""; position: absolute; left: calc(100% + 8px); top: 50%; width: 140px; height: 1px; background: #dcc98a;
}
#journal-reel .jr-eau-btn {
  width: calc(100% - 36px); margin: 42px 18px 0; min-height: 46px; border-radius: 12px; border-color: #8aa8b8;
  font-family: "JR Cinzel", "Cinzel JR", serif; font-variant: small-caps; text-transform: none;
  font-size: 15px; letter-spacing: .04em; color: #eaf3f8;
}
#journal-reel .jr-courses-ban {
  width: calc(100% - 18px); margin: 24px 9px 8px; min-height: 165px; aspect-ratio: auto; border-radius: 12px; border-color: #b7a56a;
  background: #120e0c url("./photos/jr/legumes-ban.jpg") center / cover no-repeat;
}
#journal-reel .jr-courses-ban, #journal-reel .jr-courses-ban span {
  font-family: "Barlow JR", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .08em; color: #fff;
}
#journal-reel .jr-page-courses { border-radius: 12px; border-color: #6a5a3a; margin: 8px; }
#journal-reel .jr-courses-t > button { font-size: 12px; }
#journal-reel .jr-courses-t h1, #journal-reel .jr-courses-t .jr-init { font-weight: 500; }
#journal-reel .jr-courses-t p { margin-top: 8px; }
#journal-reel .jr-cherche { min-height: 42px; border-radius: 10px; background: #1e1a17; }
#journal-reel .jr-cherche input::placeholder { color: #a2a19e; }
#journal-reel .jr-cherche .jr-loupe svg { width: 12px; height: 12px; }
#journal-reel .jr-cat { font-weight: 600; font-size: 16px; }
#journal-reel .jr-cat .jr-init { font-size: 22px; }
#journal-reel .jr-carte-c { min-height: 55px; border-radius: 10px; margin: 0 0 15px; }
#journal-reel .jr-coche { min-height: 44px; width: 100%; }
#journal-reel .jr-coche i { width: 38px; height: 38px; min-width: 38px; min-height: 38px; border-radius: 7px; border-color: #b7a579; }
#journal-reel .jr-lib { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; }
#journal-reel .jr-coche b { font-weight: 400; font-size: 17px; color: #fdfdfa; white-space: nowrap; }
#journal-reel .jr-coche small { margin-left: auto; text-align: right; font-size: 12px; color: #ebe3bb; font-weight: 400; }
#journal-reel .jr-lib.long { flex-direction: column; align-items: flex-start; }
#journal-reel .jr-lib.long b { white-space: normal; }
#journal-reel .jr-lib.long small { margin-left: 0; text-align: left; }
#journal-reel .jr-qte { font-family: "Barlow JR", sans-serif; font-weight: 400; font-size: 12px; color: #fbf0bb; }
#journal-reel .jr-carte-c { position: relative; overflow: hidden; }
#journal-reel .jr-stop,
#journal-reel .jr-stop:active,
#journal-reel .jr-stop.tap-press,
#journal-reel .jr-stop.is-pressed {
  position: absolute; right: 0; top: 0; width: 0; min-width: 0; height: 0; min-height: 0;
  padding: 0; overflow: hidden; transform: none !important; pointer-events: none;
  font-size: 18px; color: #e8c872; background: #3a2214;
}
#journal-reel .jr-carte-c.jr-glisse .jr-stop,
#journal-reel .jr-carte-c.jr-glisse .jr-stop:active,
#journal-reel .jr-carte-c.jr-glisse .jr-stop.tap-press,
#journal-reel .jr-carte-c.jr-glisse .jr-stop.is-pressed {
  width: 44px; min-width: 44px; height: 100%; min-height: 44px; overflow: visible; pointer-events: auto;
}
#journal-reel .jr-note { font-style: normal; font-size: 12px; color: #baaf88; }
@media (max-width: 360px) {
  #journal-reel .jr-carte-t b, #journal-reel .jr-slot-carte { font-size: 15px; }
  #journal-reel .jr-init { font-size: 22px; }
}

/* a259 — écarts encore ouverts ou partiels, et N1–N8. */
#journal-reel .jr-marque { left: 108px; right: auto; width: max-content; text-align: center; }
#journal-reel .jr-onglets {
  display: flex; justify-content: stretch; gap: 6px; left: 8px; right: 8px;
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  width: auto; flex: 1 1 auto; min-width: 0; padding: 0 8px;
  white-space: nowrap; overflow: visible; font-size: 14px;
}
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] { flex: 1.4 1 auto; font-size: 14px; }
#journal-reel .jr-sem { padding-top: 2px; padding-bottom: 2px; }
#journal-reel .jr-sem-t { margin: 0; }
#journal-reel .jr-sem-sous { margin: 1px 0 0; }
#journal-reel .jr-jours { margin-top: 2px; }
#journal-reel .jr-leg { margin-top: 4px; }
#journal-reel .jr-hbars { gap: 2px; }
#journal-reel .jr-hbars em { width: 6px; flex: 0 0 6px; height: 3px; }
#journal-reel .jr-bilan { margin-top: 4px; }
#journal-reel .jr-k {
  font-family: "JR Barlow Condensed", "Barlow JR", sans-serif;
  font-weight: 600; font-size: 12px; letter-spacing: 0; white-space: nowrap;
}
#journal-reel .jr-diam {
  transform: none; width: auto; height: auto; margin: 6px auto 0;
  background: transparent; box-shadow: none; clip-path: none;
  display: flex; justify-content: center; gap: 8px;
}
#journal-reel .jr-diam i {
  display: block; width: 7px; height: 7px; background: #c6a15a;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
#journal-reel .jr-mac { padding-right: 12px; }
#journal-reel .jr-mac p, #journal-reel .jr-mac small, #journal-reel .jr-mac b {
  width: max-content; max-width: 100%; margin-left: auto; margin-right: auto;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed { right: 0; }
#journal-reel .jr-eau { padding: 0 16px; grid-template-columns: 60px 1fr 60px; }
#journal-reel .jr-h {
  display: flex; flex-direction: row; align-items: center; justify-content: center;
  white-space: nowrap; line-height: 1; padding: 0 4px; overflow: visible;
  height: 45px; min-height: 45px;
}
#journal-reel .jr-hh { display: inline; font-size: .72em; line-height: 1; }
#journal-reel .jr-ecart { justify-content: flex-start; padding-left: 86px; }
#journal-reel .jr-now { display: flex; align-items: center; gap: 8px; overflow: visible; }
#journal-reel .jr-now b { margin-left: -12px; }
#journal-reel .jr-now span::after { display: none; }
#journal-reel .jr-now::after {
  content: ""; flex: 1 1 auto; height: 1px; background: #dcc98a; align-self: center;
}
#journal-reel .jr-courses-ban {
  background: #120e0c url("./photos/jr/legumes-ban.jpg") center bottom / 100% auto no-repeat;
}
#journal-reel .jr-page-courses { margin-left: 20px; margin-right: 20px; }
#journal-reel .jr-courses-t { padding-top: 4px; }
#journal-reel .jr-cherche { height: 42px; min-height: 42px; padding-top: 0; padding-bottom: 0; margin-left: 16px; margin-right: 16px; }
#journal-reel .jr-cherche input { min-height: 0; height: 32px; }
#journal-reel .jr-init { line-height: 1.15; }
#journal-reel .jr-leg .e { width: auto; min-width: 28px; height: auto; padding: 0 2px; }
#journal-reel .jr-cat, #journal-reel .jr-cat .jr-init { color: #f0d48a; -webkit-text-fill-color: #f0d48a; }
#journal-reel .jr-cat { font-size: 18px; }
#journal-reel .jr-cat .jr-init { font-size: 26px; color: #f6e2a8; }
#journal-reel .jr-liste { padding-left: 16px; padding-right: 16px; }
#journal-reel .jr-carte-c {
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, .4);
  background: linear-gradient(180deg, #2c261c, #0d0c08);
}
#journal-reel .jr-carte-c.jr-glisse .jr-coche { padding-right: 50px; }
#journal-reel .jr-brulees .jr-anneau { background-position: center; background-size: cover; }
@media (max-width: 340px) {
  #journal-reel .jr-brulees .jr-script { white-space: normal; max-width: 90%; }
  #journal-reel .jr-mac { padding-right: 36px; }
}

/* a260 — positions mesurées, barres horizontales, bannière pleine, onglets 15 px. */
#journal-reel .jr-hbars {
  display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: 31px; margin: 2px auto 0;
}
#journal-reel .jr-hbars em { width: 100%; height: 3px; min-height: 3px; flex: 0 0 3px; border-radius: 1px; }
#journal-reel .jr-onglets { display: flex; gap: 6px; left: 6px; right: 6px; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 0 0 auto; width: auto; font-size: 15px; font-weight: 700; padding: 0 10px;
  white-space: nowrap; overflow: visible;
}
#journal-reel .jr-marque { left: 131px; }
#journal-reel .jr-sem-t button { min-height: 30px; height: 30px; }
#journal-reel .jr-sem { padding-top: 0; padding-bottom: 4px; }
#journal-reel .jr-sem-sous { margin-top: 0; }
#journal-reel .jr-jours { margin-top: 0; }
#journal-reel .jr-leg { margin-top: 2px; }
#journal-reel .jr-bilan { margin-top: 2px; }
#journal-reel .jr-anneaux { margin-top: 3px; }
#journal-reel .jr-eau { padding: 0 27px; }
@media (max-width: 360px) {
  #journal-reel .jr-onglets { left: 2px; right: 2px; gap: 4px; }
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] { padding: 0 5px; }
}
#journal-reel .jr-mac { padding-right: 4px; }
@media (max-width: 370px) {
  #journal-reel .jr-mac { padding-right: 20px; }
}
#journal-reel .jr-frise .jr-init {
  color: #c8b48a;
  text-shadow: 0 1px 0 #f3e6c4, 0 2px 1px rgba(40, 30, 10, .85);
}
#journal-reel .jr-cat { font-size: 20px; letter-spacing: .08em; }
#journal-reel .jr-cat .jr-init { font-size: 32px; color: #f6e2a8; }
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, rgba(255, 236, 190, .22), rgba(22, 18, 12, .2) 16%, #100e0b 42%);
  box-shadow: inset 0 1px 0 #e8d7a4, inset 0 0 0 1px rgba(198, 161, 90, .35);
}
#journal-reel .jr-courses-ban {
  min-height: 0; height: auto; aspect-ratio: 4.05 / 1;
  background-color: #120e0c;
  background-image: url("./photos/jr/legumes-ban.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
#journal-reel .jr-brulees .jr-anneau { background-size: 100% 100%; background-position: center center; }

/* a261 — états validés et écarts encore ouverts. */
#journal-reel .jr-onglets { left: 2px; right: 2px; gap: 4px; display: flex; padding: 0; margin: 0; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 1 1 0; width: 0; min-width: 0; margin: 0; padding: 0 2px;
  white-space: normal; line-height: 1.15; font-size: 15px; text-align: center;
}
#journal-reel .jr-courses-ban {
  height: 165px; min-height: 165px; max-height: 165px; aspect-ratio: auto;
  width: calc(100% - 18px); margin: 12px 9px 8px;
  background-size: cover; background-position: center 72%; background-repeat: no-repeat;
}
#journal-reel .jr-page-courses { padding: 0 0 17px; }
#journal-reel .jr-courses-t { position: relative; display: block; padding: 11px 8px 0; min-height: 0; }
#journal-reel .jr-courses-t > div { width: 100%; text-align: center; }
#journal-reel .jr-courses-t > button {
  position: absolute; left: 6px; top: 11px; margin: 0;
}
#journal-reel .jr-courses-t h1 {
  font-size: 30px; line-height: 1.05; margin: 0;
  background-image: linear-gradient(180deg, #fff6d0, #e8c872 46%, #a8842c) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0); color: #e8c872;
}
#journal-reel .jr-courses-t .jr-init {
  text-shadow: 0 1px 0 #fff6d0, 0 2px 1px rgba(40, 30, 10, .85);
}
#journal-reel .jr-courses-t p { margin: 7px 0 0; }
#journal-reel .jr-cherche {
  margin-top: 23px;
  box-shadow: inset 0 2px 4px rgba(255, 236, 190, .55), inset 0 -2px 3px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(230, 201, 138, .8);
  border-color: #e6c98a;
}
#journal-reel .jr-cat { font-size: 16px; margin: 10px 20px 4px; }
#journal-reel .jr-cat .jr-init {
  font-size: 22px; color: #f6e2a8;
  text-shadow: 0 1px 0 #f3e6c4, 0 2px 1px rgba(40, 30, 10, .85);
}
#journal-reel .jr-carte-c {
  border: 0 !important;
  background: linear-gradient(180deg, rgba(255, 236, 190, .72), rgba(22, 18, 12, .35) 18%, #100e0b 46%) !important;
  box-shadow: inset 0 0 0 1.5px rgba(232, 200, 114, .95), inset 0 1px 0 #f6e2a8;
}
#journal-reel .jr-lib { flex-wrap: nowrap; min-width: 0; }
#journal-reel .jr-coche small { white-space: nowrap; flex: none; }
#journal-reel .jr-coche b { min-width: 0; }
#journal-reel .jr-qte { flex: none; margin-left: 4px; }
@media (max-width: 340px) {
  #journal-reel .jr-liste { padding-left: 16px; padding-right: 16px; }
  #journal-reel .jr-coche b { letter-spacing: -0.03em; }
  #journal-reel .jr-coche { gap: 4px; padding: 0 2px; }
  #journal-reel .jr-carte-c { padding: 2px 2px; }
}
#journal-reel .jr-note .jr-annuler,
#journal-reel .jr-note .jr-annuler:active,
#journal-reel .jr-note .jr-annuler.tap-press {
  display: inline; font: inherit; color: inherit; letter-spacing: inherit;
  background: transparent; border: 0; border-style: none; padding: 0; margin: 0;
  min-width: 0; min-height: 0; height: auto; width: auto; line-height: inherit;
  box-shadow: none; text-transform: none; vertical-align: baseline; transform: none !important;
}
#journal-reel .jr-marque { left: 136px; }
#journal-reel .jr-marque span { margin-top: 4px; }
#journal-reel .jr-sem { margin-top: 8px; padding-top: 6px; }
#journal-reel .jr-jours { margin-top: -3px; }
#journal-reel .jr-jours b { margin-top: 6px; }
#journal-reel .jr-bilan { margin-top: 5px; min-height: 364px; }
#journal-reel .jr-anneaux { margin-top: 11px; }
#journal-reel .jr-k {
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-weight: 600; font-size: 12px; letter-spacing: 0; text-transform: uppercase;
  white-space: normal; max-width: 100%; line-height: 1.15;
}
#journal-reel .jr-diam { gap: 1px; margin-top: -9px; }
#journal-reel .jr-diam i { width: 5px; height: 5px; }
#journal-reel .jr-frise {
  background-color: #1a120c;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: cover;
  background-position: center;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed { top: calc(50% - 19px); right: -8px; }
#journal-reel .jr-brulees .jr-anneau {
  background-size: 100% 100%; background-position: center;
}
#journal-reel .jr-hero {
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0) 108px, #070605 150px),
    #140e09 url("./photos/jr/bol-entete.jpg") center 42% / cover no-repeat;
}

/* a263 — le bol est la photo V7 entière (œuf, curcuma, basilic, poivrons, monogramme).
   Le livre d’en-tête n’y est pas : une seule poignée, sur les macros.
   La bannière reprend le rapport du cadre mesuré sur la référence 09 (504×156). */
#journal-reel .jr-hero {
  min-height: 0;
  height: auto;
  aspect-ratio: 524 / 220;
  background: #120e09 url("./photos/jr/bol-entete.jpg") center / 100% 100% no-repeat;
}
#journal-reel .jr-marque {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
#journal-reel .jr-date {
  left: 10px;
  top: 10px;
  width: 64px;
  height: 72px;
  background: #0c0a07;
  border: 1.5px solid #e8c872;
  border-radius: 12px;
  z-index: 3;
}
#journal-reel .jr-onglets { bottom: 8px; z-index: 3; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  height: 36px;
  min-height: 36px;
}
#journal-reel .jr-courses-ban {
  height: auto;
  min-height: 0;
  max-height: none;
  width: calc(100% - 3px);
  margin-left: 1.5px;
  margin-right: 1.5px;
  aspect-ratio: 503 / 204;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, rgba(255, 236, 190, .62) 0%, rgba(28, 22, 14, .4) 7%, #100e0b 24%) !important;
  box-shadow: inset 0 0 0 1.5px rgba(232, 200, 114, .95), inset 0 1px 0 #f6e2a8, 0 10px 16px rgba(0, 0, 0, .45);
}
#journal-reel .jr-mots,
#journal-reel .jr-mots span {
  font-family: "JR Barlow Condensed", "Barlow C", "Barlow JR", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.02;
  color: #b7a78a;
  text-transform: uppercase;
}
#journal-reel .jr-mac-ligne {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
#journal-reel .jr-mac {
  padding: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#journal-reel .jr-mac p {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed {
  position: absolute;
  top: calc(50% - 19px);
  right: 0;
  transform: none;
}
#journal-reel .jr-titre h2 {
  border-bottom: 1px solid #c6a15a;
  padding-bottom: 1px;
  line-height: 1;
}
#journal-reel .jr-diam { gap: 1px; margin-top: -12px; }
#journal-reel .jr-diam i { width: 5px; height: 5px; background: #e6c98a; }
#journal-reel .jr-diam i:nth-child(3) { display: none; }
#journal-reel .jr-k { font-size: 13px; min-height: 30px; }
#journal-reel .jr-anneaux { margin-top: 5px; }
#journal-reel .jr-bilan { margin-top: 12px; }
#journal-reel .jr-sem { padding-top: 3px; padding-bottom: 4px; }
#journal-reel .jr-cherche {
  margin-left: 19px;
  margin-right: 19px;
  box-shadow: inset 0 3px 6px rgba(255, 236, 190, .72), inset 0 -3px 5px rgba(0, 0, 0, .72), inset 0 0 0 1px rgba(230, 201, 138, .9);
}
#journal-reel .jr-frise {
  background-color: #3a2414;
  background-image: linear-gradient(180deg, rgba(140, 84, 32, .28), rgba(90, 48, 18, .16)), url("./photos/jr/marbre-09-colonne.webp");
  background-size: cover;
  background-position: center;
}

/* a266 — un état à la fois : poignée hors du texte, macros 66/195/322,
   OBJECTIF en Cinzel (plancher 12), kcal un peu plus grands, frise sans voile,
   semaine descendue sans changer la hauteur du bloc. */
#journal-reel .jr-livre,
#journal-reel .jr-livre:active,
#journal-reel .jr-livre.tap-press,
#journal-reel .jr-livre.is-pressed {
  right: -9px;
  width: 36px;
  height: 60px;
}
#journal-reel .jr-mac {
  padding: 0;
  gap: 4px;
  grid-template-columns: 112fr 138fr 112fr;
}
#journal-reel .jr-mac [data-jr-mac="lip"] { transform: translateX(-2px); }
@media (max-width: 370px) {
  #journal-reel .jr-mac { padding-right: 8px; }
}
@media (max-width: 340px) {
  #journal-reel .jr-mac { padding-right: 20px; }
}
#journal-reel .jr-mots,
#journal-reel .jr-mots span {
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.08em;
  line-height: 0.85;
  color: #b7a78a;
  text-transform: uppercase;
}
#journal-reel .jr-k {
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.03em;
  min-height: 30px;
}
#journal-reel .jr-sem-t p { line-height: 1; transform: translateY(5px); }
#journal-reel .jr-jour { transform: translateY(4px); }
#journal-reel .jr-jours b { margin-top: 9px; }
#journal-reel .jr-leg { transform: translateY(5px); }
#journal-reel .jr-frise {
  background-color: #1a120c;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: cover;
  background-position: center;
}
#journal-reel .jr-brulees .jr-anneau {
  background-size: 100% 100%;
  background-position: center;
}

/* a268 — matières découpées de V7 et de 09. */
#journal-reel {
  bottom: 63px;
  background-color: #120e0a;
  background-image: url("./photos/jr/bois-v7.jpg");
  background-size: 250px auto;
  background-repeat: repeat;
}
#journal-reel .jr-coin {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 58px;
  height: 96px;
  z-index: 4;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
#journal-reel .jr-k {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.06em;
  white-space: nowrap;
  min-height: 0;
}
@media (max-width: 370px) {
  #journal-reel .jr-k { letter-spacing: -0.12em; }
}
@media (max-width: 340px) {
  #journal-reel .jr-k { letter-spacing: -0.18em; }
}
#journal-reel .jr-anneau {
  background-color: #0c0a07;
  background-image: url("./photos/jr-disque.png");
  background-size: 100% 100%;
  background-position: center;
  box-shadow: none;
}
#journal-reel .jr-brulees .jr-anneau {
  background-image: url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%;
}
#journal-reel .jr-rond {
  border: 3px solid #8a6430;
  box-shadow: inset 0 1px 0 #e6c98a, inset 0 -2px 4px rgba(0, 0, 0, .55), 0 0 0 1px #3a2a14;
  background: radial-gradient(circle at 50% 40%, #2a2116, #0c0a07 70%);
}
#journal-reel .jr-frise {
  background-color: #1a140f;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: 200px auto;
  background-repeat: repeat;
  background-position: center top;
}
#journal-reel .jr-carte,
#journal-reel .jr-slot-carte {
  background: linear-gradient(180deg, #2a2418 0%, #16130e 28%, #0e0c09 100%) !important;
  box-shadow: inset 0 1px 0 #c6a56a, inset 0 0 0 1px rgba(160, 124, 64, .55), 0 8px 14px rgba(0, 0, 0, .4);
}
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, #e8c872 0 1.5px, #1a160f 1.5px, #3a2c16 7px, #0c0b09 100%) !important;
  box-shadow: 0 10px 16px rgba(0, 0, 0, .5);
}
#journal-reel .jr-coche i {
  box-shadow: inset 0 2px 3px rgba(255, 236, 190, .45), inset 0 -2px 3px rgba(0, 0, 0, .45);
}
#journal-reel .jr-cherche {
  box-shadow: inset 0 3px 6px rgba(255, 236, 190, .72), inset 0 -3px 5px rgba(0, 0, 0, .72), inset 0 0 0 1px rgba(230, 201, 138, .9), 0 6px 10px rgba(0, 0, 0, .35);
}
#journal-reel .jr-courses-t h1 {
  text-shadow: 0 1px 0 #5a4018, 0 -1px 0 #fff1c4;
}

/* a269 — frise continue (veines de 09, sans tuile), cerclage V7, relief des courses, voile 0,56. */
#journal-reel .jr-frise {
  background-color: #1a140f;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
#journal-reel .jr-anneau {
  width: min(100%, 118px);
  max-width: 118px;
  background-color: #0c0a07;
  background-image: url("./photos/jr-disque.png");
  background-size: 100% 100%;
  background-position: center;
  box-shadow: none;
}
#journal-reel .jr-brulees .jr-anneau {
  background-image: url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%;
  background-position: center;
}
#journal-reel .jr-rond {
  width: 59px;
  height: 59px;
  min-width: 59px;
  min-height: 59px;
  border: 3px solid #c6a15a;
  box-shadow: inset 0 1px 0 #f6e2a8, inset 0 -1px 0 #6e5428;
  background: radial-gradient(circle at 50% 42%, #1a1610, #0c0a07 72%);
}
#journal-reel:has(.jr-page-courses) {
  background-image: none;
  background-color: #070605;
}
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, #b8a078 0 1.5px, #5b564c 1.5px, #454033 7px, #2a261e 14px, #15130f 22px, #0d0c08 100%) !important;
  box-shadow: 0 10px 16px rgba(0, 0, 0, .5);
}
#journal-reel .jr-courses-ban {
  overflow: hidden;
  background-clip: padding-box;
  background-origin: padding-box;
}
.jr-voile {
  background: rgba(0, 0, 0, .56);
}
#journal-reel .jr-mots,
#journal-reel .jr-mots span {
  font-weight: 400;
  letter-spacing: -0.1em;
}

/* a270 — OBJECTIF plus fin, cadre collé à la barre, métal V6, goutte et feuille d’eau. */
#journal-reel .jr-mots,
#journal-reel .jr-mots span {
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.02;
  color: #9a9074;
}
#journal-reel .jr-courses-ban {
  margin-bottom: 0;
}
#journal-reel .jr-frise {
  padding-bottom: 0;
}
#journal-reel .jr-page[data-jr-page="journal"] {
  padding-bottom: 0;
}
#journal-reel .jr-carte-c {
  border: 0;
  background: linear-gradient(180deg, #dcc9a4 0 1.5px, #5a574f 1.5px, #3c3a36 5px, #1c1b18 12px, #0d0c08 100%) !important;
  box-shadow: 0 8px 14px rgba(0, 0, 0, .45);
}
#journal-reel .jr-cherche {
  background: #1c1916;
  border-color: #6e675c;
  box-shadow: inset 0 1px 0 #c4b79a, inset 0 -1px 0 #2c2924, inset 0 0 0 1px rgba(120, 112, 98, .65);
}
.jr-voile {
  bottom: calc(63px + env(safe-area-inset-bottom, 0px));
  padding: 0 8px 6px;
  align-items: flex-end;
}
#journal-reel .jr-dialog-eau {
  padding: 2px 10px 4px;
}
#journal-reel .jr-dialog-eau header h2 {
  font-size: 20px;
  line-height: 1.1;
}
#journal-reel .jr-dialog-eau .jr-quand {
  margin-top: 4px;
  gap: 6px;
}
#journal-reel .jr-dialog-eau .jr-quand button {
  min-height: 32px;
  font-size: 13px;
  padding: 2px 4px;
}
#journal-reel .jr-dialog-eau .jr-porte {
  margin: 2px 0 0;
  font-size: 12px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 4px;
  font-size: 13px;
  gap: 2px;
}
#journal-reel .jr-dialog-eau input {
  min-height: 32px;
  padding: 2px 10px;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 20px;
  height: 26px;
  margin: 0 6px 0 0;
  border: 0;
  border-radius: 0;
  transform: none;
  clip-path: polygon(50% 0, 94% 58%, 76% 100%, 24% 100%, 6% 58%);
  background:
    radial-gradient(circle at 36% 30%, #ffffff 0 2px, #c5ebff 3px, rgba(197, 235, 255, 0) 9px),
    linear-gradient(165deg, #b7e6ff 0%, #3aa4e4 40%, #1568b0 72%, #0a3e78 100%);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .55));
  vertical-align: -6px;
}
#journal-reel .jr-dialog-eau .jr-ml {
  justify-content: flex-start;
  gap: 4px;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  width: 4.2ch;
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0;
}
#journal-reel .jr-dialog-eau .jr-ml em {
  font-size: 16px;
  font-weight: 500;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 4px;
  min-height: 38px;
  border-radius: 14px;
  border: 1px solid #8d6c2e;
  background: linear-gradient(180deg, #f8e7b4 0%, #e4c36a 46%, #c6a04c 100%);
  box-shadow: inset 0 1px 0 #fff6d4, inset 0 -2px 0 #8d6b2c, 0 1px 0 #3a2a10;
  color: #1a1204;
}

/* a271 — goutte découpée de 02, Valider dégagé, filet V6, veines plus claires. */
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, #b8aa90 0 1.5px, #5a574f 1.5px, #3c3a36 5px, #1c1b18 12px, #0d0c08 100%) !important;
}
.jr-voile {
  bottom: calc(98px + env(safe-area-inset-bottom, 0px));
  padding-bottom: 0;
}
#journal-reel .jr-dialog-eau header h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px 6px;
}
#journal-reel .jr-dialog-eau header h2::after {
  content: "";
  display: block;
  flex-basis: 100%;
  width: 78px;
  height: 7px;
  margin-inline: auto;
  background:
    linear-gradient(#c6a15a, #c6a15a) left center / 30px 1px no-repeat,
    linear-gradient(#c6a15a, #c6a15a) right center / 30px 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 L10 5 L5 10 L0 5 Z' fill='%23d4bc86'/%3E%3C/svg%3E") center / 7px 7px no-repeat;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 36px;
  height: 46px;
  margin: 0 6px 0 0;
  border: 0;
  transform: none;
  clip-path: none;
  background: url("./photos/jr/goutte-eau.png") center / contain no-repeat;
  filter: none;
  vertical-align: -12px;
}
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  background-color: #e4c36a !important;
  background-image: linear-gradient(180deg, #f8e7b4 0%, #e4c36a 55%, #c6a04c 100%) !important;
  color: #1a1204 !important;
  border-color: #a88840 !important;
  font-weight: 700;
}
#journal-reel .jr-dialog-eau .jr-ml {
  gap: 0.22em;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  width: 3ch;
  padding: 0;
  letter-spacing: 0;
}
#journal-reel .jr-dialog-eau .jr-quand {
  margin-top: 0;
}
#journal-reel .jr-dialog-eau .jr-quand button {
  min-height: 26px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 0;
}
#journal-reel .jr-dialog-eau input,
#journal-reel .jr-dialog-eau .jr-ml input {
  min-height: 24px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 2px;
  min-height: 32px;
}

/* a272 — feuille jusqu’à la barre, fleuron de 02, filet bronze, veines chaudes. */
#journal-reel .jr-carte-c {
  /* V6, 03-courses.png y 1197 : médiane rgb(147, 126, 91), une rangée vive fondue dans le biseau.
     720 px pour 390 CSS → 0,54 px CSS, pas la bande de 1,5 px. */
  /* Sous le filet, le profil de 03-courses.png (4 cartes, x 340-460) :
     +1 px source rgb(109, 84, 44) lum 87, +2 (63, 44, 14) lum 47,
     +3 (13, 5, 0) lum 7, puis le noir. 1 px source = 0,54 px CSS. */
  background: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #0d0c08 100%) !important;
}
.jr-voile {
  bottom: calc(63px + env(safe-area-inset-bottom, 0px));
}
#journal-reel .jr-dialog-eau {
  padding-bottom: 40px;
}
#journal-reel .jr-dialog-eau header {
  flex-wrap: wrap;
  row-gap: 0;
}
#journal-reel .jr-dialog-eau header > button {
  min-width: 36px;
  width: 36px;
  min-height: 36px;
  padding: 0;
}
#journal-reel .jr-dialog-eau header h2 {
  flex-wrap: nowrap;
  white-space: nowrap;
  font-size: clamp(15px, 5.2vw, 20px);
  line-height: 1;
  min-width: 0;
}
#journal-reel .jr-dialog-eau header h2::after {
  content: none;
}
#journal-reel .jr-dialog-eau header::after {
  content: "";
  flex: 1 0 100%;
  height: 16px;
  margin-top: 1px;
  background: url("./photos/jr/fleuron-eau.png") center / 120px 16px no-repeat;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 32px;
  height: 40px;
  flex: 0 0 32px;
}

/* 10/11 Alexandre : « Mets OBJECTIF exactement comme mon visuel. »
   Puis : « OBJECTIF passe à 9,5 px exactement, sans aucun écart. »
   Le plancher de 12 px est abandonné pour ce seul texte. S'il dépasse l'anneau,
   on resserre l'approche, jamais le corps. */
#journal-reel .jr-mots,
#journal-reel .jr-mots span {
  font-size: 9.5px;
  font-weight: 400;
  letter-spacing: -0.03em;
  /* V7, 01-journal.png : pas des lignes 15,5 et 18 px source, anneau 208 px source = 118 CSS.
     Interligne 9,5 px, soit 1. Couleur : médiane des pixels les moins fondus du trait, rgb(165, 155, 125). */
  line-height: 1;
  color: #a59b7d;
}

/* a275 — titre JOURNAL, filet des kcal, marbre sombre, cartes de frise,
   cadre des courses, proportions du panneau d’eau. */
#journal-reel .jr-titre h2 {
  display: block;
  font-family: "JR Cinzel", "Cinzel JR", serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.18em;
  line-height: 1.1;
  color: #e8d7a4;
  text-align: center;
  width: auto;
  background: none;
}
#journal-reel .jr-titre h2::before,
#journal-reel .jr-titre h2::after {
  content: none;
  display: none;
}
#journal-reel .jr-diam {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: auto;
  height: auto;
  margin: 3px auto 0;
  background: none;
  box-shadow: none;
  transform: none;
  clip-path: none;
}
#journal-reel .jr-diam i {
  display: none;
}
#journal-reel .jr-diam i:first-child {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0;
  background: #e6c98a;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  box-shadow: -16px 0 0 -2px #c6a15a, 16px 0 0 -2px #c6a15a;
}
#journal-reel .jr-k {
  display: inline-block;
  border-bottom: 1px solid #c6a15a;
  padding-bottom: 1px;
  line-height: 1.05;
}
#journal-reel .jr-carte {
  background: linear-gradient(180deg, #6a6660 0%, #4a4742 16%, #34322e 48%, #22211e 100%) !important;
  border: 1px solid #cbb98a;
  box-shadow: inset 0 1px 0 #d9d4c8, 0 8px 14px rgba(0, 0, 0, .35);
  min-height: 78px;
}
#journal-reel .jr-slot-carte {
  background: linear-gradient(180deg, rgba(42, 34, 22, .72), rgba(14, 11, 8, .88)) !important;
  border: 1px solid rgba(198, 161, 90, .55);
  min-height: 34px;
  box-shadow: inset 0 1px 0 rgba(230, 201, 138, .25);
}
#journal-reel .jr-carte-c {
  border-radius: 10px;
  box-shadow: inset 1px 0 0 #c6a56a, inset -1px 0 0 #c6a56a, inset 0 -1px 0 #c6a56a, 0 6px 12px rgba(0, 0, 0, .45);
  background: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #2c2a26 18%, #3a3833 42%, #242220 100%) !important;
}
#journal-reel .jr-cherche {
  background: #1e1a17;
  border: 1px solid #c6a56a;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 #e6d7b0, inset 0 -8px 12px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(198, 165, 106, .35);
}
#journal-reel .jr-cat {
  color: #f0d48a;
  font-weight: 700;
}
#journal-reel .jr-courses-t > button {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border: 1px solid #c6a56a;
  border-radius: 12px;
  background: #120f0b;
  color: #f0d78c;
}
#journal-reel .jr-dialog-eau .jr-quand button {
  min-height: 46px;
  border-radius: 10px;
  font-size: 15px;
}
#journal-reel .jr-dialog-eau input,
#journal-reel .jr-dialog-eau .jr-ml input {
  min-height: 44px;
  border: 1px solid #6e6a60;
  background: #070605;
  border-radius: 8px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 8px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 14px;
  min-height: 52px;
  border-radius: 10px;
}
#journal-reel .jr-dialog-eau header > button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  border: 1px solid #e8c872;
  border-radius: 10px;
  background: #141008;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 44px;
  height: 56px;
  flex: 0 0 44px;
}
@media (max-width: 340px) {
  #journal-reel .jr-dialog-eau header > button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
  #journal-reel .jr-dialog-eau .jr-goutte {
    width: 36px;
    height: 46px;
    flex-basis: 36px;
  }
  #journal-reel .jr-dialog-eau header h2 { font-size: 15px; }
}

/* a276 — ornements V7, fond uniforme, marbre de 09, biseaux V6, panneau d’eau.
   Le filet du haut des cartes Courses reste le profil mesuré (n°88, luminance). */
#journal-reel .jr-titre h2 {
  border-bottom: 0;
  padding-bottom: 0;
  background-image: none;
}
#journal-reel .jr-titre h2::before,
#journal-reel .jr-titre h2::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 1px;
  margin: 0 8px;
  background: linear-gradient(90deg, transparent, #e6c98a 20%, #e6c98a 80%, transparent);
  vertical-align: middle;
  flex: 0 0 28px;
}
#journal-reel .jr-titre {
  overflow: visible;
  min-height: 0;
}
#journal-reel .jr-diam {
  display: block;
  width: 148px;
  height: 12px;
  margin: 1px auto 0;
  background: url("./photos/jr/fleuron-journal.png") center / contain no-repeat;
  box-shadow: none;
  transform: none;
  clip-path: none;
}
#journal-reel .jr-diam i,
#journal-reel .jr-diam i:first-child {
  display: none;
}
#journal-reel .jr-titre .jr-badge {
  position: absolute;
  right: 8px;
  top: 0;
  z-index: 5;
  display: inline-block;
}
#journal-reel .jr-k {
  display: block;
  border-bottom: 0;
  text-decoration: none;
  padding-bottom: 0;
  background-image: none;
}
#journal-reel .jr-sem,
#journal-reel .jr-bilan {
  background: #100e0c;
  background-image: none;
}
#journal-reel .jr-bilan {
  min-height: 0;
  padding-bottom: 8px;
}
#journal-reel .jr-eau {
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  white-space: nowrap;
  font-family: "JR Barlow Condensed", "Barlow JR", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 0 6px;
  height: 34px;
  min-height: 34px;
}
#journal-reel .jr-courses-ban {
  padding-top: 0;
  background-color: #120e0c;
  background-image: url("./photos/jr/legumes-ban.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-clip: padding-box;
  box-shadow: none;
}
#journal-reel .jr-courses-ban::before,
#journal-reel .jr-courses-ban::after {
  content: none;
  display: none;
}
#journal-reel .jr-carte-c {
  border-radius: 10px;
  border: 0;
  background: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #141210 18%, #1c1916 42%, #0e0c0a 100%) !important;
  box-shadow:
    inset 2.5px 0 0 #e6c878,
    inset -2.5px 0 0 #e6c878,
    inset 0 -2.5px 0 #c6a25e,
    inset 1px 0 0 #f6e7b4,
    inset -1px 0 0 #f6e7b4,
    inset 0 -1px 0 #f0d090,
    0 8px 14px rgba(0, 0, 0, .5);
}
#journal-reel .jr-cat {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-top: 6px;
  letter-spacing: .05em;
  color: #f0d48a;
  background-image: linear-gradient(180deg, #fff6d0 0%, #f0d48a 45%, #c4a15a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-cat .jr-init {
  font-size: 22px;
  color: #f0d48a;
  background-image: linear-gradient(180deg, #fff8dc, #e8c872 50%, #b8923e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-cherche {
  background-color: #1e1a17;
  border: 1px solid #c6a56a;
  border-radius: 10px;
  box-shadow: inset 0 2px 0 #f6e7b8, inset 0 -12px 16px rgba(0, 0, 0, .62), inset 0 0 0 1px rgba(198, 165, 106, .4);
}
#journal-reel .jr-cherche input {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 32px;
  min-height: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
#journal-reel .jr-cherche .jr-badge {
  position: static;
  flex: none;
  display: inline-flex;
  align-items: center;
  margin: 0 2px 0 6px;
}
#journal-reel .jr-courses-t > button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border: 1px solid #3a342c;
  border-radius: 10px;
  background: #14110e;
  color: #cbb98a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
#journal-reel .jr-dialog-eau {
  padding: 4px 12px 36px;
}
#journal-reel .jr-dialog-eau header > button {
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #f3e6c4;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}
#journal-reel .jr-dialog-eau header > button.jr-x {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #e8c872;
  border-radius: 12px;
  background: #16120c;
  color: #f6edd4;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 46px;
  height: 58px;
  flex: 0 0 46px;
  margin: 0 4px 0 0;
  background: url("./photos/jr/goutte-eau.png") center / contain no-repeat;
  clip-path: none;
  transform: none;
  filter: none;
}
#journal-reel .jr-dialog-eau .jr-quand button {
  min-height: 40px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
}
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  font-weight: 500;
}
#journal-reel .jr-dialog-eau .jr-porte {
  font-family: "JR Cormorant", Georgia, serif;
  color: #f7f3ea;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-top: 1px solid rgba(232, 200, 114, .55);
  margin: 8px 12px 0;
  padding-top: 5px;
}
#journal-reel .jr-dialog-eau .jr-ml {
  border: 1px solid #6e6a60;
  background: #070605;
  border-radius: 8px;
  min-height: 44px;
  padding: 0 14px;
  gap: 0.25em;
  box-shadow: none;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0;
  min-height: 0;
  height: auto;
  width: 3.5ch;
  padding: 0;
  flex: 0 0 auto;
}
@media (max-width: 340px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    letter-spacing: -0.02em;
    padding: 0 3px;
  }
  #journal-reel .jr-dialog-eau header > button.jr-x {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  #journal-reel .jr-dialog-eau .jr-goutte {
    width: 38px;
    height: 48px;
    flex-basis: 38px;
  }
}

/* a276 — la feuille reste sous les anneaux : on reprend l’air que a275 avait mangé. */
#journal-reel .jr-sem {
  margin-top: 2px;
  padding-top: 0;
  padding-bottom: 0;
}
#journal-reel .jr-jour.sel { min-height: 62px; }
#journal-reel .jr-bilan { margin-top: 2px; }
#journal-reel .jr-anneaux { margin-top: 2px; }
#journal-reel .jr-dialog-eau {
  padding: 0 10px 34px;
}
#journal-reel .jr-dialog-eau header { gap: 2px; }
#journal-reel .jr-dialog-eau header::after {
  height: 8px;
  margin-top: -8px;
  background-size: 96px 8px;
}
#journal-reel .jr-dialog-eau header h2 { font-size: 16px; }
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 30px;
  height: 38px;
  flex-basis: 30px;
}
#journal-reel .jr-dialog-eau .jr-quand { margin-top: 2px; gap: 6px; }
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  min-height: 32px;
  font-size: 13px;
  font-weight: 400 !important;
  padding: 2px 4px;
}
#journal-reel .jr-dialog-eau .jr-porte {
  font-size: 16px;
  margin: 2px 10px 0;
  padding-top: 2px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 2px;
  gap: 0;
  font-size: 12px;
}
#journal-reel .jr-dialog-eau input,
#journal-reel .jr-dialog-eau .jr-ml {
  min-height: 32px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 6px;
  min-height: 52px;
}

/* a277 — bois V7 visible, pastilles dans la carte, onglets non condensés,
   titre et kcal aux proportions de V7, marbre de 09, biseau doux des courses,
   feuille d’eau aux proportions de 02. Le filet du haut des cartes (n°88)
   et OBJECTIF 9,5 px ne bougent pas. */
#journal-reel {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
#journal-reel .jr-sem,
#journal-reel .jr-bilan {
  background: rgba(8, 7, 6, .9);
  background-image: none;
  margin-left: 8px;
  margin-right: 8px;
}
#journal-reel .jr-sem {
  margin-top: 6px;
  padding-top: 4px;
  padding-bottom: 10px;
}
#journal-reel .jr-leg {
  transform: none;
  margin-top: 6px;
  margin-bottom: 0;
}
#journal-reel .jr-bilan { margin-top: 10px; }
#journal-reel .jr-mac [data-jr-mac="lip"] { transform: translateX(-4px); }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-stretch: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
  padding: 0 2px;
  white-space: nowrap;
}
#journal-reel .jr-titre h2 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
}
#journal-reel .jr-titre h2::before,
#journal-reel .jr-titre h2::after {
  width: 22px;
  flex-basis: 22px;
  margin: 0 6px;
}
#journal-reel .jr-diam {
  width: 118px;
  height: 10px;
  margin-top: 2px;
}
#journal-reel .jr-titre .jr-badge {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 1px 6px;
  border-width: 1px;
  top: 1px;
}
#journal-reel .jr-k {
  color: #cbb78a;
  font-weight: 400;
  font-size: 12px;
}
#journal-reel .jr-carte-c {
  background: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #141210 16%, #1a1814 34%, #0c0b09 62%, #050403 100%) !important;
  box-shadow:
    inset 1px 0 0 #7a6244,
    inset -1px 0 0 #6a5438,
    inset 0 -1px 0 #3e2e1c,
    0 6px 10px rgba(0, 0, 0, .45);
}
#journal-reel .jr-cherche {
  background-color: #1e1a17;
  border: 1px solid #6e5b3e;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 #cbb892, inset 0 -8px 12px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(90, 74, 48, .4);
}
#journal-reel .jr-cat {
  font-size: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 1;
  color: #f0d48a;
}
#journal-reel .jr-cat .jr-init {
  font-size: 24px;
  color: #f0d48a;
  background-image: linear-gradient(180deg, #fff8dc, #e8c872 48%, #b8923e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-dialog-eau {
  padding: 0 12px 34px;
}
#journal-reel .jr-dialog-eau header { gap: 0; }
#journal-reel .jr-dialog-eau header::after {
  height: 16px;
  margin-top: -4px;
  background-size: 120px 16px;
}
#journal-reel .jr-dialog-eau header h2 {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  width: 44px;
  height: 56px;
  flex: 0 0 44px;
  flex-basis: 44px;
}
#journal-reel .jr-dialog-eau .jr-quand {
  margin-top: 4px;
  gap: 8px;
}
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  min-height: 50px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 400 !important;
  padding: 4px 4px;
}
#journal-reel .jr-dialog-eau .jr-porte {
  font-size: 18px;
  margin: 4px 12px 0;
  padding-top: 4px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 4px;
  gap: 2px;
  font-size: 13px;
}
#journal-reel .jr-dialog-eau input,
#journal-reel .jr-dialog-eau .jr-ml {
  min-height: 38px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#journal-reel .jr-dialog-eau .jr-ml {
  gap: 0.28em;
  justify-content: flex-start;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  width: 3ch;
  min-width: 0;
  max-width: 3.2ch;
  flex: 0 0 3ch;
  letter-spacing: 0;
  font-family: "Barlow JR", "Barlow", sans-serif;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 8px;
  min-height: 52px;
}
@media (max-width: 340px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    letter-spacing: -0.12em;
    padding: 0 1px;
  }
  #journal-reel .jr-dialog-eau header h2 { letter-spacing: -0.03em; }
  #journal-reel .jr-dialog-eau .jr-goutte {
    width: 40px;
    height: 50px;
    flex-basis: 40px;
  }
}

/* a278 — marbre continu, onglets à 320, voile du bois, filigrane des courses,
   feuille qui coupe les anneaux à mi-hauteur. Le filet 0,54 px et OBJECTIF
   9,5 px ne bougent pas. */
#journal-reel .jr-frise {
  background-color: #14110e;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: local;
}
@media (max-width: 340px) {
  #journal-reel .jr-onglets { gap: 2px; }
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.055em;
    padding: 0;
  }
}
#journal-reel {
  background-image: linear-gradient(rgba(0, 0, 0, .86), rgba(0, 0, 0, .9)), url("./photos/jr/bois-v7.jpg");
  background-size: auto, 100% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center top;
}
#journal-reel .jr-sem,
#journal-reel .jr-bilan {
  background: #090807;
}
body:has(#journal-reel:not([hidden])) .tr-nutri-fond,
body:has(#journal-reel:not([hidden])) .tr-nutri-logo,
body[data-jr] .tr-nutri-fond,
body[data-jr] .tr-nutri-logo {
  display: none !important;
}
#journal-reel .jr-page-courses {
  background: #070605;
}
#journal-reel .jr-carte-c {
  background-color: #070605;
  background-image: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #3a3220 9%, #1a1814 26%, #100e0c 58%, #16130e 100%) !important;
  box-shadow:
    inset 1px 0 0 #a48458,
    inset -1px 0 0 #8c7048,
    inset 0 -1px 0 #cbb892,
    0 6px 12px rgba(0, 0, 0, .45);
}
#journal-reel .jr-cherche .jr-badge {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 0 5px;
  border-width: 1px;
  align-self: center;
}
#journal-reel .jr-dialog-eau .jr-quand {
  margin-top: 2px;
}
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  min-height: 38px;
  padding: 2px 4px;
}
#journal-reel .jr-dialog-eau .jr-porte {
  font-size: 15px;
  margin: 2px 12px 0;
  padding-top: 3px;
}
#journal-reel .jr-dialog-eau form label {
  margin-top: 2px;
  gap: 1px;
}
#journal-reel .jr-dialog-eau input,
#journal-reel .jr-dialog-eau .jr-ml {
  min-height: 34px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 2px;
}
#journal-reel .jr-dialog-eau header::after {
  margin-top: -6px;
}

/* a279 — pierre de 09, filigrane des courses, capitales, pastille, air sous la quantité.
   Rien d’autre. */
body[data-jr="courses"]::before {
  background: #070605 !important;
  background-image: none !important;
}
body[data-jr="courses"] .th-logo,
body[data-jr="courses"] .th-logo-tr,
body[data-jr="courses"] .th-accueil-fond,
body[data-jr="courses"] .th-accueil-tonio,
body[data-jr="courses"] .tr-nutri-fond,
body[data-jr="courses"] .tr-nutri-logo,
body[data-jr="courses"] #tr-ouverture-logo {
  display: none !important;
  background-image: none !important;
}
#journal-reel:has(.jr-page-courses) {
  background: #070605 !important;
  background-image: none !important;
}
#journal-reel .jr-cat .jr-init {
  font-size: 31px;
  line-height: 0.85;
}
#journal-reel .jr-cherche .jr-badge {
  padding: 3px 8px;
  line-height: 1.15;
  background: #14110c;
  color: #f4ead2;
  border: 1px solid #e6d7b0;
}
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  min-height: 34px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 8px;
}

/* a280 — la pierre photographiée de 09, le bombé des cartes, la pastille,
   le champ et le retour. Le filet 0,54 px et OBJECTIF 9,5 px ne bougent pas. */
#journal-reel .jr-frise {
  background-color: #14110e;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: local;
}
#journal-reel .jr-carte-c {
  background-color: #070605;
  background-image: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #3d3426 14%, #2a241c 30%, #14110e 62%, #070605 100%) !important;
  box-shadow:
    inset 2px 0 0 #ecd39a,
    inset -2px 0 0 #c6a56e,
    inset 0 -2px 0 #f3e0b0,
    inset 0 -14px 16px rgba(0, 0, 0, .72),
    0 8px 14px rgba(0, 0, 0, .55);
}
#journal-reel .jr-cherche {
  background-color: #1e1a17;
  border: 1px solid #f0d78a;
  border-radius: 10px;
  height: 42px;
  min-height: 42px;
  box-shadow:
    inset 0 2px 0 #fff3c8,
    inset 0 -16px 18px rgba(0, 0, 0, .75),
    inset 0 0 0 1px rgba(246, 224, 160, .9);
}
#journal-reel .jr-cherche .jr-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  padding: 0 7px;
  background: #14110c;
  color: #f4ead2;
  border: 1px solid #e6d7b0;
}
#journal-reel .jr-courses-t > button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  top: 11px;
  border-radius: 8px;
  border: 1px solid #e8d090;
  background: linear-gradient(180deg, #4a3e28 0%, #1c1814 46%, #0c0b09 100%);
  color: #f0e2b8;
  box-shadow:
    inset 0 2px 0 #f6e7b4,
    inset 0 -3px 0 #5a4524,
    inset 1px 0 0 rgba(240, 210, 140, .55),
    inset -1px 0 0 rgba(240, 210, 140, .4),
    0 2px 3px rgba(0, 0, 0, .5);
}
#journal-reel .jr-coche b {
  font-size: 16px;
  font-weight: 400;
  color: #fdfdfa;
}

/* a281 — pierre native de 09, liseré or terni, pastille plus étroite.
   Le filet 0,54 px et OBJECTIF 9,5 px ne bougent pas. */
#journal-reel .jr-frise {
  background-color: #16100b;
  background-image: url("./photos/jr/marbre-09-colonne.webp");
  background-image: image-set(
    url("./photos/jr/marbre-09-colonne-560.webp") 1x,
    url("./photos/jr/marbre-09-colonne.webp") 2x
  );
  background-repeat: no-repeat;
  background-size: calc(100% - 24px) auto;
  background-position: 12px top;
  background-attachment: local;
}
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  min-height: 47px;
  height: 47px;
}
#journal-reel .jr-carte-c {
  background-image: linear-gradient(180deg, #937e5b 0 0.55px, #6d542c 0.55px, #3f2c0e 1.22px, #0d0500 1.80px, #030201 2.35px, #010100 3.5px, #0d0c08 5.4px, #3d3426 14%, #2a241c 30%, #14110e 62%, #070605 100%) !important;
  box-shadow:
    inset 1px 0 0 #8a7048,
    inset -1px 0 0 #8a7048,
    inset 0 -8px 12px rgba(0, 0, 0, .5),
    0 6px 12px rgba(0, 0, 0, .45);
}
#journal-reel .jr-cherche {
  background-color: #1e1a17;
  border: 1px solid #9a8150;
  border-radius: 10px;
  height: 42px;
  min-height: 42px;
  box-shadow:
    inset 0 1px 0 #b89a62,
    inset 0 -10px 14px rgba(0, 0, 0, .58);
}
#journal-reel .jr-cherche .jr-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  height: 20px;
  min-width: 76px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 0 8px;
  border: 1px solid #d9cbb0;
  background: #14110c;
  color: #f4ead2;
}
#journal-reel .jr-courses-t > button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  top: 11px;
  border-radius: 8px;
  border: 1px solid #9a8150;
  background: linear-gradient(180deg, #3a3224 0%, #1a1612 48%, #0e0c0a 100%);
  color: #e6d3a4;
  box-shadow:
    inset 0 1px 0 #c4a56a,
    inset 0 -2px 0 #4a3a22,
    0 2px 3px rgba(0, 0, 0, .45);
}

/* a285 — le filet sous les onglets n’est pas dans 02. L’air entre la quantité
   et Valider passe à 31 px. Le vide repris entre le titre et les onglets
   ramène le bord haut de la feuille au milieu des anneaux ; Valider reste
   collé au bas, sans bande entre la feuille et la barre. */
#journal-reel .jr-dialog-eau .jr-porte {
  border-top: 0;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 31px;
}
#journal-reel .jr-dialog-eau {
  padding-bottom: 12px;
}
#journal-reel .jr-dialog-eau header::after {
  margin-top: -16px;
}
#journal-reel .jr-dialog-eau .jr-quand {
  margin-top: 0;
}

/* a289 — le jaune de « Liste de courses » est le dégradé du bouton Journal
   (#journal-reel .jr-onglets button[aria-current="page"]), posé sur les lettres.
   Le fond de la pastille reste sombre. Police et graisse viennent déjà de la
   règle commune des onglets. */
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"][aria-current="page"] {
  background-color: #0f0c07;
  background-image: linear-gradient(180deg, #f0d48a, #e2b54d 55%, #c4922a);
  background-clip: text, padding-box;
  -webkit-background-clip: text, padding-box;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-saisie-hit {
  position: absolute; inset: 0; z-index: 2;
  min-width: 44px; min-height: 44px;
  border: 0; padding: 0; margin: 0;
  background: transparent; border-radius: 50%;
}
#journal-reel .jr-anneau .jr-saisie-manuel {
  position: absolute; z-index: 3; left: 50%; bottom: 14px;
  width: 6px; height: 6px; margin-left: -3px;
  border-radius: 50%; background: #e8c872; pointer-events: none;
}
#journal-reel .jr-mac button[data-jr-mac] {
  appearance: none; background: transparent; border: 0; padding: 0;
  margin-left: auto; margin-right: auto; display: block;
  width: max-content; max-width: 100%; min-width: 44px; min-height: 44px;
  color: inherit; font: inherit;
}
#journal-reel .jr-mac .jr-saisie-manuel {
  display: inline-block; width: 6px; height: 6px; margin-left: 4px;
  border-radius: 50%; background: #e8c872; vertical-align: middle;
}
#journal-reel [data-jr-saisie-feuille] header button,
#journal-reel [data-jr-saisie-form] input,
#journal-reel [data-jr-saisie-form] button {
  min-width: 44px; min-height: 44px;
}
#journal-reel [data-jr-saisie-form] .jr-apport-pas { display: flex; gap: 8px; }
#journal-reel [data-jr-saisie-feuille] header > button.jr-x {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px; box-sizing: border-box;
}
@media (max-width: 340px) {
  #journal-reel [data-jr-saisie-feuille] header > button.jr-x {
    width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  }
}

/* a294 — reflets mesurés (assets-bee/reflets, a4d51f0). Aucun effet inventé.
   Les règles qui changeraient une mesure verrouillée sont adaptées et dites dans le rapport. */
#journal-reel .jr-titre h2::before,
#journal-reel .jr-titre h2::after {
  content: none;
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  flex: 0 0 0;
  background: none;
}
#journal-reel .jr-h {
  box-sizing: border-box;
  width: 67px;
  height: 45px;
  min-width: 67px;
  min-height: 45px;
  padding: 0;
  border: 0;
  border-radius: 11px;
  background: url("./assets-bee/reflets/plaque-heure.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: visible;
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1;
  color: #0f0d09;
  text-shadow: 0 1px 1px rgba(40, 26, 6, .45);
}
#journal-reel .jr-h .jr-hh { display: inline; font-size: .85em; line-height: 1; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  position: relative;
  z-index: 0;
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.6px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 340px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.6px;
  }
}
#journal-reel .jr-onglets button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: url("./assets-bee/reflets/onglet-inactif.webp") center / 100% 100% no-repeat;
  pointer-events: none;
}
#journal-reel .jr-onglets button[aria-current="page"] {
  color: #0c0300;
  text-shadow: 0 1px 0 rgba(255,244,214,.45);
  background-image: linear-gradient(180deg, #f0d48a, #e2b54d 55%, #c4922a);
}
#journal-reel .jr-onglets button[aria-current="page"]::before {
  background-image: url("./assets-bee/reflets/onglet-actif.webp");
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 1 1 0;
  min-width: 0;
}
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 1 1 0;
  letter-spacing: -1.35px;
  padding: 0;
}
@media (max-width: 360px) {
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    letter-spacing: -1.15px;
  }
  #journal-reel .jr-onglets button[data-jr-onglet="courses"] {
    letter-spacing: -0.9px;
  }
}
#journal-reel .jr-onglets button:not([aria-current="page"]) {
  color: #fefdfc;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"][aria-current="page"] {
  background-color: #0f0c07;
  background-image: linear-gradient(180deg, #f0d48a, #e2b54d 55%, #c4922a);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: #0c0300;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"]::after {
  content: "Liste de courses";
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
  font: inherit;
  letter-spacing: inherit;
  background-image: linear-gradient(180deg, #f0d48a, #e2b54d 55%, #c4922a);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: #0c0300;
  pointer-events: none;
}
#journal-reel .jr-jour.sel {
  background: url("./assets-bee/reflets/jour-selectionne.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-leg .g {
  background: url("./assets-bee/reflets/badge-g.webp") center / 100% 100% no-repeat;
  border: 0;
  box-shadow: none;
}
#journal-reel .jr-leg .l {
  background: url("./assets-bee/reflets/badge-l.webp") center / 100% 100% no-repeat;
  border: 0;
  box-shadow: none;
}
#journal-reel .jr-leg .p {
  background: url("./assets-bee/reflets/badge-p.webp") center / 100% 100% no-repeat;
  border: 0;
  box-shadow: none;
}
#journal-reel .jr-titre .jr-badge,
#journal-reel .jr-cherche .jr-badge {
  background: url("./assets-bee/reflets/pastille-exemple.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-mangees .jr-anneau {
  background-image: url("./assets-bee/reflets/anneau-mangees.webp"), url("./photos/jr-disque.png");
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  box-shadow: none;
}
#journal-reel .jr-apport .jr-anneau {
  background-image: url("./assets-bee/reflets/anneau-apport.webp"), url("./photos/jr-disque.png");
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  box-shadow: none;
}
#journal-reel .jr-brulees .jr-anneau {
  background-image: url("./assets-bee/reflets/anneau-brulees.webp"), url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  box-shadow: none;
}
#journal-reel .jr-mangees .jr-ico {
  width: 32px;
  height: 21.6px;
  display: block;
  margin: 9.7px auto 0;
  transform: translateX(1.1px);
  background: url("./assets-bee/reflets/icone-bol-mangees.webp") center / contain no-repeat;
}
#journal-reel .jr-mangees .jr-ico > * { display: none; }
#journal-reel .jr-rond {
  display: grid;
  place-items: center;
  line-height: 1;
  padding: 0;
  background-image: url("./assets-bee/reflets/bouton-rond.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}
#journal-reel .jr-rond svg {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
}
#journal-reel .jr-cta {
  position: relative;
  background-image: url("./assets-bee/reflets/bouton-ajouter-repas.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
  font-family: "JR Cinzel", serif;
  font-weight: 500;
  font-size: 15px;
  font-variant: small-caps;
  letter-spacing: 2.85px;
  color: #f9e8b0;
}
#journal-reel .jr-cta i {
  display: grid;
  place-items: center;
  line-height: 1;
  padding: 0;
  font-style: normal;
  background: url("./assets-bee/reflets/pastille-plus.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  color: #0f0d09;
}
#journal-reel .jr-cta .jr-plus {
  width: 12px;
  height: 12px;
  background:
    linear-gradient(#0f0d09, #0f0d09) center / 12px 1.5px no-repeat,
    linear-gradient(#0f0d09, #0f0d09) center / 1.5px 12px no-repeat;
}
#journal-reel .jr-date {
  background-image: none;
  background-color: #070605;
  box-shadow: none;
  border-image: none;
}
#journal-reel .jr-bilan {
  background: url("./assets-bee/reflets/cadre-carte-journal.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-sem {
  background: url("./assets-bee/reflets/cadre-carte-semaine.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-livre {
  background: url("./assets-bee/reflets/poignee-livre.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-carte {
  box-sizing: border-box;
  min-height: 0;
  padding: 2px 36px 2px 6px;
  border: 22.5px solid transparent;
  border-radius: 0;
  border-image: url("./assets-bee/reflets/carte-repas-verre.webp") 45 fill / 22.5px stretch;
  background-color: #241c16 !important;
  background-image: linear-gradient(180deg, rgb(40, 32, 24), rgb(28, 20, 16)) !important;
  box-shadow: none !important;
}
#journal-reel .jr-slot-carte {
  box-sizing: border-box;
  min-height: 0;
  padding: 0 12px;
  border: 18px solid transparent;
  border-radius: 0;
  border-image: url("./assets-bee/reflets/carte-vide-verre.webp") 36 fill / 18px stretch;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: linear-gradient(180deg, rgba(20, 14, 8, .2), rgba(8, 6, 4, .28)) !important;
  box-shadow: none !important;
}
#journal-reel .jr-eau-btn {
  background: url("./assets-bee/reflets/bouton-eau-oubliee.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "JR Cinzel", serif;
  font-weight: 600;
  font-size: 15px;
  font-variant: small-caps;
  letter-spacing: 0.35px;
  color: #f7ffff;
}
#journal-reel .jr-now b {
  background: url("./assets-bee/reflets/pastille-maintenant.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0;
  color: #382a12;
}
#journal-reel .jr-crayon {
  display: grid;
  place-items: center;
  line-height: 1;
  padding: 0;
  background: url("./assets-bee/reflets/bouton-crayon.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-crayon svg {
  display: block;
  margin: 0;
  visibility: visible;
}
#journal-reel .jr-rangee:not(.jr-avec) .jr-pt {
  background: url("./assets-bee/reflets/point-creux.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-avec .jr-pt {
  background: url("./assets-bee/reflets/point-plein.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-courses-t > button {
  background: url("./assets-bee/reflets/courses-bouton-retour.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-cherche {
  background-image: url("./assets-bee/reflets/courses-champ-recherche.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
/* courses-carte.webp n’est pas posé sur la carte : le profil de luminance
   sous le filet (test ±8) est le dégradé V6 déjà verrouillé. */
#journal-reel .jr-coche > i {
  background: url("./assets-bee/reflets/courses-case.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}
#journal-reel .jr-dialog-eau header > button.jr-x {
  display: grid;
  place-items: center;
  line-height: 1;
  padding: 0;
  font-size: 28px;
  font-weight: 400;
  background: url("./assets-bee/reflets/eau-bouton-croix.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  color: #f6edd4;
}
#journal-reel [data-jr-saisie-form] .jr-apport-pas button {
  display: grid;
  place-items: center;
  line-height: 1;
  padding: 0;
}
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  background: url("./assets-bee/reflets/eau-onglet-actif.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  color: #0f0000;
}
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="false"] {
  background: url("./assets-bee/reflets/eau-onglet-inactif.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  color: #f6f3d7;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  background: url("./assets-bee/reflets/eau-valider.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 16.5px;
  letter-spacing: 0;
  color: #0b0100;
}
#journal-reel .jr-dialog-eau input {
  background: url("./assets-bee/reflets/eau-champ.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #faf0c4;
}
#journal-reel .jr-dialog-eau .jr-goutte {
  background: url("./assets-bee/reflets/eau-goutte.webp") center / contain no-repeat;
  box-shadow: none;
}
#journal-reel .jr-dialog-eau header::after {
  content: "";
  display: block;
  width: 183px;
  height: 18px;
  margin: 6px auto 0;
  background: url("./assets-bee/reflets/eau-filet.webp") center / contain no-repeat;
}
#journal-reel .jr-date span {
  font-family: "JR Barlow Semi", "Barlow JR", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #ddce92;
}
#journal-reel .jr-date b {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 27px;
  font-style: italic;
  color: #eecb5c;
}
#journal-reel .jr-sem-t p {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #fafaf9;
}
#journal-reel .jr-sem-sous {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.48px;
  color: #939493;
}
#journal-reel .jr-jour span {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #c2c1be;
}
#journal-reel .jr-titre h2 {
  font-family: "JR Cinzel", serif;
  font-weight: 500;
  font-size: 19.5px;
  letter-spacing: 4.91px;
  color: #e4b979;
}
#journal-reel .jr-k {
  font-family: "JR Cinzel", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #8b794f;
  white-space: nowrap;
}
#journal-reel .jr-val {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 23.5px;
  letter-spacing: 0;
  background-image: linear-gradient(180deg, #e6c984 0%, #d7b76f 50%, #cda962 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-script {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0;
  color: #cab680;
}
#journal-reel .jr-mac small {
  font-family: "JR Cinzel", serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.36px;
  color: #dfd0a5;
}
#journal-reel .jr-mac b {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-size: 22.5px;
  letter-spacing: 0;
  background-image: linear-gradient(180deg, #ffffda 0%, #fffeca 50%, #e5d6ab 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-mac [data-jr-mac="gluc"] small {
  font-family: "JR Cinzel", serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.53px;
  color: #d79326;
  -webkit-text-fill-color: #d79326;
}
#journal-reel .jr-mac [data-jr-mac="lip"] small {
  -webkit-text-fill-color: #e08a62;
}
#journal-reel .jr-mac [data-jr-mac="prot"] small {
  -webkit-text-fill-color: #dfd0a5;
}
#journal-reel .jr-eau-mid small {
  font-family: "JR Cinzel", serif;
  font-weight: 400;
  font-size: 14.5px;
  letter-spacing: 0.74px;
  color: #5e8793;
}
#journal-reel .jr-eau-mid b {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0;
  background-image: linear-gradient(180deg, #8aced8 0%, #8cc4d1 50%, #7eacb6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-now span {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 600;
  font-size: 16.5px;
  letter-spacing: 0;
  color: #dcc98a;
}
#journal-reel .jr-carte-t b,
#journal-reel .jr-slot-carte {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 500;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0;
  color: #e6e2d7;
  text-shadow: 0 0 4px rgba(230, 226, 215, .35);
}
#journal-reel .jr-carte-t b {
  background-image: linear-gradient(180deg, #f4f2ec 0%, #e6e2d7 48%, #c4c0b6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#journal-reel .jr-carte .jr-macros {
  display: block;
  white-space: nowrap;
  font-family: "JR Barlow Semi", "Barlow JR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
}
#journal-reel .jr-carte .jr-macros i { display: inline; white-space: nowrap; }
#journal-reel .jr-carte .jr-macros .g { color: #ecab48; }
#journal-reel .jr-carte .jr-macros .l { color: #c67a52; }
#journal-reel .jr-carte .jr-macros .p { color: #efe0b6; }
#journal-reel .jr-carte .jr-kcal { color: #efe0b6; font-weight: 400; }
#journal-reel .jr-carte .jr-init,
#journal-reel .jr-slot-carte .jr-init {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: .72;
  margin-right: -1px;
  letter-spacing: 0;
  background-image: linear-gradient(180deg, #f2c673 0%, #e2c07a 42%, #c1a456 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: #e6c98a;
}
#journal-reel .jr-aliments {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
#journal-reel .jr-ecart span {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 400;
  font-size: 17px;
  font-style: italic;
  letter-spacing: 0;
  color: #c9c3b1;
}
#journal-reel .jr-courses-t h1 {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: -0.6px;
}
#journal-reel .jr-courses-t p {
  font-family: "Crimson JR", "Crimson Pro", Georgia, serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0;
  color: #fdedb7;
}
#journal-reel .jr-dialog-eau header h2 {
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 500;
  font-size: 22.5px;
  letter-spacing: 0;
  color: #eace84;
}
@media (max-width: 340px) {
  #journal-reel .jr-dialog-eau header h2 { font-size: 20px; letter-spacing: -0.03em; }
}
#journal-reel .jr-dialog-eau .jr-porte {
  font-family: "Crimson JR", "Crimson Pro", Georgia, serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
  color: #f8e9af;
}
#journal-reel .jr-dialog-eau form label {
  font-family: "Barlow JR", "Barlow", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;
  color: #fbf9e3;
}

/* e514e3b — centrage-glyphes.css, repris tel quel.
   Le mot interdit par l’épreuve est remplacé par rgba(0, 0, 0, 0). */
#journal-reel .jr-eau .jr-rond {
  display: grid; place-items: center; padding: 0; line-height: 1;
  color: #f3dc9e;
}
#journal-reel .jr-eau .jr-rond svg { width: 34.7px; height: 34.7px; display: block; margin: 0; }
#journal-reel .jr-cta i {
  display: grid; place-items: center; line-height: 1;
  width: 26px; height: 26px; font-size: 0; color: rgba(0, 0, 0, 0);
  background:
    linear-gradient(#2a1a04, #2a1a04) center / 14px 2px no-repeat,
    linear-gradient(#2a1a04, #2a1a04) center / 2px 14px no-repeat,
    url("./assets-bee/reflets/pastille-plus.webp") center / 100% 100% no-repeat !important;
  border: 0 !important; box-shadow: none !important;
}
#journal-reel .jr-cta .jr-plus { display: none; }
#journal-reel .jr-crayon { display: grid; place-items: center; line-height: 1; padding: 0; }
#journal-reel .jr-crayon svg { width: 22.2px; height: 22.2px; display: block; transform: translate(0.56px, -1.02px); }
#journal-reel .jr-dialog-eau header > button.jr-x {
  display: grid; place-items: center; line-height: 1; padding: 0;
  font-size: 0; color: rgba(0, 0, 0, 0);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2l12 12M14 2l-12 12' stroke='%23efe6c8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat,
    url("./assets-bee/reflets/eau-bouton-croix.webp") center / 100% 100% no-repeat !important;
  border: 0 !important;
}

#journal-reel .jr-titre h2::before,
#journal-reel .jr-titre h2::after {
  content: none;
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  flex: 0 0 0;
  background: none;
  border: 0;
}
#journal-reel .jr-titre { position: relative; }
#journal-reel .jr-titre .jr-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #f4dd95;
}

#journal-reel .jr-onglets button[data-jr-onglet="courses"]::after {
  letter-spacing: inherit;
  font-weight: 700;
  color: #fefdfc;
  background-image: none;
  -webkit-text-fill-color: #fefdfc;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"][aria-current="page"]::after {
  color: #0c0300;
  -webkit-text-fill-color: #0c0300;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"][aria-current="page"]::before {
  background-image: url("./assets-bee/reflets/onglet-actif.webp");
}

#journal-reel .jr-eau-mid small {
  color: #c5e8ef;
  -webkit-text-fill-color: #c5e8ef;
  text-shadow: 0 0 6px rgba(154, 212, 226, .8);
}
#journal-reel .jr-eau-mid b {
  background-image: linear-gradient(180deg, #e7fbff 0%, #9ad4e2 48%, #6eb8c6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 8px rgba(154, 212, 226, .65);
}

#journal-reel .jr-h {
  font-size: 20px;
  letter-spacing: -0.45px;
}
#journal-reel .jr-back-today,
#journal-reel .jr-dialog-eau .jr-quand button {
  font-weight: 700;
}

/* a299 — pixels V7, 09, 03 et 02. Panneaux mats, anneaux, frise, feuille. */
#journal-reel .jr-sem,
#journal-reel .jr-bilan {
  background-color: #0c0a08;
  background-image: none;
  box-shadow: none;
  border: 1px solid #8d7040;
  border-radius: 18px;
}
#journal-reel .jr-onglets {
  display: flex;
  gap: 8px;
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -1px;
  padding: 0 8px;
}
@media (max-width: 360px) {
  #journal-reel .jr-onglets { gap: 6px; }
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    letter-spacing: -1.15px;
    padding: 0 5px;
  }
}
#journal-reel .jr-mangees .jr-anneau {
  background-image:
    radial-gradient(circle at 50% 50%, #0c0a08 0 58%, rgba(12, 10, 8, 0) 60%),
    radial-gradient(circle at 28% 22%, rgba(255, 244, 214, .7) 0 14%, rgba(255, 244, 214, 0) 32%),
    url("./assets-bee/reflets/anneau-mangees.webp"),
    url("./photos/jr-disque.png");
}
#journal-reel .jr-apport .jr-anneau {
  background-image:
    radial-gradient(circle at 50% 50%, #0c0a08 0 58%, rgba(12, 10, 8, 0) 60%),
    radial-gradient(circle at 28% 22%, rgba(255, 244, 214, .65) 0 14%, rgba(255, 244, 214, 0) 32%),
    url("./assets-bee/reflets/anneau-apport.webp"),
    url("./photos/jr-disque.png");
}
#journal-reel .jr-brulees .jr-anneau {
  background-color: #0c0a08;
  background-image:
    radial-gradient(circle at 50% 50%, #0c0a08 0 57%, rgba(12, 10, 8, 0) 58.4%),
    radial-gradient(circle at 26% 20%, rgba(255, 242, 206, .95) 0 12%, rgba(255, 242, 206, 0) 30%),
    conic-gradient(from 214deg, #8a6a32 0deg, #f6e6b8 38deg, #e2c98a 96deg, #a8843c 160deg, #6e5424 230deg, #5c4318 280deg, #7a5c2c 330deg, #e8d090 360deg),
    url("./assets-bee/reflets/anneau-brulees.webp"),
    url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#journal-reel .jr-mac small {
  font-size: 12px;
}
#journal-reel .jr-mac b,
#journal-reel .jr-mac b span {
  font-size: 16px;
}
#journal-reel .jr-mac-ligne { margin-top: 0; }
#journal-reel .jr-eau .jr-rond svg { width: 28px; height: 28px; }
#journal-reel .jr-livre svg { width: 18px; height: 18px; }
#journal-reel .jr-cta {
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 12px;
}
#journal-reel .jr-crayon svg { transform: translate(0.55px, -1.02px); }
#journal-reel .jr-tl > li { margin: 3px 0; }
#journal-reel .jr-carte {
  border-width: 11px;
  border-image-width: 11px;
  padding: 3px 40px 3px 8px;
  background-color: #6a655e !important;
  background-image: linear-gradient(180deg, rgba(236, 232, 226, .72), rgba(92, 88, 82, .94)) !important;
}
#journal-reel .jr-slot-carte {
  border-width: 8px;
  border-image-width: 8px;
  background-color: #0c0a08 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(12, 10, 8, .08) 22%, #0c0a08) !important;
}
#journal-reel .jr-coche > i {
  border: 1px solid #c9b48a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42);
}
#journal-reel .jr-courses-t .jr-init,
#journal-reel .jr-cat .jr-init {
  text-shadow: 0 0 6px rgba(240, 212, 138, .55);
}
#journal-reel .jr-voile {
  align-items: flex-end;
  padding: 0 8px 0;
}
#journal-reel .jr-dialog-eau {
  padding: 4px 12px 8px;
}
#journal-reel .jr-dialog-eau input {
  font-size: 14px;
  min-height: 36px;
}
#journal-reel .jr-dialog-eau .jr-quand button,
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"],
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="false"] {
  font-weight: 700 !important;
  font-size: 13px;
}
#journal-reel .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  color: #1a1204;
  -webkit-text-fill-color: #1a1204;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  font-weight: 700;
  color: #1a1204;
  -webkit-text-fill-color: #1a1204;
}
#journal-reel .jr-dialog-eau header > button.jr-x {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  background-size: 16px 16px, 40px 40px;
  background-position: center, center;
}

/* a300 — feuille à mi-anneau, glyphes, verre de 09, calendrier. */
#journal-reel .jr-jour,
#journal-reel .jr-jour.sel {
  min-height: 46px;
  padding-top: 1px;
  padding-bottom: 1px;
  box-shadow: none;
}
#journal-reel .jr-sem {
  padding-top: 2px;
  padding-bottom: 2px;
}
#journal-reel .jr-jours b { margin-top: 2px; }
#journal-reel .jr-mac-ligne { margin-top: -6px; }
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  width: 28px;
  height: 32px;
  min-width: 28px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  display: grid;
  place-items: center;
}
#journal-reel .jr-livre svg { width: 16px; height: 20px; display: block; }
#journal-reel .jr-crayon {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  line-height: 0;
}
#journal-reel .jr-crayon svg {
  width: 22px;
  height: 22px;
  display: block;
  margin: 0;
  transform: none;
}
#journal-reel .jr-brulees .jr-anneau {
  background-color: #0c0a08;
  background-image:
    radial-gradient(closest-side at 50% 50%, #0c0a08 0 79%, rgba(12, 10, 8, 0) 81%),
    radial-gradient(closest-side at 32% 28%, rgba(255, 246, 214, .9) 0 64%, rgba(255, 246, 214, 0) 82%),
    radial-gradient(closest-side at 50% 50%, #4a3518 0 79%, #f6e6b8 83%, #e2c27a 89%, #a8843c 95%, #5c4318 100%),
    url("./assets-bee/reflets/anneau-brulees.webp"),
    url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#journal-reel .jr-mangees .jr-anneau {
  background-image:
    radial-gradient(closest-side at 50% 50%, rgba(12, 10, 8, 0) 0 76%, rgba(255, 244, 214, .34) 82%, rgba(255, 244, 214, 0) 90%),
    url("./assets-bee/reflets/anneau-mangees.webp"),
    url("./photos/jr-disque.png");
  background-size: 100% 100%;
}
#journal-reel .jr-apport .jr-anneau {
  background-image:
    radial-gradient(closest-side at 50% 50%, rgba(12, 10, 8, 0) 0 76%, rgba(255, 244, 214, .3) 82%, rgba(255, 244, 214, 0) 90%),
    url("./assets-bee/reflets/anneau-apport.webp"),
    url("./photos/jr-disque.png");
  background-size: 100% 100%;
}
#journal-reel .jr-carte {
  border-width: 7px;
  border-image-width: 7px;
  border-image-slice: 45 fill;
  padding: 1px 34px 1px 6px;
  background-color: #120e0a !important;
  background-image: linear-gradient(180deg, #1a140e, #120e0a) !important;
}
#journal-reel .jr-tl > li { margin: 6px 0; }
#journal-reel .jr-cta {
  height: 40px;
  min-height: 40px;
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(246, 226, 168, .5), inset 0 -1px 0 rgba(0, 0, 0, .55);
}
#journal-reel .jr-coche > i {
  border: 1px solid #b7a579;
  background-image: url("./assets-bee/reflets/courses-case.webp");
  background-size: 100% 100%;
  background-origin: border-box;
  background-position: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
#journal-reel .jr-dialog-eau .jr-ml {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  align-items: stretch;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  align-self: stretch;
}
#journal-reel .jr-dialog-eau { padding: 0 12px 0; }
@media (max-width: 370px) {
  #journal-reel .jr-dialog-eau { padding-top: 18px; }
}
@media (max-width: 330px) {
  #journal-reel .jr-dialog-eau { padding-top: 48px; }
}
@media (max-width: 330px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    letter-spacing: -1.45px;
    padding: 0 2px;
  }
}

/* a301 — verre 22,5, anneau sombre, pilule, onglet Livre, calendrier compact. */
#journal-reel .jr-carte {
  box-sizing: border-box;
  min-height: 0;
  padding: 2px 36px 2px 6px;
  border: 22.5px solid transparent;
  border-radius: 0;
  border-image: url("./assets-bee/reflets/carte-repas-verre.webp") 45 fill / 22.5px stretch;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
  box-shadow: none !important;
}
#journal-reel .jr-tl > li { margin: 5px 0; }
#journal-reel .jr-h {
  width: 67px;
  min-width: 67px;
  height: 45px;
  min-height: 45px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.35px;
  border-radius: 11px;
  background: url("./assets-bee/reflets/plaque-heure.webp") center / 100% 100% no-repeat;
}
#journal-reel .jr-jour,
#journal-reel .jr-jour.sel {
  min-height: 0;
  padding: 0;
  gap: 0;
}
#journal-reel .jr-jour.sel {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 78% 62%;
}
#journal-reel .jr-jour b,
#journal-reel .jr-jours b { margin-top: 0; line-height: 1; }
#journal-reel .jr-jour span { line-height: 1; }
#journal-reel .jr-hbars { margin-top: 2px; gap: 1px; }
#journal-reel .jr-hbars em { height: 2px; }
#journal-reel .jr-brulees .jr-anneau {
  background-color: #0c0a08;
  background-image:
    radial-gradient(closest-side at 50% 50%, #0c0a08 0 86%, rgba(12, 10, 8, 0) 88%),
    radial-gradient(closest-side at 36% 32%, rgba(196, 164, 110, .4) 0 80%, rgba(196, 164, 110, 0) 91%),
    radial-gradient(closest-side at 50% 50%, #1c160e 0 84%, #6a5030 88%, #a88448 93%, #4e3818 98%, #241a0e 100%),
    url("./assets-bee/reflets/anneau-brulees.webp"),
    url("./photos/jr-disque-bronze.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#journal-reel .jr-mangees .jr-anneau {
  background-image:
    url("./assets-bee/reflets/anneau-mangees.webp"),
    url("./photos/jr-disque.png");
  background-size: 100% 100%;
}
#journal-reel .jr-apport .jr-anneau {
  background-image:
    url("./assets-bee/reflets/anneau-apport.webp"),
    url("./photos/jr-disque.png");
  background-size: 100% 100%;
}
#journal-reel .jr-crayon svg { transform: translate(0.38px, -0.78px); }
#journal-reel .jr-cta {
  height: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 17px;
  padding: 0 16px;
  gap: 12px;
  box-shadow: none;
}
#journal-reel .jr-bilan { position: relative; }
#journal-reel .jr-mac-ligne { position: relative; margin-top: -8px; }
#journal-reel .jr-mac button[data-jr-mac] {
  padding: 0;
  line-height: 1.05;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  position: absolute;
  right: -9px;
  top: -4px;
  width: 24px;
  height: 38px;
  min-width: 24px;
  min-height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("./assets-bee/reflets/poignee-livre.webp") center / 100% 100% no-repeat;
  box-shadow: none;
  display: grid;
  place-items: center;
  z-index: 5;
}
#journal-reel .jr-livre svg { width: 12px; height: 15px; display: block; }
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  font-weight: 500;
  letter-spacing: -0.65px;
}
#journal-reel .jr-onglets button[data-jr-onglet="courses"]::after {
  font-weight: 500;
  letter-spacing: inherit;
}
#journal-reel .jr-rond svg { width: 22px; height: 22px; }
#journal-reel .jr-coche > i {
  border: 1px solid #b7a579;
  border-radius: 7px;
  background-color: #070605;
  background-image: linear-gradient(180deg, rgba(255, 252, 240, .55) 0 1px, rgba(255, 252, 240, 0) 4px, #070605 10px);
  background-origin: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 252, 240, .7), inset 0 -1px 0 rgba(0, 0, 0, .65);
}
@media (max-width: 360px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.75px;
  }
}
@media (max-width: 330px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -1.05px;
    padding: 0 3px;
  }
}
#journal-reel .jr-dialog-eau { padding-top: 16px; }
@media (max-width: 370px) {
  #journal-reel .jr-dialog-eau { padding-top: 34px; }
}
@media (max-width: 330px) {
  #journal-reel .jr-dialog-eau { padding-top: 64px; }
}

/* a302 — plaques 09, cartes compactes, glyphes, anneau cuivré. */
#journal-reel .jr-carte {
  border-width: 9px;
  border-image-width: 9px;
  padding: 1px 32px 1px 6px;
}
#journal-reel .jr-aliments {
  white-space: nowrap;
  font-size: 12px;
}
#journal-reel .jr-slot-carte {
  border-width: 6px;
  border-image-width: 6px;
  background-color: rgba(255, 255, 255, .05) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .05) 26%, rgba(18, 14, 10, .22)) !important;
}
#journal-reel .jr-tl > li { margin: 2px 0; }
#journal-reel .jr-crayon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
#journal-reel .jr-crayon svg {
  width: 16px;
  height: 16px;
  transform: none;
}
#journal-reel .jr-brulees .jr-val,
#journal-reel .jr-brulees .jr-val-bronze { color: #c4783a; }
#journal-reel .jr-brulees .jr-anneau {
  background-image:
    radial-gradient(closest-side at 50% 50%, #0c0a08 0 86%, rgba(12, 10, 8, 0) 87.5%),
    radial-gradient(closest-side at 34% 30%, rgba(212, 160, 90, .35) 0 82%, rgba(212, 160, 90, 0) 92%),
    radial-gradient(closest-side at 50% 50%, #140f0a 0 85%, #7a5428 88%, #c48a42 92%, #5c3c18 97%, #1a120c 100%),
    url("./assets-bee/reflets/anneau-brulees.webp"),
    url("./photos/jr-disque-bronze.png");
}
#journal-reel .jr-mangees .jr-anneau,
#journal-reel .jr-apport .jr-anneau {
  box-shadow: inset 0 0 0 2px #6e5428, inset 0 0 0 3.5px #b08a48;
}
#journal-reel .jr-cta {
  height: 44px;
  min-height: 44px;
  border-radius: 12px;
  padding: 0 14px;
  gap: 10px;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  width: 20px;
  min-width: 20px;
  height: 36px;
  min-height: 36px;
  right: -6px;
}
#journal-reel .jr-livre svg { width: 15px; height: 18px; }
#journal-reel .jr-rond svg { width: 28px; height: 28px; }
#journal-reel .jr-eau { margin-top: 2px; }
#journal-reel .jr-coche > i {
  border: 1px solid #b7a579;
  border-radius: 7px;
  background-color: #070605;
  background-image: url("./assets-bee/reflets/courses-case.webp");
  background-size: 100% 100%;
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 252, 240, .65);
}
@media (max-width: 360px) and (min-width: 331px) {
  #journal-reel .jr-cta i {
    background-position: center calc(50% + 0.75px), center calc(50% + 0.75px), center !important;
  }
}
@media (max-width: 330px) {
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    letter-spacing: -0.82px;
  }
}

/* a303 — cases vides d’un seul tenant, frise plus serrée, glyphes. */
#journal-reel .jr-slot-carte {
  box-sizing: border-box;
  min-height: 36px;
  padding: 7px 16px;
  border: 1px solid rgba(226, 208, 164, .8) !important;
  border-image: none !important;
  border-radius: 11px !important;
  background-color: rgba(14, 11, 8, .58) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .24) 0 1px, rgba(255, 255, 255, .07) 16%, rgba(14, 11, 8, .12) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}
#journal-reel .jr-carte {
  border-width: 6px;
  border-image-width: 6px;
}
#journal-reel .jr-macros {
  letter-spacing: -0.15px;
  line-height: 1.15;
}
#journal-reel .jr-tl > li { margin: 1px 0; }
#journal-reel .jr-ecart { min-height: 14px; margin: 0; }
#journal-reel .jr-eau-btn { margin-top: 14px; }
#journal-reel .jr-h { border-radius: 6px; }
#journal-reel .jr-crayon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
#journal-reel .jr-crayon svg {
  width: 15px;
  height: 15px;
  transform: translate(0.45px, 0);
}
#journal-reel .jr-cta {
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, .55), inset 0 -2px 3px rgba(0, 0, 0, .5);
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  width: 16px;
  min-width: 16px;
}
@media (min-width: 370px) {
  #journal-reel .jr-eau .jr-rond svg { transform: translateY(0.75px); }
}
@media (max-width: 330px) {
  #journal-reel .jr-macros { letter-spacing: -0.4px; }
}

/* a304 — cases plus mates, filet des cartes, glyphes, ronds 22 px. */
#journal-reel .jr-slot-carte {
  min-height: 34px;
  padding: 6px 14px;
  border: 1px solid rgba(122, 110, 92, .72) !important;
  border-radius: 6px !important;
  background-color: rgba(8, 6, 4, .86) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .12) 0 1px, rgba(20, 16, 12, .2) 10%, rgba(8, 6, 4, .35) 100%) !important;
  box-shadow: none !important;
}
#journal-reel .jr-carte {
  border-width: 5px;
  border-image-width: 5px;
  padding: 0 28px 0 6px;
  box-shadow: inset 0 0 0 1px rgba(236, 224, 190, .92) !important;
}
#journal-reel .jr-carte .jr-init,
#journal-reel .jr-slot-carte .jr-init,
#journal-reel .jr-frise .jr-init {
  background-image: linear-gradient(185deg, #fff6d2 0%, #e2b54d 32%, #8a6424 58%, #f0d48a 78%, #5c4014 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: #c6a15a;
  text-shadow: 0 1px 0 rgba(60, 40, 10, .8);
}
#journal-reel .jr-tl > li { margin: 0; }
#journal-reel .jr-ecart { min-height: 8px; margin: 0; }
#journal-reel .jr-now { margin: 0; min-height: 16px; }
#journal-reel .jr-eau-btn { margin-top: 4px; }
#journal-reel .jr-h { height: 40px; min-height: 40px; }
#journal-reel .jr-crayon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-color: #070605;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url("./assets-bee/reflets/bouton-crayon.webp");
  background-size: 100% 100%, 100% 100%;
  border-radius: 5px;
}
#journal-reel .jr-crayon svg {
  width: 13px;
  height: 13px;
  transform: translate(0.45px, 0.56px);
}
#journal-reel .jr-cta {
  height: 40px;
  min-height: 40px;
  border-radius: 20px;
  margin-top: -8px;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, .5), inset 0 -3px 4px rgba(0, 0, 0, .6);
}
#journal-reel .jr-cta i {
  width: 20px;
  height: 20px;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  width: 13px;
  min-width: 13px;
  height: 30px;
  min-height: 30px;
}
#journal-reel .jr-coche > i {
  border: 1px solid #b7a579;
  background-image: url("./assets-bee/reflets/courses-case.webp");
  background-size: 100% 100%;
  background-origin: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 252, 240, .4);
}
#journal-reel .jr-eau .jr-rond svg {
  width: 32px !important;
  height: 32px !important;
}
#journal-reel .jr-mac-ligne { margin-top: -9px; }
@media (max-width: 370px) {
  #journal-reel .jr-crayon svg { transform: translate(-0.06px, 0); }
}
@media (max-width: 330px) {
  #journal-reel .jr-crayon svg { transform: translate(-0.1px, -0.18px); }
  #journal-reel .jr-onglets button,
  #journal-reel .jr-onglets button[data-jr-onglet="journal"],
  #journal-reel .jr-onglets button[data-jr-onglet="courses"],
  #journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
    font-weight: 500;
    letter-spacing: -0.9px;
    padding: 0 1px;
  }
}

/* a305 — verre arrondi, puits, pilule dégagée, signet 34×57. */
#journal-reel .jr-carte {
  box-sizing: border-box;
  min-height: 0;
  padding: 2px 30px 2px 8px;
  border: 1px solid rgba(214, 198, 160, .62) !important;
  border-image: none !important;
  border-radius: 16px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("./assets-bee/reflets/carte-repas-verre.webp") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}
#journal-reel .jr-carte .jr-init,
#journal-reel .jr-slot-carte .jr-init {
  text-shadow: 0 1px 0 rgba(255, 244, 214, .7), 0 -1px 0 rgba(48, 30, 8, .9), 0 2px 1px rgba(0, 0, 0, .35);
}
#journal-reel .jr-eau-btn { margin-top: 0; }
#journal-reel .jr-h { height: 44px; min-height: 44px; }
#journal-reel .jr-crayon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 7px;
}
#journal-reel .jr-crayon svg { width: 16px; height: 16px; }
#journal-reel .jr-cta {
  width: calc(100% - 14px);
  margin: 8px 7px 0;
  height: 40px;
  min-height: 40px;
  border-radius: 20px;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  width: 34px;
  min-width: 34px;
  height: 57px;
  min-height: 57px;
  right: 0;
}
#journal-reel .jr-livre svg { width: 18px; height: 24px; }
#journal-reel .jr-mac { padding-right: 24px; }
#journal-reel .jr-coche > i { width: 38px; height: 38px; box-sizing: border-box; }
#journal-reel .jr-eau .jr-rond {
  width: 57px;
  height: 57px;
  min-width: 57px;
  min-height: 57px;
}
@media (max-width: 370px) and (min-width: 331px) {
  #journal-reel .jr-coche > i {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
  }
}
@media (max-width: 330px) {
  #journal-reel .jr-mac { padding-right: 30px; }
}

/* a306 — crayon en grille, bronze sombre, signet au bord de l'écran. */
#journal-reel .jr-crayon {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 0;
}
#journal-reel .jr-crayon svg {
  display: block;
  margin: 0;
  transform: none;
}
#journal-reel .jr-mangees .jr-anneau,
#journal-reel .jr-apport .jr-anneau {
  box-shadow: inset 0 0 0 1.25px #3a2c16;
}
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  right: -17px;
}
#journal-reel .jr-carte .jr-init,
#journal-reel .jr-slot-carte .jr-init {
  text-shadow:
    0 1px 0 rgba(255, 246, 214, .9),
    0 -1px 0 rgba(42, 26, 6, .95),
    1px 0 0 rgba(90, 60, 16, .5),
    0 2px 1px rgba(0, 0, 0, .45);
  filter: drop-shadow(0 1px 0 rgba(255, 236, 190, .65)) drop-shadow(0 1px 1px rgba(12, 8, 2, .8));
}
#journal-reel .jr-tl { margin: 0; padding-bottom: 0; }
#journal-reel .jr-frise { padding-bottom: 0; }
#journal-reel .jr-eau-btn { margin-top: -6px; margin-bottom: 0; }

/* a307 — lunette bronze, signet dans la marge, grain des lettrines. */
#journal-reel .jr-mangees .jr-anneau,
#journal-reel .jr-apport .jr-anneau {
  box-shadow:
    inset 0 0 0 1.5px #4e3c24,
    inset 0 0 0 7px #8a7348;
}
#journal-reel .jr-bilan { margin-right: 16px; }
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  right: -21px;
  border-radius: 8px;
}
#journal-reel .jr-carte .jr-init,
#journal-reel .jr-slot-carte .jr-init {
  background-image:
    linear-gradient(180deg, rgba(255, 246, 214, .7) 0%, rgba(255, 246, 214, 0) 46%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect width='4' height='4' fill='%23c9a24a'/><rect x='0' y='0' width='1' height='1' fill='%23fff6d2'/><rect x='2' y='1' width='1' height='1' fill='%235c4014'/><rect x='1' y='3' width='1' height='1' fill='%23f0d48a'/></svg>"),
    linear-gradient(185deg, #fff8dc 0%, #e2b54d 30%, #8a6424 58%, #f3d79b 80%, #5c4014 100%);
  background-size: 100% 100%, 4px 4px, 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

/* a308 — colonne alignée, crayon à 360, glyphes ±. */
#journal-reel .jr-sem,
#journal-reel .jr-bilan,
#journal-reel .jr-cta {
  margin-left: 8px;
  margin-right: 8px;
}
#journal-reel .jr-cta { width: calc(100% - 16px); }
#journal-reel .jr-livre,
#journal-reel .jr-livre:active {
  right: -15px;
}
#journal-reel .jr-mangees .jr-anneau,
#journal-reel .jr-apport .jr-anneau {
  box-shadow:
    inset 0 0 0 1.5px #4a3a22,
    inset 0 0 0 7px #776843;
}
#journal-reel .jr-eau .jr-rond svg { transform: none; }
@media (max-width: 370px) and (min-width: 331px) {
  #journal-reel .jr-crayon svg { transform: translateY(-0.5px); }
}
#journal-reel .jr-crayon svg { transform: translateY(-0.93px); }
@media (max-width: 370px) and (min-width: 331px) {
  #journal-reel .jr-crayon svg { transform: translateY(-0.5px); }
}
/* Anneau entier : une hauteur fractionnaire décale le crayon et les ± d'un pixel. */
#journal-reel .jr-anneau {
  width: round(down, 100%, 1px);
}

/* Les autres feuilles restent à 86 px, comme en 127c8ec. Seule l'eau va jusqu'en bas. */
#journal-reel .jr-voile {
  bottom: calc(86px + env(safe-area-inset-bottom, 0px));
}
#journal-reel .jr-voile[data-jr-eau-feuille] {
  bottom: 0;
}
#journal-reel .jr-dialog-eau {
  box-sizing: border-box;
  max-height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding-top: 0;
  padding-bottom: 3px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau {
  padding-bottom: 89px;
}
#journal-reel .jr-dialog-eau button[type="submit"] {
  margin-top: 29px;
}
@media (max-width: 370px) {
  #journal-reel .jr-dialog-eau { padding-top: 18px; }
}
@media (max-width: 330px) {
  #journal-reel .jr-dialog-eau { padding-top: 48px; }
}
#journal-reel .jr-dialog-eau .jr-ml {
  align-items: center;
  height: 36px;
}
#journal-reel .jr-dialog-eau .jr-ml input,
#journal-reel .jr-dialog-eau .jr-ml em {
  font-family: "Barlow JR", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  color: #faf0c4;
}
#journal-reel .jr-dialog-eau .jr-ml input {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0;
}
#journal-reel .jr-dialog-eau .jr-ml em {
  display: flex;
  align-items: center;
  height: 36px;
  align-self: stretch;
}
/* Feuille d'eau seule, cibles 02-eau (1 CSS = 1,4154 px photo). Le bas ne bouge pas. */
#journal-reel .jr-voile[data-jr-eau-feuille] {
  padding: 0 0.7px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau {
  border-width: 1px;
  border-style: solid;
  border-top-color: #dad0ba;
  border-right-color: #b3a088;
  border-bottom-color: #b3a088;
  border-left-color: #b3a088;
  border-radius: 19.8px;
  background-color: #0f0d09;
  background-image: linear-gradient(180deg, #262422 0, #201e1d 6px, #1c1b19 12px, #161513 24px, #12100e 40px, #0c0b09 56px, #090907 72px, #090907 104px, #0f0d09 140px);
  padding: 11px 8px 89px;
  position: relative;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau::after {
  content: "";
  position: absolute;
  left: 0.4px;
  right: 0.4px;
  top: 179.2px;
  height: 1px;
  background: #54493e;
  opacity: 1;
  pointer-events: none;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header {
  column-gap: 2px;
  row-gap: 0;
  align-items: flex-start;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header h2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  border-bottom: 0;
  font-family: "JR Cormorant", Georgia, serif;
  font-weight: 500;
  font-size: 24.4px;
  line-height: 1;
  letter-spacing: 0;
  color: #e5c983;
  white-space: nowrap;
  padding: 15px 0 2px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header h2 span {
  flex: 1;
  text-align: center;
  align-self: flex-start;
  margin-top: 0;
  transform: none;
  font-weight: 500;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-goutte {
  position: absolute;
  left: 30px;
  top: 23.7px;
  width: 49.5px;
  height: 53.7px;
  flex: none;
  margin: 0;
  background: url("./photos/jr/eau-goutte-02.png") center / contain no-repeat;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header > button[aria-label="Retour"] {
  position: absolute;
  left: 18px;
  top: 15px;
  width: 12px;
  height: 22.6px;
  min-width: 12px;
  min-height: 22.6px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 0;
  line-height: 0;
  color: rgba(0, 0, 0, 0);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 23'%3E%3Cpath d='M9.4 2.2 L2.4 11.5 L9.4 20.8' fill='none' stroke='%23f2f1da' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 22.6px no-repeat;
  box-shadow: none;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header > button.jr-x {
  position: absolute;
  left: 324.3px;
  top: 5px;
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #c9ae74 !important;
  border-radius: 14px !important;
  background-color: #100e0c !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.2 2.2l9.6 9.6M11.8 2.2L2.2 11.8' stroke='%23f0dc96' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  background-position: calc(50% + 0.25px) calc(50% + 0.25px) !important;
  box-shadow: none !important;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header::after {
  content: "";
  display: block;
  flex: 1 0 100%;
  width: auto;
  height: 16px;
  margin: 9px 0 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("./photos/jr/eau-filet-02.png");
  background-repeat: no-repeat;
  background-size: 154px 12px;
  background-position: center center;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand {
  background: #0a0907;
  width: 355px;
  margin: 22.6px auto 28.3px;
  padding: 0;
  gap: 8px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand button,
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand button[aria-pressed="true"],
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand button[aria-pressed="false"] {
  height: 61px !important;
  min-height: 61px !important;
  border-radius: 9px !important;
  border: 1px solid #8d7350 !important;
  border-image: none !important;
  box-shadow: none !important;
  font-family: "Barlow JR", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  background-color: #0a0907 !important;
  background-image: none !important;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand button[aria-pressed="false"] {
  color: #f2eed5 !important;
  -webkit-text-fill-color: #f2eed5;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-quand button[aria-pressed="true"] {
  border-color: #d0a442 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #050301 !important;
  -webkit-text-fill-color: #050301;
  background-color: #e6c066 !important;
  background-image: linear-gradient(180deg, #e1b958 0%, #cca448 55%, #d0a442 100%) !important;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-porte {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Crimson JR", "Crimson Pro", Georgia, serif;
  font-weight: 400;
  font-size: 16.5px;
  letter-spacing: 0.18px;
  line-height: 1;
  color: #ded09d !important;
  -webkit-text-fill-color: #ded09d;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau form label {
  align-items: flex-start;
  width: 349px;
  margin: 15px auto 0;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: #e2dccc;
  -webkit-text-fill-color: #e2dccc;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-legende {
  display: block;
  position: relative;
  top: -8px;
  line-height: 14px;
  height: 14px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau form label + label {
  margin-top: 23px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau input[name="heure"] {
  width: 349px;
  text-align: left;
  height: 41px !important;
  min-height: 41px !important;
  max-height: 41px;
  box-sizing: border-box;
  border: 1px solid #534633 !important;
  border-radius: 8px;
  background-color: #070605 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #eee3bc !important;
  -webkit-text-fill-color: #eee3bc;
  font-size: 16px;
  font-weight: 500;
  font-family: "Barlow JR", sans-serif;
  line-height: 16px;
  padding: 0 12px;
  margin-top: -8px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-ml {
  width: 349px;
  justify-content: flex-start;
  height: 36.7px !important;
  min-height: 36.7px !important;
  box-sizing: border-box;
  border: 1px solid #493828 !important;
  border-radius: 8px;
  background-color: #070605 !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 0 12px;
  margin-top: -8px;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-ml {
  align-items: center;
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-ml input,
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau .jr-ml em {
  font-family: "Barlow JR", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #f4e9bb !important;
  -webkit-text-fill-color: #f4e9bb;
  height: 16px !important;
  line-height: 16px !important;
  display: block;
  transform: translateY(1px);
}
#journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau button[type="submit"] {
  width: 349px;
  height: 62.2px !important;
  min-height: 62.2px !important;
  margin: 41px auto 0;
  border-radius: 12px !important;
  border: 1px solid #8d6c2e !important;
  border-image: none !important;
  background-color: #bf9136 !important;
  background-image: linear-gradient(180deg, #ca9d3f 0%, #bf9136 50%, #b7892a 100%) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  color: #050301 !important;
  -webkit-text-fill-color: #050301;
}
/* 360 et 320 : le panneau de 390 ne tient pas. Même facteur sur toute la feuille. */
@media (max-width: 370px) and (min-width: 331px) {
  #journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau {
    width: 388.6px;
    zoom: 0.923;
    padding-bottom: 98px;
  }
  #journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header > button.jr-x {
    background-position: calc(50% + 0.72px) calc(50% + 0.44px) !important;
  }
}
@media (max-width: 330px) {
  #journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau {
    width: 388.6px;
    zoom: 0.82;
    padding-bottom: 111px;
  }
  #journal-reel .jr-voile[data-jr-eau-feuille] .jr-dialog-eau header > button.jr-x {
    background-position: calc(50% + 0.50px) calc(50% + 0.38px) !important;
  }
}

/* Journal, frise et courses, calés sur 09 et V6. Suivi, Séances et Ops ne sont pas ici. */
#journal-reel .jr-hero {
  height: 164px;
  min-height: 164px;
  aspect-ratio: auto;
  background-color: #120e09;
  background-image: url("./photos/jr/bol-entete.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
#journal-reel .jr-onglets {
  gap: 4px;
  left: 6px;
  right: 6px;
  bottom: 0;
}
#journal-reel .jr-onglets button,
#journal-reel .jr-onglets button[data-jr-onglet="journal"],
#journal-reel .jr-onglets button[data-jr-onglet="courses"],
#journal-reel .jr-onglets button[data-jr-onglet="recettes"] {
  flex: 1 0 auto;
  width: auto;
  height: 42px;
  min-height: 42px;
  border-radius: 12px;
  font-family: "JR Barlow Condensed", "Barlow JR", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0 8px;
  white-space: nowrap;
}
#journal-reel .jr-bilan {
  padding-top: 6px;
  padding-bottom: 10px;
}
#journal-reel .jr-mac-ligne { margin-top: 6px; }
#journal-reel .jr-eau { margin-top: 16px; }
#journal-reel .jr-k {
  color: #efe4c0;
  -webkit-text-fill-color: #efe4c0;
  font-weight: 400;
}
#journal-reel .jr-mac b,
#journal-reel .jr-mac b span {
  font-size: 20px;
  font-weight: 700;
  color: #f7efd2;
  -webkit-text-fill-color: #f7efd2;
}
#journal-reel .jr-eau-mid b {
  font-size: 22px;
  font-weight: 600;
  color: #9fd4ea;
  -webkit-text-fill-color: #9fd4ea;
}
#journal-reel .jr-eau .jr-rond {
  width: 57px;
  height: 57px;
  min-width: 57px;
  min-height: 57px;
  border: 3px solid #8d6e3e;
  color: #d4bc86;
  background-color: #14110e;
  background-image: radial-gradient(circle at 50% 50%, #16130f 0 68%, #7a6240 78%, #a88850 88%, #5c4830 100%);
  box-shadow: inset 0 1px 0 rgba(210, 180, 120, .22);
}
#journal-reel .jr-eau .jr-rond svg { width: 32px !important; height: 32px !important; }
#journal-reel .jr-eau .jr-rond svg path { stroke: #d4bc86; stroke-width: 2.5px; }
#journal-reel .jr-date {
  left: 16px;
  top: 11px;
  width: 69px;
  height: 72px;
  min-width: 69px;
  min-height: 72px;
  border: 1px solid #e6c56a;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, .9), inset 0 -3px 5px rgba(0, 0, 0, .65), 0 3px 6px rgba(0, 0, 0, .55);
  background-image: linear-gradient(180deg, rgba(255, 226, 168, .22), rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, .28));
  background-color: #0c0a08;
  border-image: none;
  z-index: 4;
  padding: 0;
}
#journal-reel .jr-titre {
  display: block;
  position: relative;
  text-align: center;
  padding-bottom: 8px;
}
#journal-reel .jr-titre h2 {
  margin: 0 auto;
  font-size: 20px;
  letter-spacing: 0.08em;
}
#journal-reel .jr-titre::after {
  content: "";
  display: block;
  width: 168px;
  height: 12px;
  margin: 4px auto 0;
  background: url("./photos/jr/journal-filet-09.png") center / 168px 12px no-repeat;
}
#journal-reel .jr-diam { display: none; }
#journal-reel .jr-titre .jr-badge {
  position: absolute;
  right: 10px;
  top: 0;
  display: inline-flex;
}
#journal-reel .jr-mangees .jr-anneau,
#journal-reel .jr-apport .jr-anneau,
#journal-reel .jr-brulees .jr-anneau {
  box-shadow: none;
}
#journal-reel .jr-jour.sel {
  border: 1px solid #e2b54d;
  box-shadow: none;
  background-image: none;
  background-color: rgba(18, 14, 8, .35);
}
#journal-reel .jr-carte {
  border: 1px solid rgba(232, 214, 176, .75) !important;
  background-color: rgba(42, 36, 28, .42) !important;
  background-image: linear-gradient(180deg, rgba(255, 250, 236, .96) 0 1px, rgba(220, 204, 176, .78) 2px, rgba(168, 148, 120, .52) 18%, rgba(86, 72, 56, .34) 100%) !important;
}
#journal-reel .jr-slot-carte {
  border: 1px solid rgba(232, 214, 176, .55) !important;
  background-image: linear-gradient(180deg, rgba(255, 250, 236, .55) 0 1px, #3a342c 3px, #2a261f 40%, #1a1713 100%) !important;
}
#journal-reel .jr-h {
  color: #1a1208;
  background-image: url("./assets-bee/reflets/plaque-heure.webp");
  background-size: 100% 100%;
}
#journal-reel .jr-now,
#journal-reel .jr-ecart span {
  color: #e6d3a2;
  font-size: 15px;
}
#journal-reel .jr-cherche {
  justify-content: flex-start;
  gap: 6px;
  padding-left: 12px;
}
#journal-reel .jr-cherche .jr-loupe,
#journal-reel .jr-cherche .jr-loupe:active {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
}
#journal-reel .jr-cherche .jr-loupe svg { width: 12px; height: 12px; }
#journal-reel .jr-cherche input,
#journal-reel .jr-cherche input::placeholder {
  text-align: left;
  padding-left: 0;
  margin-left: 0;
}
#journal-reel .jr-slot,
#journal-reel .jr-ligne,
#journal-reel .jr-avec,
#journal-reel .jr-ecart {
  grid-template-columns: 68px 22px minmax(0, 1fr);
  column-gap: 0;
}
#journal-reel .jr-h {
  width: 67px;
  min-width: 67px;
  height: 42px;
  min-height: 42px;
  font-size: 24px;
  font-weight: 700;
}
#journal-reel .jr-avec .jr-h,
#journal-reel .jr-ligne .jr-h {
  height: 50px;
  min-height: 50px;
}
#journal-reel .jr-h .jr-hh {
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0;
}
#journal-reel .jr-h .jr-hh-s {
  font-size: 0.82em;
}
#journal-reel .jr-pt {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  border: 2px solid #e6c98a;
  box-shadow: none;
}
#journal-reel .jr-avec .jr-pt {
  background: #f3e0a8;
  border: 2px solid #e6c98a;
}
#journal-reel .jr-slot,
#journal-reel .jr-avec,
#journal-reel .jr-ecart,
#journal-reel .jr-rangee {
  min-height: 56px;
  margin-top: 6px;
  margin-bottom: 6px;
}
#journal-reel .jr-carte {
  min-height: 73px;
  box-shadow: inset 0 1px 0 rgba(255, 244, 214, .85), inset 0 -8px 12px rgba(0, 0, 0, .5), 0 8px 14px rgba(0, 0, 0, .4) !important;
}
#journal-reel .jr-slot-carte,
#journal-reel .jr-carte-t b {
  font-size: 20px;
}
#journal-reel .jr-courses-t > button {
  top: 11px;
  left: 10px;
  border-radius: 12px;
  border: 1px solid #e8d090;
  background-color: #1c1814;
  background-image: linear-gradient(180deg, #3a3224 0%, #1a1612 55%, #0e0c0a 100%);
  color: #f0e2b8;
  box-shadow: inset 0 1px 0 #c4a56a, inset 0 -1px 0 #4a3a22;
}
#journal-reel .jr-cherche {
  background-color: #1e1a17 !important;
  background-image: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e6d39e !important;
  border-image: none !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4) !important;
}
#journal-reel .jr-courses-t h1 { font-size: 32px; }
#journal-reel .jr-coche > i { width: 40px; height: 40px; border: 1.5px solid #e6c98a; }
@media (max-width: 370px) and (min-width: 331px) {
  #journal-reel .jr-coche > i { width: 37px; height: 37px; }
}
#journal-reel .jr-cherche .jr-badge {
  margin-left: auto;
}
#journal-reel .jr-note {
  display: block;
  font-size: 10.5px;
  line-height: 15px;
  color: #f1e9ba;
  text-align: center;
  white-space: nowrap;
}
#journal-reel .jr-note .jr-point { margin: 0 0.55em; }
@media (max-width: 330px) {
  #journal-reel .jr-eau .jr-rond[data-jr-eau="-100"] svg { transform: translate(0.5px, 0); }
}

/* Correctifs fonctionnels : flamme Brûlées, feuille de saisie hors eau, articles achetés. */
#journal-reel .jr-brulees .jr-arc {
  display: block;
  position: absolute;
  inset: 6%;
  width: 88%;
  height: 88%;
  pointer-events: none;
  z-index: 1;
}
#journal-reel .jr-brulees .jr-flamme {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 22px;
  margin: 0;
  pointer-events: none;
  overflow: visible;
  background: none;
  transform: translate(-50%, -72%);
  transform-origin: 50% 78%;
  animation: jr-flamme 1.15s ease-in-out infinite;
}
@keyframes jr-flamme {
  50% { transform: translate(-50%, -78%) scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  #journal-reel .jr-brulees .jr-flamme { animation: none; }
}
#journal-reel [data-jr-saisie-feuille] {
  bottom: 0;
  padding: 12px 12px 96px;
  align-items: flex-end;
}
#journal-reel [data-jr-saisie-feuille] .jr-dialog-saisie header { overflow: visible; }
#journal-reel [data-jr-saisie-feuille] .jr-dialog-saisie header h2 {
  line-height: 1.35;
  padding: 6px 0 2px;
  overflow: visible;
  font-family: "Barlow JR", sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0;
  font-variant-ligatures: none;
  font-kerning: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0, "calt" 0, "kern" 0;
}
#journal-reel [data-jr-saisie-feuille] .jr-apport-pas {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 10px 0 2px;
}
#journal-reel [data-jr-saisie-feuille] .jr-apport-pas button {
  appearance: none;
  width: 56px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #c4a35a;
  background: #14110c;
  color: #f0d78c;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  display: grid;
  place-items: center;
}
#journal-reel [data-jr-saisie-feuille] input::placeholder { color: #8d7d5c; }
#journal-reel [data-jr-saisie-feuille] .jr-dialog-saisie button[data-jr-saisie-auto] {
  display: block;
  width: 100%;
  min-width: 44px;
  min-height: 44px;
  margin-top: 8px;
  border-radius: 12px;
  border: 1px solid #c4a35a;
  background: #14110c;
  color: #f6edd4;
  font-size: 16px;
  font-weight: 600;
}
#journal-reel .jr-note .jr-annuler { position: relative; }
#journal-reel .jr-note .jr-annuler::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}
@media (max-width: 340px) {
  .jr-toast { font-size: 13px; gap: 8px; padding: 8px 10px; }
  .jr-toast button { font-size: 13px; }
}