/* ============================================================
   Espace membre — REFONTE visuelle (16/10/2026, v2)
   Les textes restent ; tout le visuel est refait dans l'esprit
   de la home : palette du cercle arc-en-ciel, plus de jaune.
     bleu   = jour type A      (#5ACBFA → #1A9BE0)
     violet = jour type B    (#A98BFF → #7B5CF5)
     arc-en-ciel = aujourd'hui, réussites, progression
   Chargé après style.css et membre-home.css.
   ============================================================ */
@property --fun-a{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
body[data-page]{
  --b1:#5ACBFA; --b2:#1A9BE0; --b-doux:#E3F4FD; --b-fonce:#0B84BF;
  --v1:#A98BFF; --v2:#7B5CF5; --v-doux:#EEE8FF; --v-fonce:#5B3BD9;
  --leger:#1A9BE0; --leger-doux:#E3F4FD; --leger-fonce:#0B84BF;
  --plaisir:#7B5CF5; --plaisir-doux:#EEE8FF; --plaisir-fonce:#5B3BD9;
  --prism-c:conic-gradient(from var(--fun-a), #FF4D9D, #FF9A3D, #37BDF8, #8B5CF6, #FF4D9D);
  --prism-l:linear-gradient(90deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D);
}
/* ambre → violet : généré depuis style.css et membre-methode.html (pages membres uniquement) */
body[data-page] .cal-day.normal{ background:rgba(139,92,246,.16) !important; }
body[data-page] .cal-day.normal .dt{ color:#6D4AE8 !important; }
body[data-page] .today-banner.normal{ background:rgba(139,92,246,.14) !important; }
body[data-page] .recipe-photo{ background:linear-gradient(135deg, rgba(var(--accent-rgb),.12), rgba(139,92,246,.14)) !important; }
body[data-page] .status-card.status--normal{ border-color:rgba(139,92,246,.30) !important; background:linear-gradient(165deg, rgba(139,92,246,.20), var(--white) 62%) !important; }
body[data-page] .status-card.status--normal .status-emoji{ color:#6D4AE8 !important; }
body[data-page] .status-card.status--normal .status-tag{ color:#6D4AE8 !important; }
body[data-page] .tb-jour.est-plaisir .tb-jour-pastille{ background:linear-gradient(165deg, rgba(139,92,246,.22), var(--white) 70%) !important; border-color:rgba(139,92,246,.30) !important; color:#6D4AE8 !important; }
body[data-page] .cal-day.plaisir, body[data-page] .cal-day.normal{ background:linear-gradient(165deg, rgba(139,92,246,.20), var(--white) 70%) !important; border-color:rgba(139,92,246,.28) !important; }
body[data-page] .cal-day.plaisir .dt, body[data-page] .cal-day.normal .dt{ color:#6D4AE8 !important; }
body[data-page] .sem7-jour.est-plaisir .sem7-tuile{ border-color:rgba(139,92,246,.30) !important; background:linear-gradient(165deg, rgba(139,92,246,.22), var(--white) 66%) !important; }
body[data-page] .sem7-jour.est-plaisir .sem7-nom, body[data-page] .sem7-jour.est-plaisir .sem7-ic{ color:#6D4AE8 !important; }
body[data-page] .nl-sombre .nl-alerte{ background:rgba(139,92,246,.14) !important; }
body[data-page] .mv-jour.plaisir{ background:linear-gradient(165deg, rgba(139,92,246,.20), var(--white) 62%) !important; border-color:rgba(139,92,246,.30) !important; }
body[data-page] .mv-jour.plaisir .mj-emoji{ color:#6D4AE8 !important; }
body[data-page] .mv-jour.plaisir .mj-sous{ color:#6D4AE8 !important; }
body[data-page] .mv-jour.plaisir .mj-detail li::before{ color:#6D4AE8 !important; }
body[data-page] .mv-ruban .pt.p{ background:rgba(139,92,246,.20) !important; border-color:rgba(139,92,246,.32) !important; color:#6D4AE8 !important; }
body[data-page] .mv-ruban .pt.p{ background:rgba(139,92,246,.20) !important; border-color:#8B5CF6 !important; }
body[data-page] .mv-sem-j.p{ background:linear-gradient(165deg, rgba(139,92,246,.20), var(--white) 70%) !important; border-color:rgba(139,92,246,.30) !important; color:#6D4AE8 !important; }
body[data-page] .mv-choix li.non .ic{ background:rgba(139,92,246,.12) !important; color:#6D4AE8 !important; }

@keyframes fun-tourne{ to{ --fun-a:360deg; } }
@keyframes fun-pop{ 0%{ transform:scale(.6); opacity:0 } 70%{ transform:scale(1.08); opacity:1 } 100%{ transform:scale(1) } }
@keyframes fun-flotte{ 0%,100%{ transform:translateY(0) rotate(0) } 50%{ transform:translateY(-6px) rotate(-5deg) } }
@keyframes fun-prism{ to{ background-position:200% 50% } }
@keyframes fun-cascade{ from{ opacity:0; transform:translateY(12px) scale(.9) } to{ opacity:1; transform:none } }
@keyframes fun-souffle{ 0%,100%{ transform:scale(.88) } 50%{ transform:scale(1.04) } }
.fun-confetti{ position:fixed; z-index:9999; border-radius:2px; pointer-events:none; }

/* anneau arc-en-ciel qui tourne (aujourd'hui, réussites) */
body[data-page] .fun-ring{ position:relative; }
body[data-page] .cal-day.today::before,
body[data-page] .sem7-jour.est-aujourdhui .sem7-tuile::before{
  content:"" !important; position:absolute; inset:-4px; border-radius:inherit; padding:3px; border:none !important;
  background:var(--prism-c); animation:fun-tourne 3s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events:none; z-index:2;
}

/* ============ le cercle arc-en-ciel derrière « Bonjour » ============ */
body[data-page="dashboard"] .tb-hero{ position:relative; isolation:isolate; }
body[data-page="dashboard"] .tb-hero::before{
  content:""; position:absolute; z-index:-1; left:50%; top:50%; width:340px; height:340px; margin:-170px 0 0 -170px; border-radius:50%;
  background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(46px); opacity:.42;
  animation:fun-souffle 7s ease-in-out infinite;
}

/* ============ cartes : blanches, nettes ============ */
body[data-page] .card,
body[data-page] .status-card{ background:#fff !important; }

/* ============ « Ta semaine » ============ */
body[data-page] .sem7{ gap:12px; }
body[data-page] .sem7-tuile{
  position:relative; overflow:visible !important;
  background:var(--b-doux) !important; border:none !important; border-radius:22px !important;
  padding:.9rem .3rem .85rem !important; gap:.5rem !important; box-shadow:none !important;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s !important;
}
body[data-page] .sem7-jour.est-plaisir .sem7-tuile{ background:var(--v-doux) !important; }
body[data-page] .sem7-nom{ font-size:13px !important; font-weight:800 !important; color:var(--b-fonce) !important; }
body[data-page] .sem7-jour.est-plaisir .sem7-nom{ color:var(--v-fonce) !important; }
body[data-page] .sem7-ic{ width:54px !important; height:54px !important; border-radius:50% !important; background:#fff !important; color:var(--b2) !important; box-shadow:0 8px 18px -10px rgba(26,155,224,.6); }
body[data-page] .sem7-jour.est-plaisir .sem7-ic{ color:var(--v2) !important; box-shadow:0 8px 18px -10px rgba(123,92,245,.6); }
body[data-page] .sem7-ic svg{ width:28px !important; height:28px !important; }
body[data-page] .sem7-num{ font-size:20px !important; color:#16161A !important; }
/* tenue : couleur pleine */
body[data-page] .sem7-jour.est-fait .sem7-tuile{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; box-shadow:0 16px 30px -16px rgba(26,155,224,.9) !important; }
body[data-page] .sem7-jour.est-plaisir.est-fait .sem7-tuile{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; box-shadow:0 16px 30px -16px rgba(123,92,245,.9) !important; }
body[data-page] .sem7-jour.est-fait .sem7-nom, body[data-page] .sem7-jour.est-fait .sem7-num{ color:#fff !important; }
body[data-page] .sem7-jour.est-fait .sem7-ic{ background:rgba(255,255,255,.25) var(--coche) center/26px no-repeat !important; box-shadow:none; }
body[data-page] .sem7-jour.est-fait .sem7-ic svg{ display:none !important; }
body[data-page] .sem7-jour:not(.est-futur) .sem7-tuile:hover{ transform:translateY(-5px) rotate(-2deg) !important; }
body[data-page] .sem7-jour.est-aujourdhui .sem7-tuile{ box-shadow:none !important; animation:none !important; }
body[data-page] .sem7-jour.est-futur .sem7-tuile{ background:#fff !important; outline:1.5px dashed rgba(22,22,26,.14); opacity:.75 !important; }
body[data-page] .sem7-jour.est-futur .sem7-ic{ box-shadow:none; background:#F5F6F8 !important; }
/* barres de progression : arc-en-ciel qui défile */
body[data-page] .sem7-barre{ height:12px !important; background:#EEF0F3 !important; }
body[data-page] .sem7-barre i{ background:var(--prism-l) !important; background-size:200% 100% !important; animation:fun-prism 4s linear infinite; }

/* ============ chiffres ============ */
body[data-page] .tb-chiffres strong, body[data-page] .tb-chiffres .n{ background:var(--prism-l); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:fun-prism 8s linear infinite; }

/* ============ paliers ============ */
body[data-page] .recomp-med{ width:64px !important; height:64px !important; background:#F1F2F5 !important; border:none !important; box-shadow:none !important; color:rgba(22,22,26,.35) !important; transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
body[data-page] .recomp-med svg{ width:30px !important; height:30px !important; }
body[data-page] .recomp.on .recomp-med{ position:relative; background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; box-shadow:0 14px 26px -14px rgba(123,92,245,.9) !important; }
body[data-page] .recomp.on .recomp-med::after{ content:""; position:absolute; inset:-5px; border-radius:50%; padding:3px; background:var(--prism-c); animation:fun-tourne 4s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
body[data-page] .recomp:hover .recomp-med{ transform:translateY(-5px) rotate(-8deg) scale(1.08); }
body[data-page] .recomp-nom{ font-size:12px !important; }

/* ============ carte du jour ============ */
body[data-page] .status-card{ border:none !important; box-shadow:0 24px 50px -32px rgba(26,155,224,.7) !important; background:linear-gradient(160deg,#EAF7FE,#fff 60%) !important; }
body[data-page] .status-card.status--normal{ box-shadow:0 24px 50px -32px rgba(123,92,245,.7) !important; background:linear-gradient(160deg,#F2EDFF,#fff 60%) !important; }
body[data-page] .status-card .status-emoji{
  width:72px !important; height:72px !important; border-radius:24px !important; border:none !important;
  background:linear-gradient(155deg,var(--b1),var(--b2)) !important; color:#fff !important; opacity:1 !important;
  box-shadow:0 18px 30px -14px rgba(26,155,224,.9) !important; animation:fun-flotte 4s ease-in-out infinite;
}
body[data-page] .status-card.status--normal .status-emoji{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; box-shadow:0 18px 30px -14px rgba(123,92,245,.9) !important; }
body[data-page] .status-card .status-emoji svg{ width:36px !important; height:36px !important; }
body[data-page] .status-card .status-tag{ background:#fff !important; }
body[data-page] .status-card.status--normal .status-tag{ color:var(--v-fonce) !important; }
body[data-page] .tb-amorce-ic{ width:56px !important; height:56px !important; border-radius:18px !important; border:none !important; background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; }
body[data-page] .tb-amorce-ic svg{ width:28px !important; height:28px !important; }

/* ============ « Tes outils » ============ */
body[data-page] .tool-card{ align-items:center !important; background:#fff !important; border:1px solid rgba(22,22,26,.06) !important; transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s !important; }
body[data-page] .tool-card:hover{ transform:translateY(-5px) !important; box-shadow:0 26px 50px -30px rgba(22,22,26,.5) !important; }
body[data-page] .tool-card .ic{ width:64px !important; height:64px !important; border-radius:20px !important; border:none !important; color:#fff !important; transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
body[data-page] .tool-card .ic svg{ width:32px !important; height:32px !important; }
body[data-page] .tool-cards > .tool-card:nth-child(1) .ic{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; box-shadow:0 14px 24px -12px var(--v2); }
body[data-page] .tool-cards > .tool-card:nth-child(2) .ic{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; box-shadow:0 14px 24px -12px var(--b2); }
body[data-page] .tool-cards > .tool-card:nth-child(3) .ic{ background:linear-gradient(155deg,#FF8FC0,#F0468A) !important; box-shadow:0 14px 24px -12px #F0468A; }
body[data-page] .tool-cards > .tool-card:nth-child(4) .ic{ background:linear-gradient(155deg,#FFB27A,#FF7A3D) !important; box-shadow:0 14px 24px -12px #FF7A3D; }
body[data-page] .tool-card:hover .ic{ transform:rotate(-10deg) scale(1.12); }

/* ============ phrase du jour ============ */
body[data-page] .tb-pensee .prism-word{ background-image:var(--prism-l) !important; background-size:200% 100% !important; animation:fun-prism 6s linear infinite; font-family:"Manrope",system-ui,sans-serif; font-weight:800; letter-spacing:-.025em; }

/* ============ calendrier : fort contraste ============ */
body[data-page] .cal-grid{ gap:10px !important; }
body[data-page] .cal-dow{ font-size:13px !important; font-weight:800 !important; color:rgba(22,22,26,.5) !important; }
body[data-page] .cal-day{
  position:relative; aspect-ratio:1/1.05 !important; gap:8px !important; border:none !important; border-radius:20px !important;
  background:var(--b-doux) !important; box-shadow:none !important;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s !important;
}
body[data-page] .cal-day.normal, body[data-page] .cal-day.plaisir{ background:var(--v-doux) !important; }
body[data-page] .cal-day.empty{ background:transparent !important; }
body[data-page] .cal-day .num{ font-size:18px !important; font-weight:800 !important; color:#16161A !important; }
body[data-page] .cal-day .dt{ width:40px !important; height:40px !important; border-radius:50% !important; background:#fff !important; color:var(--b2) !important; box-shadow:0 6px 14px -8px rgba(26,155,224,.7); }
body[data-page] .cal-day.normal .dt, body[data-page] .cal-day.plaisir .dt{ color:var(--v2) !important; box-shadow:0 6px 14px -8px rgba(123,92,245,.7); }
body[data-page] .cal-day .dt svg{ width:22px !important; height:22px !important; stroke-width:2.2 !important; }
/* tenue : couleur pleine */
body[data-page] .cal-day.done{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; box-shadow:0 14px 26px -14px rgba(26,155,224,.95) !important; }
body[data-page] .cal-day.done.normal, body[data-page] .cal-day.done.plaisir{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; box-shadow:0 14px 26px -14px rgba(123,92,245,.95) !important; }
body[data-page] .cal-day.done .num{ color:#fff !important; }
body[data-page] .cal-day.done::after{ content:none !important; }
body[data-page] .cal-day.done .dt{ background:rgba(255,255,255,.25) var(--coche) center/22px no-repeat !important; box-shadow:none; }
body[data-page] .cal-day.done .dt svg{ display:none !important; }
/* aujourd'hui : l'anneau arc-en-ciel tourne */
body[data-page] .cal-day.today{ outline:none !important; box-shadow:0 14px 30px -18px rgba(139,92,246,.8) !important; animation:none !important; }
/* à venir : blanc, en pointillés */
body[data-page] .cal-day[data-future]{ background:#fff !important; box-shadow:inset 0 0 0 1.5px rgba(22,22,26,.1) !important; opacity:.8; }
body[data-page] .cal-day[data-future] .dt{ background:#F5F6F8 !important; box-shadow:none; }
body[data-page] .cal-day:not(.empty):not([data-future]):hover{ transform:translateY(-4px) rotate(-2deg) !important; }
body[data-page] .cal-day:not(.empty):not([data-future]):active{ transform:scale(.93) !important; }
body[data-page] #calGrid.fun-cascade > *{ animation:fun-cascade .45s cubic-bezier(.2,.8,.3,1) both; animation-delay:calc(var(--k,0) * 14ms); }
/* légende */
body[data-page] .cal-legend span{ font-size:14px; padding:.45em 1em .45em .5em !important; }
body[data-page] .cal-legend i{ width:22px !important; height:22px !important; border-radius:50% !important; border:none !important; box-shadow:none !important; }
body[data-page] .cal-legend span:nth-child(1) i{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; }
body[data-page] .cal-legend span:nth-child(2) i{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; }
body[data-page] .cal-legend span:nth-child(3) i{ background:var(--prism-c) !important; animation:fun-tourne 3s linear infinite; }
body[data-page] .cal-legend span:nth-child(3){ font-size:0; }
body[data-page] .cal-legend span:nth-child(3)::after{ content:"Aujourd'hui"; font-size:14px; margin-left:.5em; }
body[data-page] .today-banner{ border:none !important; }

/* ============ méthode : frise et rubans ============ */
body[data-page] .principe-cle .pc-rythme li{ border:none !important; border-radius:50% !important; }
body[data-page] .principe-cle .pc-rythme li.leger{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; box-shadow:0 8px 16px -8px var(--b2); }
body[data-page] .principe-cle .pc-rythme li.normal{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; box-shadow:0 8px 16px -8px var(--v2); }
body[data-page] .principe-cle .pc-legende i{ border-radius:50% !important; }
body[data-page] .principe-cle .pc-legende i.n{ background:var(--v2) !important; border-color:var(--v2) !important; }
body[data-page] .mv-ruban .pt{ width:52px !important; height:52px !important; border-radius:50% !important; border:none !important; color:#fff !important; }
body[data-page] .mv-ruban .pt svg{ width:26px !important; height:26px !important; }
body[data-page] .mv-ruban .pt.l{ background:linear-gradient(155deg,var(--b1),var(--b2)) !important; }
body[data-page] .mv-ruban .pt.p{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; }
body[data-page] .mv-jour .mj-emoji{ width:60px !important; height:60px !important; border-radius:20px !important; border:none !important; color:#fff !important; background:linear-gradient(155deg,var(--b1),var(--b2)) !important; }
body[data-page] .mv-jour.plaisir .mj-emoji{ background:linear-gradient(155deg,var(--v1),var(--v2)) !important; color:#fff !important; }
body[data-page] .mv-jour .mj-emoji svg{ width:30px !important; height:30px !important; }
body[data-page] .mv-chips a > svg{ background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; border:none !important; }

/* ============ compteur ============ */
body[data-page] .search-box input{
  height:66px; padding:0 22px 0 58px !important; border-radius:999px !important; font-size:18px;
  border:2px solid rgba(22,22,26,.16) !important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316161A' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 20px center/24px no-repeat !important;
  transition:border-color .2s, box-shadow .2s;
}
body[data-page] .search-box input:focus{ border-color:#37BDF8 !important; box-shadow:0 0 0 6px rgba(55,189,248,.18); }
body[data-page] .results li{ background:#fff; border-radius:18px; animation:fun-pop .35s cubic-bezier(.34,1.56,.64,1) both; }
body[data-page] .results .kcal{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; color:var(--b-fonce); }
body[data-page] .results .add{ width:44px; height:44px; font-size:24px; font-weight:800; color:#fff; background:linear-gradient(155deg,var(--b1),var(--v2)); box-shadow:0 10px 18px -10px var(--v2); transition:transform .25s cubic-bezier(.34,1.56,.64,1); }
body[data-page] .results .add:hover{ transform:rotate(90deg) scale(1.12); }
body[data-page] .meal-list li{ animation:fun-pop .35s cubic-bezier(.34,1.56,.64,1) both; }
body[data-page] .meal-objectif{ flex-direction:column; align-items:center; gap:14px; margin:1.6rem 0 .4rem; }
body[data-page] .fun-anneau{ position:relative; width:230px; height:230px; }
body[data-page] .fun-anneau::before{ content:""; position:absolute; inset:18%; border-radius:50%; background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(30px); opacity:.25; animation:fun-souffle 6s ease-in-out infinite; }
body[data-page] .fun-anneau svg{ position:relative; width:100%; height:100%; display:block; }
body[data-page] .fun-anneau.fun-trop .fun-arc{ stroke:#F0468A; }
body[data-page] .fun-anneau-centre{ position:absolute; inset:0; display:grid; place-items:center; }
body[data-page] .fun-anneau .meal-total{ flex-direction:column; align-items:center; gap:0; }
body[data-page] .fun-anneau .meal-num{ font-family:"Manrope",system-ui,sans-serif; font-size:54px; letter-spacing:-.04em; }
body[data-page] .fun-anneau .meal-unit{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; font-size:15px; }
body[data-page] .meal-target{ text-align:center; font-family:"Manrope",system-ui,sans-serif; font-weight:600; }
body[data-page] .meal-target br{ display:none; }
body[data-page] .meal-target strong{ color:var(--b-fonce); margin-left:.3em; }
body[data-page] #gauge{ display:none; }
body[data-page] #gaugeMsg{ text-align:center; font-weight:600; color:#16161A; }

/* ============ recettes : filtres ============ */
body[data-page] .recipe-filters button.on{ background:linear-gradient(155deg,var(--b1),var(--v2)) !important; border-color:transparent !important; color:#fff !important; }

@media (max-width:640px){
  body[data-page] .sem7-ic{ width:46px !important; height:46px !important; }
  body[data-page] .sem7-ic svg{ width:24px !important; height:24px !important; }
  body[data-page] .cal-grid{ gap:6px !important; }
  body[data-page] .cal-day{ border-radius:14px !important; gap:4px !important; aspect-ratio:1/1.2 !important; }
  body[data-page] .cal-day .num{ font-size:14px !important; }
  body[data-page] .cal-day .dt{ width:28px !important; height:28px !important; }
  body[data-page] .cal-day .dt svg{ width:16px !important; height:16px !important; }
  body[data-page] .cal-day.done .dt{ background-size:16px !important; }
  body[data-page] .tool-card .ic{ width:56px !important; height:56px !important; }
}
@media (prefers-reduced-motion:reduce){ body[data-page] *, body[data-page] *::before, body[data-page] *::after{ animation:none !important; } }


/* ============ méthode : « À quoi ressemble ma journée » toujours visible (16/10) ============
   Plus de bouton à déplier : le contenu est là, et ses lignes apparaissent l'une après
   l'autre quand la carte arrive à l'écran (classe .in posée par le script de la page). */
body[data-page] .mv-jour .mj-detail{ max-height:none !important; overflow:visible !important; margin-top:1.1rem; padding-top:1rem; border-top:1px solid rgba(22,22,26,.08); }
body[data-page] .mv-jour .mj-titre{ margin:0 0 .6rem !important; font-family:"Manrope",system-ui,sans-serif; font-weight:800; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--b-fonce) !important; }
body[data-page] .mv-jour.plaisir .mj-titre{ color:var(--v-fonce) !important; }
body[data-page] .mv-jour .mj-detail ul{ display:grid; gap:8px; }
body[data-page] .mv-jour .mj-detail li{
  border:none !important; background:rgba(255,255,255,.75); border-radius:14px; padding:.65em .9em .65em 2.9em !important;
  color:#16161A; font-weight:500; box-shadow:0 6px 16px -12px rgba(22,22,26,.35);
}
body[data-page] .mv-jour .mj-detail li::before{
  content:"" !important; display:block; position:absolute !important; left:.8em !important; top:50% !important; width:20px; height:20px; margin-top:-10px; border-radius:50%;
  background:var(--coche) center/12px no-repeat, linear-gradient(155deg,var(--b1),var(--b2));
}
body[data-page] .mv-jour.plaisir .mj-detail li::before{ background:var(--coche) center/12px no-repeat, linear-gradient(155deg,var(--v1),var(--v2)); }
@keyframes mj-ligne{ from{ opacity:0; transform:translateX(-10px) } to{ opacity:1; transform:none } }
body[data-page] .mv-jour .mj-detail > *{ animation:mj-ligne .5s cubic-bezier(.2,.8,.3,1) both; }
body[data-page] .mv-jour .mj-detail li:nth-child(1){ animation-delay:.15s } body[data-page] .mv-jour .mj-detail li:nth-child(2){ animation-delay:.3s }
body[data-page] .mv-jour .mj-detail li:nth-child(3){ animation-delay:.45s } body[data-page] .mv-jour .mj-detail li:nth-child(4){ animation-delay:.6s }
body[data-page] .mv-jour .mj-detail li:nth-child(5){ animation-delay:.75s } body[data-page] .mv-jour .mj-detail li:nth-child(6){ animation-delay:.9s }
body[data-page] .mv-jour .mj-detail li:nth-child(n+7){ animation-delay:1s }
body[data-page] .mv-jour.mv-reveal:not(.in) .mj-detail > *{ animation-play-state:paused; }

/* ============ méthode : les deux cartes alignées ligne à ligne (subgrid) ============ */
@supports (grid-template-rows:subgrid){
  @media (min-width:701px){
    body[data-page] .mv-duo{ grid-template-rows:repeat(7,auto); row-gap:0 !important; }
    body[data-page] .mv-duo > .mv-jour{ display:grid !important; grid-row:span 7; grid-template-rows:subgrid; align-content:start; row-gap:0; }
    body[data-page] .mv-jour .mj-detail{ display:contents !important; }
    body[data-page] .mv-jour > .mj-emoji{ align-self:start; }
    body[data-page] .mv-jour > h3{ align-self:end; }
    body[data-page] .mv-jour > .mj-val{ align-self:start; padding-bottom:1rem; }
    body[data-page] .mv-jour .mj-titre{ align-self:start; border-top:1px solid rgba(22,22,26,.08); padding-top:1rem !important; margin-top:0 !important; }
    body[data-page] .mv-jour .mj-detail > p:not(.mj-titre){ align-self:start; margin:0 0 .8rem !important; }
    body[data-page] .mv-jour .mj-detail > ul{ align-self:start; }
  }
}

/* ============ méthode : encart « Le secret, il est là » ============ */
body[data-page] .mv-secret{
  position:relative; isolation:isolate; overflow:hidden; max-width:760px; margin:2.4rem auto 0; text-align:center;
  padding:clamp(28px,5vw,48px) clamp(22px,5vw,52px); border-radius:32px; background:#fff;
  box-shadow:0 30px 70px -40px rgba(123,92,245,.7);
}
body[data-page] .mv-secret::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:3px; z-index:1; pointer-events:none;
  background:var(--prism-c); animation:fun-tourne 6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
body[data-page] .mv-secret::after{
  content:""; position:absolute; z-index:-1; width:360px; height:360px; left:50%; top:-170px; margin-left:-180px; border-radius:50%;
  background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(60px); opacity:.28; animation:fun-souffle 7s ease-in-out infinite;
}
body[data-page] .mv-secret .ms-sur{ display:inline-block; font:800 13px/1 "Manrope",system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#fff; padding:.6em 1.1em; border-radius:999px; background:linear-gradient(155deg,var(--b1),var(--v2)); box-shadow:0 10px 20px -10px var(--v2); }
body[data-page] .mv-secret .ms-titre{ margin:.7em auto .6em; max-width:20em; font:800 clamp(26px,3.6vw,38px)/1.12 "Manrope",system-ui,sans-serif; letter-spacing:-.035em; color:#16161A; }
body[data-page] .mv-secret .ms-titre span{ background:var(--prism-l); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:fun-prism 6s linear infinite; }
body[data-page] .mv-secret p{ max-width:36em; margin:0 auto .9em; font-size:18px; line-height:1.6; color:rgba(22,22,26,.72); }
body[data-page] .mv-secret p b{ color:#16161A; }
body[data-page] .mv-secret .ms-fin{ margin:1.4em auto 0; padding-top:1.2em; border-top:1px solid rgba(22,22,26,.08); font:700 19px/1.5 "Manrope",system-ui,sans-serif; color:#16161A; }
@media (max-width:640px){ body[data-page] .mv-secret p{ font-size:16.5px; } }

/* ============================================================
   « Adouci » (17/10/2026) — choisi par Ben parmi 3 versions :
   mêmes couleurs, en pastel ; plus de dégradés pleins ni d’ombres
   colorées ; la phrase du jour en noir ; moins de mouvement.
   ============================================================ */
body[data-page] .tb-pensee .prism-word{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#16161A !important; color:#16161A !important; animation:none !important; }
body[data-page] .sem7-jour:not(.est-futur) .sem7-tuile:hover{ transform:translateY(-3px) !important; }
body[data-page] .tool-card:hover .ic{ transform:none !important; }
body[data-page] .recomp:hover .recomp-med{ transform:translateY(-3px) !important; }
body[data-page] .status-card .status-emoji{ animation:none !important; }
body[data-page] .recomp.on .recomp-med::after{ content:none !important; }
body[data-page] .sem7-barre i, body[data-page] .recomp-barre i, body[data-page] [class*="palier"] i{ animation:none !important; }
body[data-page] .tb-amorce::after{ content:none !important; }
body[data-page] .tb-amorce, body[data-page] .tb-bloc{ background:#fff !important; border:1px solid rgba(22,22,26,.08) !important; box-shadow:0 20px 44px -36px rgba(22,22,26,.4) !important; }
body[data-page] .status-card .status-emoji, body[data-page] .status-card.status--normal .status-emoji{ box-shadow:none !important; }
body[data-page="dashboard"] .tb-hero::before{ opacity:.18 !important; }
body[data-page] .status-card, body[data-page] .status-card.status--normal, body[data-page] .card{ background:#fff !important; box-shadow:0 1px 0 rgba(22,22,26,.03), 0 20px 44px -34px rgba(22,22,26,.4) !important; border:1px solid rgba(22,22,26,.07) !important; }
body[data-page] .status-card .status-emoji{ background:#E6F6FE !important; color:#0B84BF !important; box-shadow:none !important; }
body[data-page] .status-card.status--normal .status-emoji{ background:#F1ECFF !important; color:#6D4AE8 !important; }
body[data-page] .tb-amorce-ic{ background:#E6F6FE !important; color:#0B84BF !important; box-shadow:none !important; }
body[data-page] .sem7-jour.est-fait .sem7-tuile{ background:#E6F6FE !important; box-shadow:none !important; }
body[data-page] .sem7-jour.est-plaisir.est-fait .sem7-tuile{ background:#F1ECFF !important; }
body[data-page] .sem7-jour.est-fait .sem7-nom{ color:#0B84BF !important; } body[data-page] .sem7-jour.est-plaisir.est-fait .sem7-nom{ color:#6D4AE8 !important; }
body[data-page] .sem7-jour.est-fait .sem7-num{ color:#16161A !important; }
body[data-page] .sem7-jour.est-fait .sem7-ic{ background:#37BDF8 var(--coche) center/24px no-repeat !important; }
body[data-page] .sem7-jour.est-plaisir.est-fait .sem7-ic{ background:#8B5CF6 var(--coche) center/24px no-repeat !important; }
body[data-page] .sem7-barre i{ background:#37BDF8 !important; }
body[data-page] .recomp.on .recomp-med{ background:#E6F6FE !important; color:#0B84BF !important; box-shadow:none !important; }
body[data-page] .tool-card .ic{ box-shadow:none !important; }
body[data-page] .tool-cards > .tool-card:nth-child(1) .ic{ background:#F1ECFF !important; color:#6D4AE8 !important; }
body[data-page] .tool-cards > .tool-card:nth-child(2) .ic{ background:#E6F6FE !important; color:#0B84BF !important; }
body[data-page] .tool-cards > .tool-card:nth-child(3) .ic{ background:#FFEAF3 !important; color:#E0457A !important; }
body[data-page] .tool-cards > .tool-card:nth-child(4) .ic{ background:#FFF0E5 !important; color:#E86A1F !important; }
/* « Adouci » — calendrier : case pastel, pastille pleine quand le jour est tenu */
body[data-page] .cal-day.done{ background:var(--b-doux) !important; box-shadow:none !important; }
body[data-page] .cal-day.done.normal, body[data-page] .cal-day.done.plaisir{ background:var(--v-doux) !important; }
body[data-page] .cal-day.done .num{ color:#16161A !important; }
body[data-page] .cal-day.done .dt{ background:#37BDF8 var(--coche) center/22px no-repeat !important; }
body[data-page] .cal-day.done.normal .dt, body[data-page] .cal-day.done.plaisir .dt{ background:#8B5CF6 var(--coche) center/22px no-repeat !important; }
body[data-page] .cal-day .dt, body[data-page] .cal-day.normal .dt, body[data-page] .cal-day.plaisir .dt{ box-shadow:none !important; }
body[data-page] .cal-day:not(.empty):not([data-future]):hover{ transform:translateY(-2px) !important; }
body[data-page] .cal-legend span:nth-child(1) i{ background:#37BDF8 !important; }
body[data-page] .cal-legend span:nth-child(2) i{ background:#8B5CF6 !important; }
/* « Adouci » — méthode */
body[data-page] .principe-cle .pc-phrase em{ background:none !important; -webkit-text-fill-color:currentColor !important; color:#16161A !important; animation:none !important; }
body[data-page] .principe-cle .pc-rythme li.leger{ background:#37BDF8 !important; box-shadow:none !important; }
body[data-page] .principe-cle .pc-rythme li.normal{ background:#8B5CF6 !important; box-shadow:none !important; }
body[data-page] .mv-ruban .pt.l{ background:var(--b-doux) !important; color:#0B84BF !important; }
body[data-page] .mv-ruban .pt.p{ background:var(--v-doux) !important; color:#6D4AE8 !important; }
body[data-page] .mv-jour .mj-emoji{ background:var(--b-doux) !important; color:#0B84BF !important; box-shadow:none !important; }
body[data-page] .mv-jour.plaisir .mj-emoji{ background:var(--v-doux) !important; color:#6D4AE8 !important; }
body[data-page] .mv-jour, body[data-page] .mv-jour.plaisir{ background:#fff !important; border-color:rgba(22,22,26,.08) !important; box-shadow:0 20px 44px -36px rgba(22,22,26,.4) !important; }
body[data-page] .mv-jour .mj-detail li::before{ background:var(--coche) center/12px no-repeat, #37BDF8 !important; }
body[data-page] .mv-jour.plaisir .mj-detail li::before{ background:var(--coche) center/12px no-repeat, #8B5CF6 !important; }
body[data-page] .mv-chips a > svg{ background:var(--b-doux) !important; color:#0B84BF !important; }
body[data-page] .mv-secret{ box-shadow:0 20px 44px -36px rgba(22,22,26,.4) !important; }
body[data-page] .mv-secret::before{ animation:none !important; opacity:.55; }
body[data-page] .mv-secret::after{ opacity:.12 !important; animation:none !important; }
body[data-page] .mv-secret .ms-titre span{ background:none !important; -webkit-text-fill-color:currentColor !important; color:#16161A !important; animation:none !important; }
/* « Adouci » — compteur et recettes */
body[data-page] .results .add{ background:#37BDF8 !important; box-shadow:none !important; }
body[data-page] .recipe-filters button.on{ background:#16161A !important; }
body[data-page] .tb-chiffres strong, body[data-page] .tb-chiffres .n{ background:none !important; -webkit-text-fill-color:#16161A !important; color:#16161A !important; animation:none !important; }
body[data-page] .cal-day:not(.today){ box-shadow:none !important; }