/* « Le Refuge » (v243) — ciel de nuit chaud, prune et terre, comme une veillée */
#screen-journey.refuge{--rf-serif:'Fraunces',Didot,"Bodoni 72",Georgia,serif;background:radial-gradient(ellipse 130% 70% at 50% 0%,#5a2d36 0%,#3b1c27 40%,#26131c 100%) fixed,#26131c;color:#fbefe3}
#screen-journey.refuge>header,#screen-journey.refuge>main{display:none}
#screen-journey.refuge.rf-show-guided>header,#screen-journey.refuge.rf-show-guided>main{display:block;background:#fbf3ea;color:initial;border-radius:26px 26px 0 0;margin-top:10px}
.rf{position:relative;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 30px;overflow:hidden}
.rf-stars{position:absolute;inset:0;pointer-events:none}
.rf-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#f6dcc0;opacity:.45;animation:rfTwinkle 3.6s ease-in-out infinite;animation-delay:var(--t)}
.rf-stars i.is-big{width:3px;height:3px;box-shadow:0 0 8px 2px #f1c99d66}
.rf-stars i.is-big:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;color:#f1c99d}
@keyframes rfTwinkle{0%,100%{opacity:.15}50%{opacity:.85}}

/* En-tête : la vraie lune du jour et le message personnel */
.rf-head{position:relative;text-align:center}
.rf-date{margin:0;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e8b99a}
.rf-head h1{margin:8px 0 0;font:400 clamp(28px,8vw,34px)/1.1 var(--rf-serif)!important;color:#fff3e6;letter-spacing:-.01em}
.rf-moon{width:clamp(130px,38vw,160px);aspect-ratio:1;margin:22px auto 0;filter:drop-shadow(0 0 30px #f6dcc066) drop-shadow(0 0 70px #e8a07c33);animation:rfFloat 7s ease-in-out infinite}
.rf-moon svg{width:100%;height:100%;overflow:visible}
@keyframes rfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.rf-moon-name{margin:12px 0 0;font:500 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#d9a98c}
.rf-hello{margin:22px auto 0;max-width:320px;font:400 clamp(20px,5.8vw,24px)/1.25 var(--rf-serif);color:#fff3e6}
.rf-message{margin:10px auto 0;max-width:330px;font-size:14.5px;line-height:1.55;color:#f1d9c8}
.rf-whisper{display:inline-block;margin:14px auto 0;max-width:330px;padding:10px 14px;border-radius:16px;background:#ffffff12;box-shadow:0 0 0 1px #ffffff1c;font-size:13px;line-height:1.45;color:#ffe3c8}

/* Sections */
.rf-section{position:relative;margin-top:34px}
.rf-section h2{margin:0 0 14px;font:400 clamp(20px,5.8vw,24px)/1.15 var(--rf-serif)!important;color:#fff3e6}
.rf-kicker{margin:0;font:600 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#e8b99a}

/* Que veux-tu ressentir ? */
.rf-intents{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 8px}
.rf-intent{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;border:0;background:none;color:#fbefe3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rf-intent-moon{width:clamp(62px,18vw,74px);aspect-ratio:1;filter:drop-shadow(0 0 16px #f6dcc040);animation:rfFloat 6.5s ease-in-out infinite;animation-delay:var(--d);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.rf-intent-moon svg{width:100%;height:100%;overflow:visible}
.rf-intent:active .rf-intent-moon{transform:scale(.9)}
.rf-intent b{font:500 12.5px/1.25 var(--sans);text-align:center;color:#fbe3cf}

/* La veillée */
.rf-veillee{padding:24px 20px;border-radius:24px;background:radial-gradient(ellipse 100% 90% at 50% 100%,#8a3f2a55 0%,#ffffff0d 60%);box-shadow:0 0 0 1px #ffffff1a;text-align:center}
.rf-veillee blockquote{margin:14px 0 0;font:400 clamp(18px,5.2vw,22px)/1.35 var(--rf-serif);color:#fff3e6}
.rf-source{margin:10px 0 0;font:500 11.5px/1.3 var(--sans);letter-spacing:.06em;color:#e8b99a}
.rf-question{margin:16px auto 0;max-width:280px;font-size:13px;line-height:1.5;font-style:italic;color:#f1d9c8}

/* Pour toi, ce soir */
.rf-foryou{display:flex;align-items:stretch;gap:0;width:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:#ffffff10;box-shadow:0 0 0 1px #ffffff1a;text-align:left;cursor:pointer;color:inherit;font:inherit}
.rf-foryou-img{flex:0 0 110px;background:center/cover no-repeat}
.rf-foryou-text{display:flex;flex-direction:column;gap:5px;padding:14px 16px}
.rf-foryou-text small{font:600 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#e8b99a}
.rf-foryou-text strong{font:400 18px/1.2 var(--rf-serif);color:#fff3e6}
.rf-foryou-text em{font-style:normal;font-size:12.5px;line-height:1.4;color:#f1d9c8}

/* Mes trésors */
.rf-treasures{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.rf-treasures::-webkit-scrollbar{display:none}
.rf-treasure{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:#fbefe3;cursor:pointer}
.rf-treasure span{width:76px;height:76px;border-radius:50%;background:center/cover no-repeat;box-shadow:0 0 0 2px #f1c99d88,0 0 18px #f1c99d33}
.rf-treasure b{font:500 11.5px/1.3 var(--sans);text-align:center;color:#fbe3cf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rf-empty{margin:0;font-size:13px;line-height:1.5;color:#e9cbb8}
.rf-guided{display:block;margin:34px auto 0;padding:10px 16px;border:0;border-radius:999px;background:#ffffff10;box-shadow:0 0 0 1px #ffffff1f;color:#f1d0b8;font:500 12.5px/1 var(--sans);cursor:pointer}

/* Le moment : plein écran, une lune qui respire */
.rf-moment{--rf-serif:'Fraunces',Didot,"Bodoni 72",Georgia,serif;position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 24px calc(30px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 120% 80% at 50% 30%,#5a2d36 0%,#2c1620 60%,#1d0e15 100%);color:#fbefe3;text-align:center;opacity:0;transition:opacity .3s}
.rf-moment.is-in{opacity:1}
.rf-moment-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff14;color:#fbefe3;font:400 26px/1 var(--sans);cursor:pointer}
.rf-breath{width:clamp(150px,46vw,200px);aspect-ratio:1;margin:18px 0 6px;filter:drop-shadow(0 0 40px #f6dcc066);transform:scale(.72);transition:transform 1.2s ease}
.rf-breath svg{width:100%;height:100%;overflow:visible}
.rf-breath.is-in{transform:scale(1);transition-duration:var(--in)}
.rf-breath.is-out{transform:scale(.72);transition-duration:var(--out)}
.rf-breath.is-still{transform:none;animation:rfFloat 7s ease-in-out infinite}
.rf-breath-text{margin:0;font:400 26px/1.2 var(--rf-serif);color:#fff3e6;min-height:1.3em}
.rf-breath-sub{margin:0;max-width:280px;font-size:13px;line-height:1.5;color:#e9cbb8}
.rf-moment-content{display:flex;flex-direction:column;gap:5px;max-width:340px;margin-top:20px;padding:16px 18px;border:0;border-radius:20px;background:#ffffff12;box-shadow:0 0 0 1px #ffffff22;color:inherit;text-align:left;cursor:pointer;font:inherit}
.rf-moment-content small{font:600 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#e8b99a}
.rf-moment-content strong{font:400 19px/1.2 var(--rf-serif);color:#fff3e6}
.rf-moment-content span{font-size:13px;line-height:1.45;color:#f1d9c8}
@media (prefers-reduced-motion:reduce){.rf-stars i,.rf-moon,.rf-intent-moon,.rf-breath.is-still{animation:none}}

/* halo de la lune dans la couleur de la phase du jour */
.rf-moon{filter:drop-shadow(0 0 28px color-mix(in srgb,var(--glow,#f6dcc0) 55%,transparent)) drop-shadow(0 0 70px color-mix(in srgb,var(--glow,#e8a07c) 25%,transparent))}

/* Que manger aujourd'hui ? */
.rf-meals-why{margin:-6px 0 14px;font-size:13px;line-height:1.5;color:#e9cbb8}
.rf-meals-list{display:grid;gap:10px}
.rf-meal{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:#ffffff10;box-shadow:0 0 0 1px #ffffff1a}
.rf-meal small{font:600 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#e8b99a}
.rf-meal strong{font:400 18px/1.25 var(--rf-serif);color:#fff3e6}
.rf-meal-ing{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.rf-meal-ing i{font-style:normal;padding:4px 9px;border-radius:999px;background:#ffffff14;font-size:11.5px;color:#f6dcc9}
.rf-meals-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rf-meals-actions button{flex:1;min-width:140px;padding:11px 12px;border:0;border-radius:999px;background:#ffffff12;box-shadow:0 0 0 1px #ffffff26;color:#f6dcc9;font:600 12.5px/1.2 var(--sans);cursor:pointer}
.rf-meals-actions button:first-child{background:#b46a54;box-shadow:none;color:#fff8f1}