/* V7: navigation mobile et langage visuel commun. */
:root{--ink:#101f1c;--cream:#f3f1e7;--cream-2:#d0d9d2;--cream-3:#aabbb1;--cream-4:#718a7c;--accent:#b9d99b;--accent-2:#d0e9b6;--tint:185,217,155;--radius-l:24px;--topbar-h:76px}
body{background:var(--ink)}
[hidden]{display:none!important}
.bg{background:radial-gradient(ellipse at 95% 8%,#274637,transparent 55%),#101f1c}.bg-photo,.bg-overlay,.grain,.light{display:none}
.topbar{height:76px;background:#101f1cf5;border-bottom:1px solid #c8ddc018;backdrop-filter:none;padding:0 24px;opacity:1}
.brand{font-size:30px}.brand span{color:var(--accent)}.stage-pill{font-size:10px;letter-spacing:.04em}
.main{max-width:880px!important;padding:104px 24px 190px!important}
.page-heading{margin:0 0 26px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.page-heading h1{font:400 clamp(30px,5vw,46px)/1.12 var(--serif);letter-spacing:-.035em;max-width:650px;outline:none}.page-heading p{font-size:14px;color:var(--cream-3);margin-top:12px;max-width:540px}
.app-page>*{min-width:0}.app-page{animation:pageEnter .18s ease-out}@keyframes pageEnter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.card,.tracking-overview,.recovery,.health,.next-step,.learning-intro{background:#192c25;border:1px solid #d5e8cc20;box-shadow:none;border-radius:24px;padding:24px;margin:0 0 18px;backdrop-filter:none}
.card-label{font:600 12px/1.5 var(--sans);letter-spacing:.08em;color:var(--accent);margin-bottom:20px}
.tracking-title{font-size:clamp(28px,5vw,40px);font-weight:400}.tracking-copy{font-size:14px;line-height:1.65}.tracking-stat{background:#101f1c;border-color:#d5e8cc20;border-radius:15px}.tracking-stat span{color:var(--cream-3);font-size:12px}.tracking-science{display:none}.tracking-kicker{letter-spacing:.12em}
.greeting{font-size:15px;text-align:left;margin:0 0 16px;color:var(--cream-2)}
.hero{background:radial-gradient(ellipse at 80% 0%,#405638,#21382d 65%);border:1px solid #d5e8cc24;border-radius:24px;padding:30px 20px;margin-bottom:18px}.hero-journey-num{font-size:88px}.hero-clock{font-size:16px}.hero-clock b{font-size:32px}
.next-step h2,.learning-intro h2{font:400 27px/1.2 var(--serif);margin-bottom:12px}.next-step p,.learning-intro p{font-size:14px;color:var(--cream-2);margin-bottom:20px}.next-step{border-left:3px solid var(--accent)}
.btn{min-height:46px;letter-spacing:0;font-size:13px;border-radius:12px}.btn-ember{background:var(--accent);color:#16291e;box-shadow:none;font-weight:600}.btn-ghost{border-color:#d5e8cc40}.btn:hover{transform:none;filter:brightness(1.08)}
.checkin-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:20px 22px;text-align:left;border:1px solid #d5e8cc25;border-radius:18px;margin-bottom:18px;font-size:14px;background:#172820}.checkin-shortcut small{display:block;font-size:12px;color:var(--cream-3);margin-top:4px}
.app-nav{position:fixed;bottom:0;left:0;right:0;z-index:160;background:#14251ffa;border-top:1px solid #d5e8cc25;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px}.app-nav button{min-height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:var(--cream-3);border-radius:12px}.app-nav button span{font:25px/1.1 var(--sans)}.app-nav button b{font-size:11px;font-weight:500}.app-nav [aria-current=page]{color:var(--accent-2);background:#b9d99b14}
.bottom-actions{bottom:calc(82px + env(safe-area-inset-bottom));left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:1;background:#101f1cdd;border-radius:18px;padding:5px}.fab,.fab-smoke{min-height:48px;width:100%;justify-content:center;margin:0;padding:12px 10px;font-size:12px;letter-spacing:0;border-radius:13px;box-shadow:none}.fab{background:var(--accent);color:#16291e;border:1px solid var(--accent)}.fab-dot{background:#326347;box-shadow:none}.fab-smoke{background:#25392f;border:1px solid #b9d99b40}.fs-count{color:var(--cream)}
.guide-list{display:grid;gap:12px;margin-bottom:24px}.guide-list details{border:1px solid #d5e8cc25;border-radius:18px;background:#192c25;overflow:hidden}.guide-list summary{display:flex;align-items:center;gap:16px;padding:20px;cursor:pointer;font-size:15px;list-style:none}.guide-list summary::-webkit-details-marker{display:none}.guide-list summary:after{content:'+';margin-left:auto;font-size:22px;color:var(--accent)}.guide-list details[open] summary:after{content:'−'}.guide-list summary span{font-size:11px;color:var(--accent);font-weight:600}.guide-list details>div{padding:0 20px 22px;font-size:14px;color:var(--cream-2)}.guide-list p{margin-bottom:14px}.privacy-note{color:var(--cream-3);font-size:12px;line-height:1.8;margin:24px 4px}.tiles{margin-top:22px}
.modal,.modal.above,.hall,.onboard,.sos-overlay{background:#101f1c;backdrop-filter:none}.modal-inner{max-width:720px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.modal-close,.hall-close,.sos-close{position:fixed;background:#233c30;width:46px;height:46px;right:18px;top:calc(14px + env(safe-area-inset-top));border:1px solid #b9d99b55}.modal-close:hover{transform:none}.modal-icon,.modal-icon:after,.ob-halo{animation:none;box-shadow:none}.modal-icon:after{display:none}.modal.on{animation-duration:.15s}.modal-title{line-height:1.2}.modal-section-sub,.ob-radio button span.ob-radio-txt small{font-size:13px}.modal-section-title{font-size:20px}.onboard-inner{padding-top:40px}.ob-title em{color:var(--accent)}
input:not([type=range]),select,textarea{font-size:16px!important}input,select,textarea{accent-color:var(--accent)}select option{background:#192c25;color:var(--cream)}button,a,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}.icon-btn,.quick-btn,.hist-tab{min-height:44px;min-width:44px}body.locked .scroller{overflow:hidden}.toast{bottom:170px;z-index:3000}.boot,.daily{display:none!important}
@media(min-width:1000px){.app-nav{top:76px;right:auto;width:204px;bottom:0;display:flex;flex-direction:column;gap:10px;padding:36px 16px;border-top:0;border-right:1px solid #d5e8cc20}.app-nav button{flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 16px}.app-nav button b{font-size:13px}.scroller{left:204px}.main{padding-top:116px!important;padding-bottom:125px!important}.bottom-actions{left:auto;right:32px;bottom:24px;width:380px}.topbar{padding:0 32px}.page-heading{margin-bottom:34px}.tracking-grid{grid-template-columns:1fr 1fr 1.4fr}.tracking-stat.wide{grid-column:auto}.toast{bottom:95px}}
@media(max-width:480px){.topbar{padding:0 16px;height:72px}.main{padding:94px 16px 190px!important}.topbar-actions{gap:4px}.brand{font-size:27px}.brand-wrap{gap:8px}.stage-pill{display:none}.card,.tracking-overview,.next-step,.learning-intro{padding:20px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:33px}.tracking-actions{flex-direction:column}.tracking-actions .btn{width:100%}.tracking-title{font-size:30px}.tracking-stat b{overflow-wrap:anywhere}.modal-inner{padding-left:18px;padding-right:18px}.hero-journey-num{font-size:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.main>.app-page{transition:none!important;transition-delay:0s!important}
@media(max-width:999px){.topbar{padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}.main{padding-top:calc(94px + env(safe-area-inset-top))!important}}
.icon-btn:not([data-count])::after{display:none}.hero-journey-num{animation:none;filter:none;background:none;-webkit-text-fill-color:var(--accent-2);color:var(--accent-2)}
.hero-clock span{opacity:1;color:var(--cream-3)}.hero-clock b{color:var(--cream)}.fab-smoke.has-smoke{box-shadow:none}