/* Accueil lunaire (v234) — chargé après les styles existants, limité à #screen-home.lunar-home */

@font-face{font-family:'Fraunces';src:url(assets/fonts/Fraunces-latin.woff2) format('woff2');font-weight:300 700;font-display:swap}
#screen-home.lunar-home{--lunar-serif:'Fraunces',Didot,"Bodoni 72",Georgia,serif}
#screen-home.lunar-home h1,#screen-home.lunar-home h2,#screen-home.lunar-home h3,#screen-home.lunar-home .racine-cycle-ring__phase{font-family:var(--lunar-serif)!important;font-weight:400!important;letter-spacing:-.015em!important;font-variation-settings:'SOFT' 30,'WONK' 0}
#screen-home.lunar-home .home-continuous-foliage{display:none}

/* Haut de page façon Lively : pas de photo ni de « Bonjour », onglets de date + calendrier */
#screen-home.lunar-home .home-photo,#screen-home.lunar-home .home-greeting,#screen-home.lunar-home .home-panel-wave,#screen-home.lunar-home .home-panel .flora-note,#screen-home.lunar-home .home-continuous-foliage,#screen-home.lunar-home .home-panel>.home-botanical-bg{display:none!important}
#screen-home.lunar-home,#screen-home.lunar-home>.page{background:#f8ede1}
#screen-home.lunar-home .home-masthead{background:transparent;padding-bottom:0}
#screen-home.lunar-home .home-panel{margin-top:0;padding-top:calc(14px + env(safe-area-inset-top,0px));background:radial-gradient(ellipse 95% 60% at 50% 42%,#fef4ea 0%,#fcf1e5 50%,#f6e9d9 85%,#f4e6d2 100%)}
.lunar-top{position:relative;z-index:3;text-align:center}
.lunar-tabs-row{display:flex;align-items:center;gap:6px}
.lunar-top-icon{position:relative;flex:0 0 40px;width:40px;height:40px;border:0;background:none;color:#c08a4e;display:grid;place-items:center;cursor:pointer}
.lunar-top-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lunar-top-bell .unread-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:#c4523d;border:1.5px solid #fbf1e6}
.lunar-dates{flex:1;min-width:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.lunar-dates::-webkit-scrollbar{display:none}
.lunar-dates:before,.lunar-dates:after{content:"";flex:0 0 33.333%}
.lunar-dates button{flex:0 0 33.333%;scroll-snap-align:center;position:relative;border:0;background:none;padding:10px 2px 12px;font:500 clamp(10.5px,3.1vw,13px)/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#c9b6a6;cursor:pointer;white-space:nowrap;transition:color .2s}
.lunar-dates button.is-active{color:#2f1a14}
.lunar-dates button.is-active:after{content:"";position:absolute;left:30%;right:30%;bottom:2px;height:3px;border-radius:3px;background:#c08a4e}
.lunar-top-text{margin:10px auto 0;min-height:2.8em}
.lunar-top-day{margin:0;font:400 clamp(17px,4.9vw,20px)/1.2 var(--lunar-serif);color:#2f1a14;letter-spacing:0}
.lunar-top-day span{font-style:italic;color:#8a5a45}
.lunar-top-sub{margin:6px 0 0;font:400 clamp(12.5px,3.6vw,14px)/1.35 var(--sans);color:#8a6a5a}

/* Cercle lunaire : proportions mesurées sur la maquette (orbite 35 %, lunes à 28,6 %, disque central 47 %) */
#screen-home.lunar-home .home-panel .cycle-wrap{width:calc(100% + 38px);max-width:none;margin:-44px -19px 0;aspect-ratio:1;overflow:visible}
#screen-home.lunar-home .home-panel .cycle-wrap:before,#screen-home.lunar-home .home-panel .cycle-wrap:after{display:none}
#screen-home.lunar-home .home-panel .racine-cycle-ring{max-width:none}
#screen-home.lunar-home .cycle-wrap #cycle-ring{z-index:2}
.lunar-plant{position:absolute;z-index:0;height:auto;pointer-events:none}
.lunar-ring .racine-cycle-ring__visual{position:relative;width:100%;aspect-ratio:1}
.lunar-ring .lunar-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lunar-ring .lunar-orbit circle{fill:none;stroke:#b5806a;stroke-width:.2;stroke-dasharray:.6 .9;opacity:.8}
.lunar-day{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:lunarIn .5s ease both;animation-delay:var(--d,0ms);transition:transform .25s ease}
.lunar-day svg{display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
.lunar-day .lunar-rim{fill:none;stroke-width:2.6;stroke-opacity:.72}
.lunar-day:hover svg{filter:brightness(1.04)}
.lunar-day:focus-visible{outline:2px solid #9b4d35;outline-offset:3px}
.lunar-day[data-phase="late"] svg{filter:grayscale(1) opacity(.5)}
.lunar-day.is-selected{z-index:3;transform:translate(-50%,-50%) scale(1.3)}
.lunar-day.is-selected:before{content:"";position:absolute;inset:-24%;border-radius:50%;background:url('assets/accueil-lunaire/halo.webp') center/contain no-repeat;z-index:-1}
@keyframes lunarIn{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lunar-day{animation:none}}
.lunar-marker{position:absolute;z-index:1;width:0;height:0;pointer-events:none}
.lunar-marker i{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50%;background:#a8735f}
.lunar-marker span{position:absolute;white-space:nowrap;font:500 clamp(7.5px,2.15vw,10px)/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#7d4a3a;text-shadow:0 0 3px #fdf3ea,0 0 6px #fdf3ea,0 0 10px #fdf3ea}
.lunar-marker--top span{left:0;bottom:8px;transform:translateX(-50%);text-align:center}
.lunar-marker--bottom span{left:0;top:8px;transform:translateX(-50%);text-align:center}
.lunar-marker--left span{right:5px;top:0;transform:translateY(-50%);text-align:right;font-size:clamp(7px,1.95vw,9.5px);letter-spacing:0}
.lunar-marker--right span{left:5px;top:0;transform:translateY(-50%);text-align:left;font-size:clamp(7px,1.95vw,9.5px);letter-spacing:0}
.lunar-marker span.on-plant{background:#fbf1e6eb;padding:2px 6px;border-radius:8px;box-shadow:0 2px 6px #5a3a2a14}
.lunar-marker--menstruations i,.lunar-marker--ovulation i{background:#9b4d35}
.lunar-marker--menstruations span,.lunar-marker--ovulation span{font-weight:600;color:#9b4d35;letter-spacing:.08em}

/* Centre du cercle */
.lunar-ring .racine-cycle-ring__center{inset:26.5%;padding:2% 5%;gap:0;background:radial-gradient(circle at 45% 35%,#fdf6ee 0%,#fbf2e7 65%,#f7ede1 100%);box-shadow:0 12px 34px #8a5b3d12,inset 0 0 0 1px #d8b9a41f;pointer-events:none}
.lunar-ring .racine-cycle-ring__today{color:#a2553d;font:600 clamp(8px,2.2vw,10px)/1 var(--sans);letter-spacing:.14em}
.lunar-ring .racine-cycle-ring__phase{font:400 clamp(17px,5.2vw,23px)/1.04 var(--lunar-serif);color:#2f1a14;margin:.32em 0 0;max-width:9em}
.lunar-ring .lunar-rule{display:block;width:30px;height:1px;background:#c99a82;margin:.5em auto .45em}
.lunar-ring .racine-cycle-ring__day{display:none;font:600 clamp(10px,2.8vw,12px)/1.2 var(--sans);color:#8a4a36;margin-bottom:.35em}
.lunar-ring .is-other-day .racine-cycle-ring__day{display:block}
.lunar-ring .is-other-day .lunar-rule{display:none}
.lunar-ring .is-other-day .racine-cycle-ring__day{margin-top:.35em}
.lunar-ring .lunar-desc{margin:0;max-width:16em;font:400 clamp(9px,2.5vw,11px)/1.38 var(--sans);color:#5d4136}
.lunar-ring .lunar-moon-line{margin-top:.45em;font:500 clamp(8px,2.2vw,9.5px)/1.3 var(--sans);color:#8a6a5a;letter-spacing:.01em}
.lunar-ring .racine-cycle-ring__status{display:none;margin-top:.25em;font-size:clamp(8px,2.1vw,9.5px);color:#6f7d4a;font-weight:600;max-width:18em}
.lunar-ring .racine-cycle-ring__status.is-fertile{display:block}
.lunar-advice-btn{pointer-events:auto;margin-top:.7em;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:clamp(6px,1.8vw,9px) clamp(14px,4vw,19px);background:#b46a54;color:#fff8f1;font:500 clamp(10.5px,3vw,13px)/1 var(--sans);box-shadow:0 6px 14px #8d43301f;cursor:pointer}
.lunar-advice-btn span{font-size:1.3em;line-height:.6}
.lunar-advice-btn:active{transform:scale(.97)}

/* Hormones */
#screen-home.lunar-home .lunar-hormones{position:relative;z-index:1;margin-top:18px}
#screen-home.lunar-home .lunar-hormones .section-row{margin:0 0 10px;align-items:baseline}
#screen-home.lunar-home .lunar-hormones h2{font:400 clamp(19px,5.6vw,23px)/1.15 var(--lunar-serif);color:#2f1a14;margin:0}
.lunar-chart{position:relative;background:none;padding:6px 0 0;overflow:visible}
.lunar-chart svg{display:block;width:100%;height:118px;overflow:visible}
.lunar-legend{position:absolute;left:4px;top:4px;margin:0;padding:0;list-style:none;font:500 clamp(10px,3vw,12px)/1.6 var(--sans);z-index:1;pointer-events:none}
.lunar-legend span{display:inline-block;min-width:1em;font-weight:700}
.lunar-chart{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.lunar-chart-cursor line{stroke:#9b4d35;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.lunar-chart-cursor circle{fill:#9b4d35}
.lunar-chart-cursor,.lunar-chart-hdot{transition:transform .35s cubic-bezier(.3,.7,.3,1)}
.lunar-band{opacity:0;transition:opacity .3s}.lunar-band.is-active{opacity:.07}
.lunar-levels{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.lunar-levels li{display:flex;align-items:center;gap:7px;font-size:12px;color:#5d4136;min-width:0}
.lunar-levels i{flex:0 0 8px;width:8px;height:8px;border-radius:50%}
.lunar-levels b{font-weight:600;color:#3a2119}
.lunar-levels span{margin-left:auto;white-space:nowrap;color:#8a4a36;font-weight:500}
.lunar-phase-text{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#4a2b21}
.lunar-phases{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;text-align:center;font:500 clamp(9px,2.6vw,11px)/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#7c6255}
.lunar-phases button{padding:6px 0 9px;position:relative;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;border-radius:8px}
.lunar-phases button:active{background:#f1dfd2}
.lunar-phases button.is-active{color:#3a2119}
.lunar-phases button.is-active:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:3px;background:#b46a54}
.lunar-chart-note{margin:8px 2px 0;font-size:10px;line-height:1.4;color:#9a8072}
.lunar-hormone-detail p,.lunar-hormone-detail li{font-size:13px;line-height:1.55;color:#5d4136}
.lunar-hormone-detail ul{padding-left:18px;margin:10px 0}
.lunar-hormone-detail li{margin-bottom:7px}
.lunar-detail-note{font-size:11.5px!important;color:#9a8072!important}

/* Le conseil de tes racines */
#screen-home.lunar-home .lunar-roots{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:20px 0 4px;padding:14px 14px 14px 12px;border-radius:18px;background:#f8e2d2;cursor:pointer}
.lunar-roots-art{flex:0 0 66px;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,#fbeee7 0%,#f3d9cd 100%);display:grid;place-items:center;overflow:visible}
.lunar-roots-art img{width:84px;max-width:none;transform:translateX(-6px) rotate(-10deg);filter:drop-shadow(0 3px 5px #6e3b2826)}
.lunar-roots h3{margin:0 0 5px;font:400 clamp(17px,4.9vw,20px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-roots p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(12px,3.4vw,13.5px);line-height:1.45;color:#5d4136}
.lunar-roots p strong{font-weight:600;color:#4a2b21}
.lunar-roots-go{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f2d3c3;color:#8a4a36;font-size:24px;line-height:1}

@media (max-width:370px){
  #screen-home.lunar-home .home-panel .cycle-wrap{width:calc(100% + 32px);margin:-40px -16px 0}
}

/* Noms des phases écrits en arc le long de l'orbite */
.lunar-ring .lunar-orbit{overflow:visible}
.lunar-arc-label{font:500 2.3px var(--sans);letter-spacing:.32px;text-transform:uppercase;fill:#7d4a3a;stroke:#fbf1e6;stroke-width:.55px;stroke-linejoin:round;paint-order:stroke}
.lunar-arc-label--menstruations,.lunar-arc-label--ovulation{font-weight:600;fill:#9b4d35}

/* Bas de page allégé : les anciens blocs laissent place aux quatre lunes */
#screen-home.lunar-home>main.page{display:none}
#screen-home.lunar-home .home-panel{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
#screen-home.lunar-home .lunar-four{position:relative;z-index:1;margin:30px 0 0;text-align:center}
#screen-home.lunar-home .lunar-four h2{margin:0;font:400 clamp(20px,5.8vw,24px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-four-sub{margin:6px auto 0;max-width:290px;font-size:12px;line-height:1.45;color:#8a6a5a}
.lunar-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:20px}
.lunar-four-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 2px 8px;border:0;background:none;cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:transparent;transition:transform .2s}
.lunar-four-item:active{transform:scale(.96)}
.lunar-four-moon{position:relative;display:block;width:clamp(48px,14vw,60px);aspect-ratio:1;margin-bottom:4px;animation:lunarFloat 6s ease-in-out infinite}
.lunar-four-item:nth-child(2) .lunar-four-moon{animation-delay:-1.5s}.lunar-four-item:nth-child(3) .lunar-four-moon{animation-delay:-3s}.lunar-four-item:nth-child(4) .lunar-four-moon{animation-delay:-4.5s}
.lunar-four-moon svg{display:block;width:100%;height:100%;overflow:visible}
.lunar-four-moon .lunar-rim{fill:none;stroke-width:2.2;stroke-opacity:.6}
.lunar-four-item.is-top .lunar-four-moon:before{content:"";position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(circle,#fff6e6 0%,#f9e3c8aa 38%,transparent 70%);z-index:-1;animation:lunarGlow 3.5s ease-in-out infinite}
.lunar-four-item b{font:600 clamp(9.5px,2.7vw,11px)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7d4a3a}
.lunar-four-item small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 clamp(10.5px,2.9vw,12px)/1.3 var(--sans);color:#6b5146;max-width:100%}
.lunar-four-links{display:flex;justify-content:center;gap:22px;margin-top:22px}
.lunar-four-links button{border:0;background:none;padding:6px 2px;font:500 12.5px/1 var(--sans);color:#a2553d;cursor:pointer;letter-spacing:.02em}
.lunar-four-links button span{font-size:1.2em}
.lunar-checkin .daily-checkin{margin:0 0 16px;padding:0;background:none;box-shadow:none;border:0}
@keyframes lunarFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes lunarGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.lunar-four-moon,.lunar-four-item.is-top .lunar-four-moon:before{animation:none}}

/* Constellation du jour */
#screen-home.lunar-home .lunar-const{position:relative;z-index:1;margin:30px 0 0;text-align:center}
#screen-home.lunar-home .lunar-const h2{margin:0;font:400 clamp(20px,5.8vw,24px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-const-sky{position:relative;height:clamp(170px,47vw,200px);margin:8px -6px 0}
.lunar-const-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lunar-const-lines line{stroke:#c49a78;stroke-width:.35;stroke-dasharray:1.1 1.3;vector-effect:non-scaling-stroke;opacity:0;animation:constLine .9s ease forwards;animation-delay:calc(var(--i) * .18s + .2s)}
.lunar-const-lines line{stroke-width:1.1px}
.lunar-const-dust circle{fill:#c9a07e;opacity:.5;animation:constTwinkle 3s ease-in-out infinite;animation-delay:var(--t)}
.lunar-star{position:absolute;transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;animation:constStar .6s ease forwards;animation-delay:calc(var(--i) * .18s)}
.lunar-star-orb{position:relative;display:grid;place-items:center;width:clamp(44px,12.5vw,52px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffaf3 0%,#fbf0e3 60%,#f3e1cf 100%);box-shadow:0 0 0 1px #d9b99d66,0 6px 16px #8a5b3d14;color:#a2553d;transition:transform .2s}
.lunar-star-orb svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lunar-star:active .lunar-star-orb{transform:scale(.94)}
.lunar-star b{font:600 clamp(9px,2.5vw,10.5px)/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#7d4a3a;white-space:nowrap}
.lunar-star.is-journal .lunar-star-orb{color:#8a6a5a;background:radial-gradient(circle at 40% 35%,#fbf6ef 0%,#f3e8dc 100%)}
.lunar-star.is-done .lunar-star-orb{color:#6f8456}
.lunar-star.is-top .lunar-star-orb{color:#9b4d35;box-shadow:0 0 0 1.5px #c99a6b,0 0 22px 6px #f6d9b4,0 6px 16px #8a5b3d1c;animation:constGlow 3.2s ease-in-out infinite}
.lunar-star.is-top .lunar-star-orb:after{content:"✦";position:absolute;right:-7px;top:-9px;font-size:13px;color:#c99a6b;animation:constSpark 2.6s ease-in-out infinite}
.lunar-const-whisper{display:inline-flex;align-items:baseline;gap:5px;max-width:100%;margin:6px auto 0;padding:9px 14px;border:0;border-radius:999px;background:#f8e2d2;color:#5d4136;font:400 12.5px/1.35 var(--sans);cursor:pointer;text-align:left}
.lunar-const-whisper strong{font-weight:600;color:#4a2b21}
.lunar-const-whisper span{color:#b07a52}
@keyframes constLine{to{opacity:.85}}
@keyframes constStar{from{opacity:0;transform:translate(-50%,-30%) scale(.7)}to{opacity:1;transform:translate(-50%,-30%) scale(1)}}
@keyframes constTwinkle{0%,100%{opacity:.15}50%{opacity:.75}}
@keyframes constGlow{0%,100%{box-shadow:0 0 0 1.5px #c99a6b,0 0 14px 3px #f6d9b4aa,0 6px 16px #8a5b3d1c}50%{box-shadow:0 0 0 1.5px #c99a6b,0 0 26px 9px #f6d9b4,0 6px 16px #8a5b3d1c}}
@keyframes constSpark{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}
@media (prefers-reduced-motion:reduce){.lunar-const-lines line,.lunar-star{animation:none;opacity:1}.lunar-const-dust circle,.lunar-star.is-top .lunar-star-orb,.lunar-star.is-top .lunar-star-orb:after{animation:none}}

/* Le ciel du soir */
#screen-home.lunar-home .lunar-sky-wrap{position:relative;z-index:1;margin:30px 0 0;text-align:center}
#screen-home.lunar-home .lunar-sky-wrap h2{text-align:left;margin:0 0 14px;font:400 clamp(20px,5.8vw,24px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-sky{position:relative;overflow:hidden;border-radius:24px;padding:26px 0 16px;background:radial-gradient(120% 90% at 85% 0%,#f6dccb 0%,#f3e2d3 38%,#f8ecdf 70%,#fbf2e8 100%);box-shadow:inset 0 0 0 1px #e8cfbb66}
.lunar-sky-stars i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#c99a6b;opacity:.3;animation:constTwinkle 3.2s ease-in-out infinite;animation-delay:var(--t)}
.lunar-sky-stars i:nth-child(3n):after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;color:#c99a6b}
.lunar-sky-moon{position:absolute;right:16px;top:12px;width:34px;height:34px;filter:drop-shadow(0 0 10px #fbe7c9)}
.lunar-sky-moon svg{width:100%;height:100%;overflow:visible}
.lunar-sky-moon .lunar-rim{fill:none;stroke-width:2.2;stroke-opacity:.5}
.lunar-sky-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lunar-sky-track::-webkit-scrollbar{display:none}
.lunar-sky-slide{flex:0 0 100%;scroll-snap-align:center;padding:4px 30px 6px;box-sizing:border-box}
.lunar-sky-slide small{display:block;font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a2553d}
.lunar-sky-slide p{margin:10px auto 12px;max-width:290px;font:400 clamp(16px,4.6vw,19px)/1.35 var(--lunar-serif);color:#3a2119}
.lunar-sky-slide button{border:0;background:#fffaf3cc;border-radius:999px;padding:8px 14px;font:500 12px/1.2 var(--sans);color:#7d4a3a;cursor:pointer;box-shadow:0 0 0 1px #e3c7b1}
.lunar-sky-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.lunar-sky-dots span{width:5px;height:5px;border-radius:50%;background:#d8bba4;transition:all .25s}
.lunar-sky-dots span.is-on{width:16px;border-radius:3px;background:#b46a54}
.lunar-mood{margin-top:18px}
.lunar-mood-q{display:block;font:400 13px/1.3 var(--sans);color:#6b5146}
.lunar-mood-moons{display:flex;justify-content:center;gap:12px;margin-top:10px}
.lunar-mood-moons button{width:38px;height:38px;padding:3px;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lunar-mood-moons button svg{width:100%;height:100%;overflow:visible}
.lunar-mood-moons .lunar-rim{fill:none;stroke-width:2.4;stroke-opacity:.6}
.lunar-mood-moons button:active{transform:scale(.9)}
.lunar-mood-moons button.is-on{box-shadow:0 0 0 2px #c99a6b,0 0 14px 2px #f6d9b4;transform:scale(1.08)}
.lunar-mood-word{display:block;margin-top:7px;font:500 11.5px/1.2 var(--sans);color:#a2553d;letter-spacing:.02em}

/* Ressentis en un toucher */
.lunar-feel-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.lunar-feel-tabs button{position:relative;border:0;border-radius:999px;padding:7px 12px;background:#f3e3d6;color:#7d5a4a;font:500 12px/1 var(--sans);cursor:pointer}
.lunar-feel-tabs button.is-on{background:#b46a54;color:#fff8f1}
.lunar-feel-tabs button.is-done:after{content:"";position:absolute;top:3px;right:4px;width:5px;height:5px;border-radius:50%;background:#7f9466;box-shadow:0 0 0 1.5px #fbf1e6}
.lunar-feel-tabs+.lunar-mood-moons{margin-top:12px}

/* La roue des racines */
#screen-home.lunar-home .lunar-wheel{position:relative;z-index:1;margin:34px 0 0;text-align:center}
.lunar-wheel-divider{display:flex;align-items:center;gap:10px;color:#c49a78;font-size:12px}
.lunar-wheel-divider:before,.lunar-wheel-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d9b99d)}
.lunar-wheel-divider:after{background:linear-gradient(90deg,#d9b99d,transparent)}
.lunar-wheel-kicker{margin:16px 0 8px;font:600 11px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:#a2553d}
#screen-home.lunar-home .lunar-wheel h2{margin:0 auto;max-width:340px;font:400 clamp(22px,6.6vw,28px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-wheel-sub{margin:8px auto 0;max-width:300px;font-size:13px;line-height:1.45;color:#6b5146}
.lunar-wheel-stage{position:relative;height:clamp(300px,82vw,350px);margin:14px -19px 0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.lunar-wheel-card{--k:0;position:absolute;left:50%;top:22px;width:clamp(108px,31vw,128px);height:clamp(190px,54vw,220px);margin-left:calc(clamp(108px,31vw,128px) / -2);padding:0;border:1px solid #f4dcc4aa;border-radius:20px;overflow:hidden;cursor:pointer;color:#fff8ef;background:var(--img) center/cover no-repeat,#5a2d1e;box-shadow:0 10px 22px #4a24162e;transform-origin:50% 190%;transform:rotate(calc(var(--k) * 21deg)) scale(calc(1 - (var(--k) * var(--k)) * .02));z-index:calc(10 - var(--k) * var(--k));transition:transform .45s cubic-bezier(.3,.7,.3,1),filter .3s;filter:saturate(.95) brightness(calc(1 - (var(--k) * var(--k)) * .05))}
.lunar-wheel-stage.is-spinning .lunar-wheel-card{transition-duration:.18s}
.lunar-wheel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2a120a10 30%,#3a1a0ecc 78%)}
.lunar-wheel-card.is-center{box-shadow:0 0 0 1.5px #f1c99d,0 14px 30px #4a24163d}
.lunar-wheel-icon{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:30px;height:30px}
.lunar-wheel-icon svg{width:100%;height:100%;fill:none;stroke:#fff6ea;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lunar-wheel-card b{position:absolute;left:6px;right:6px;top:56%;font:500 13px/1.2 var(--sans);text-shadow:0 1px 4px #2a120a99}
.lunar-wheel-spin{position:relative;z-index:20;margin:clamp(-120px,-30vw,-104px) auto 0;width:clamp(138px,38vw,156px);aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 40% 30%,#b8664b 0%,#9b4d35 70%);color:#fff6ea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 0 0 6px #fbf1e6,0 12px 26px #6e2f1c40}
.lunar-wheel-spin strong{font:400 clamp(16px,4.6vw,19px)/1.15 var(--lunar-serif)}
.lunar-wheel-sun{font-size:22px;line-height:1;animation:lunarSpinSun 12s linear infinite}
.lunar-wheel.is-spinning .lunar-wheel-sun{animation-duration:1.2s}
.lunar-wheel-spin:active{transform:scale(.97)}
.lunar-wheel-reveal:empty{display:none}
.lunar-wheel-result{margin:14px 0 0;padding:16px 18px;border-radius:18px;background:#fff8f0;box-shadow:0 0 0 1px #ead2bf;text-align:left;cursor:pointer}
.lunar-wheel-result.is-new{animation:lunarReveal .6s ease both}
.lunar-wheel-result small{display:block;font:600 10.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#a2553d}
.lunar-wheel-result h3{margin:6px 0 4px;font:400 19px/1.2 var(--lunar-serif);color:#2f1a14}
.lunar-wheel-result p{margin:0;font-size:13px;line-height:1.45;color:#5d4136}
.lunar-wheel-result>span{display:inline-block;margin-top:8px;font:600 12.5px/1 var(--sans);color:#a2553d}
.lunar-wheel-daily{display:flex;align-items:center;gap:14px;width:100%;margin:16px 0 0;padding:14px;border:0;border-radius:18px;background:#fbf3ea;box-shadow:0 0 0 1px #eedccd;text-align:left;cursor:pointer}
.lunar-wheel-book{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#f3e1d3;display:grid;place-items:center;color:#a2553d}
.lunar-wheel-book svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.lunar-wheel-daily strong{display:block;font:400 18px/1.2 var(--lunar-serif);color:#2f1a14}
.lunar-wheel-daily small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#6b5146}
@keyframes lunarSpinSun{to{transform:rotate(360deg)}}
@keyframes lunarReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lunar-wheel-sun{animation:none}.lunar-wheel-card{transition:none}}

/* Tes transmissions du jour : grappe de lunes façon montre connectée */
#screen-home.lunar-home .lunar-cluster-wrap{position:relative;z-index:1;margin:30px 0 0}
#screen-home.lunar-home .lunar-cluster-wrap h2{margin:0;text-align:left;font:400 clamp(20px,5.8vw,24px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-cluster-sub{margin:5px 0 0;font-size:12.5px;color:#8a6a5a}
.lunar-cluster{position:relative;height:clamp(300px,84vw,340px);margin:6px -8px 0}
.lunar-bubble{--s:64px;position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:bubbleFloat 6.5s ease-in-out infinite;animation-delay:var(--d)}
.lunar-bubble-moon{display:block;width:var(--s);height:var(--s);border-radius:50%;filter:drop-shadow(0 6px 12px #8a5b3d22);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.lunar-bubble-moon svg{width:100%;height:100%;overflow:visible}
.lunar-bubble-moon .lunar-rim{fill:none;stroke-width:2;stroke-opacity:.55}
.lunar-bubble b{font:600 clamp(9px,2.5vw,10.5px)/1.15 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7d4a3a;text-align:center;max-width:96px;text-shadow:0 0 6px #fbf1e6}
.lunar-bubble.is-main .lunar-bubble-moon{filter:drop-shadow(0 0 18px #f6d9b4) drop-shadow(0 6px 12px #8a5b3d22)}
.lunar-bubble.is-main b{font-size:clamp(10px,2.8vw,11.5px);color:#9b4d35}
.lunar-bubble:active .lunar-bubble-moon{transform:scale(.88)}
.lunar-bubble.is-pop .lunar-bubble-moon{animation:bubblePop .45s cubic-bezier(.34,1.56,.64,1)}
.lunar-dust-moon{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;opacity:.55;animation:bubbleFloat 8s ease-in-out infinite;animation-delay:var(--d);pointer-events:none}
.lunar-dust-moon svg{width:100%;height:100%;overflow:visible}
.lunar-dust-moon .lunar-rim{fill:none;stroke-width:3;stroke-opacity:.4}
@keyframes bubbleFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}
@keyframes bubblePop{0%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(.94)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.lunar-bubble,.lunar-dust-moon{animation:none}.lunar-bubble.is-pop .lunar-bubble-moon{animation:none}}

/* Bouton intelligent « état du jour » */
#screen-home.lunar-home .lunar-smart{position:relative;z-index:1;display:flex;align-items:center;gap:14px;width:100%;margin:16px 0 0;padding:16px;border:0;border-radius:20px;background:#fff8f0;box-shadow:0 0 0 1px #ead2bf,0 8px 20px #8a5b3d10;text-align:left;cursor:pointer;font:inherit;color:inherit}
.lunar-smart>div{flex:1;min-width:0}
.lunar-smart h3{margin:0;font:400 18px/1.2 var(--lunar-serif);color:#2f1a14}
.lunar-smart p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:#6b5146}
.lunar-smart-moon{flex:0 0 46px;width:46px;height:46px;filter:drop-shadow(0 0 10px #f6dcc0)}
.lunar-smart-moon svg{width:100%;height:100%;overflow:visible}
.lunar-smart-moon .lunar-rim{fill:none;stroke-width:2.2;stroke-opacity:.55}
.lunar-smart-go{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f2d3c3;color:#8a4a36;font-size:22px}
.lunar-smart-chips{display:flex;flex-wrap:wrap;gap:6px}
.lunar-smart-chips span{padding:4px 9px;border-radius:999px;background:#f6e6da;font-size:11.5px;color:#7d4a3a}
#screen-home.lunar-home .lunar-smart.is-period{flex-direction:column;align-items:stretch;background:#fbe7df;cursor:default}
.lunar-smart-actions{display:flex;gap:8px}
.lunar-smart-main{flex:1;border:0;border-radius:999px;padding:11px;background:#c9614d;color:#fff8f1;font:600 13px/1 var(--sans);cursor:pointer}
.lunar-smart-alt{flex:1;border:0;border-radius:999px;padding:11px;background:#fff8f0;color:#9b4d35;font:600 13px/1 var(--sans);cursor:pointer;box-shadow:0 0 0 1px #e8c9b6}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Analyse rapide du cycle */
#screen-home.lunar-home .lunar-analysis{position:relative;z-index:1;margin:26px 0 0}
.lunar-analysis-head{display:flex;justify-content:space-between;align-items:baseline}
#screen-home.lunar-home .lunar-analysis h2{margin:0;font:400 clamp(20px,5.8vw,24px)/1.15 var(--lunar-serif);color:#2f1a14}
.lunar-analysis-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.lunar-analysis-tiles div{padding:12px 10px;border-radius:16px;background:#fbf3ea;box-shadow:0 0 0 1px #eedccd}
.lunar-analysis-tiles small{display:block;font:600 9.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#a2553d}
.lunar-analysis-tiles strong{display:block;margin-top:6px;font:400 22px/1 var(--lunar-serif);color:#2f1a14}
.lunar-analysis-tiles strong span{font:500 11px var(--sans);color:#8a6a5a}
.lunar-analysis-tiles strong.is-ok,.lunar-analysis-tiles strong.is-var{font-size:17px;padding-top:3px}
.lunar-analysis-tiles strong.is-ok{color:#6f8456}
.lunar-analysis-tiles strong.is-var{color:#b07a52}
.lunar-analysis-tiles em{display:block;margin-top:5px;font-style:normal;font-size:10.5px;line-height:1.3;color:#8a6a5a}
.lunar-analysis-insight{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#5d4136}
.lunar-analysis-insight span{color:#c99a6b}
.lunar-analysis-empty{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#6b5146}

/* Transmissions : champ de lunes qu'on fait glisser */
.lunar-cluster{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}
.lunar-cluster:active{cursor:grabbing}
.lunar-field{position:absolute;left:50%;top:50%;width:132%;height:118%;transform:translate(-50%,-50%);will-change:transform}
.lunar-bubble{--f:1}
.lunar-bubble-moon{transform:scale(var(--f));transition:transform .25s ease-out}
.lunar-bubble b{transform:scale(var(--f));transform-origin:top center;opacity:calc(var(--f) * 1.3 - .35)}
.lunar-dust-moon{scale:var(--f,1)}
.lunar-bubble.is-pop .lunar-bubble-moon{animation:bubblePopF .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes bubblePopF{0%{transform:scale(var(--f))}35%{transform:scale(calc(var(--f) * 1.18))}65%{transform:scale(calc(var(--f) * .94))}100%{transform:scale(var(--f))}}

/* Bannière façon notification */
.lunar-banner{position:fixed;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top,0px));z-index:120;max-width:500px;margin:0 auto;transform:translateY(calc(-100% - 30px));transition:transform .35s cubic-bezier(.3,.7,.3,1)}
.lunar-banner.is-in{transform:none}
.lunar-banner-body{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 16px;border:0;border-radius:22px;background:#fff8f0f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px #4a24162e,0 0 0 1px #ead2bf;text-align:left;cursor:pointer;font:inherit}
.lunar-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lunar-banner-text small{font:600 10.5px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#a2553d}
.lunar-banner-text strong{font:400 17px/1.2 Fraunces,Georgia,serif;color:#2f1a14}
.lunar-banner-text>span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:#5d4136}
.lunar-banner-art{flex:0 0 58px!important;width:58px!important;height:58px!important}
.lunar-banner-art img{width:74px!important;transform:translateX(4px) rotate(10deg)!important}
.lunar-banner-go{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f2d3c3;color:#8a4a36;font-size:20px}
@media (prefers-reduced-motion:reduce){.lunar-banner{transition:none}}

/* Le conseil de tes racines : texte à gauche, hibiscus sur son cercle à droite (comme la bannière) */
#screen-home.lunar-home .lunar-roots{padding:14px 12px 14px 16px;text-align:left}
.lunar-roots-text{flex:1;min-width:0}
.lunar-roots-art--right{flex:0 0 62px;width:62px;height:62px}
.lunar-roots-art--right img{width:78px;transform:translateX(4px) rotate(10deg)}
.lunar-roots-art{background:radial-gradient(circle at 45% 40%,#fdf3ee 0%,#f1d2c2 100%)!important;box-shadow:0 0 0 1px #e6c1ad,0 4px 10px #8a4a3618}

.lunar-field-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#c99a6b;opacity:.35;transform:translate(-50%,-50%);animation:constTwinkle 3.4s ease-in-out infinite;animation-delay:var(--t);pointer-events:none}
.lunar-field-star.is-big{width:3px;height:3px;box-shadow:0 0 6px 1px #f1d2ad}
.lunar-field-star.is-big:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;color:#c99a6b}
.lunar-banner-body{cursor:default}

/* désordre : pas de loupe ni de lune dominante, les lunes lointaines s'estompent seulement */
.lunar-cluster .lunar-bubble{--f:1;opacity:var(--o,1);transition:opacity .3s}
.lunar-cluster .lunar-bubble b{transform:none;opacity:1}
.lunar-cluster .lunar-dust-moon{scale:1;opacity:calc(var(--o,1) * .55)}
.lunar-cluster .lunar-bubble-moon .lunar-rim{stroke-opacity:.5}
#screen-home.lunar-home .lunar-roots{padding-right:18px}
.lunar-roots-art--right{flex:0 0 68px;width:68px;height:68px;margin-right:2px}
.lunar-roots-art--right img{width:84px}

/* Lunes vivantes : seules les lunes bougent (simulation), toujours visibles, sans fondu ni masque */
.lunar-cluster{overflow:hidden;touch-action:pan-y;cursor:default;-webkit-mask-image:none;mask-image:none;margin:6px 0 0}
.lunar-cluster .lunar-field{left:0;top:0;width:100%;height:100%;transform:none!important}
.lunar-cluster .lunar-bubble,.lunar-cluster .lunar-dust-moon{position:absolute;left:0;top:0;animation:none!important;opacity:1;will-change:transform}
.lunar-cluster .lunar-dust-moon{opacity:.5;pointer-events:none}
.lunar-cluster .lunar-bubble{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.lunar-cluster .lunar-bubble.is-held{cursor:grabbing;z-index:5}
.lunar-cluster .lunar-bubble.is-held .lunar-bubble-moon{transform:scale(1.1);filter:drop-shadow(0 10px 18px #8a5b3d33)}

/* cercle agrandi : disque central et textes un peu plus grands */
#screen-home.lunar-home .lunar-ring .racine-cycle-ring__center{inset:24.5%}
#screen-home.lunar-home .lunar-ring .racine-cycle-ring__phase{font-size:clamp(19px,5.8vw,25px)}
#screen-home.lunar-home .lunar-ring .lunar-desc{font-size:clamp(10px,2.75vw,12px)}
#screen-home.lunar-home .lunar-plant{opacity:.9}

/* petit écart entre le texte du haut et le cercle */
#screen-home.lunar-home .home-panel .cycle-wrap{margin-top:-22px!important}
@media (max-width:370px){#screen-home.lunar-home .home-panel .cycle-wrap{margin-top:-20px!important}}