/* livufit — petrol foundations, turquoise controls and lime highlights. */
:root{--ink:#103f47;--muted:#58757c;--line:#d8e5e6;--brand:#087f89;--brand-dark:#063d48;--mint:#b9f578;--bg:#f4f8f8;--pro-ink:#153d45;--pro-muted:#5b777d;--pro-border:#dae6e6;--pro-bg:#f4f8f8;--pro-accent:#075b67;--pro-green:#35766c}
body{background:#f4f8f8!important;color:#153d45}.brand{gap:9px!important}.brand .brand-icon{background:transparent!important;border-radius:0!important;box-shadow:none!important;transform:none!important;object-fit:contain;width:45px!important;height:45px!important}.brand-wordmark{font-size:34px;font-weight:800;letter-spacing:-1.6px;line-height:1;color:#063d48}.auth-mark{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;object-fit:contain}.welcome-emblem{background:transparent!important;box-shadow:none!important;transform:none!important}.welcome-emblem img{width:100%;height:100%;object-fit:contain}.topbar{background:#f4f8f8!important}.tabs [aria-current=page]{background:#075b67!important;color:#fff!important}.primary{background:#08727d;box-shadow:none}.primary:hover{background:#065a65}.auth-card .primary{background:#075b67!important}.dashboard-energy{background:#063d48!important;color:white!important}.dashboard-water{background:#e5f4f0!important}.day-total>strong{letter-spacing:-1px}.dashboard-energy .primary{background:#b9f578!important;color:#063d48!important}.dashboard-energy .diary-track>span{background:#24c7c5!important}.dashboard-energy .diary-meter-label>span,.dashboard-energy .section-line .eyebrow,.dashboard-energy .ghost,.dashboard-energy .small,.dashboard-energy .dashboard-remaining{color:#c7e5e5!important}.dashboard-water .primary{background:#167d75!important;color:#fff!important}.week-meter>span{background:#08a6ab!important}.workout-stage,.workout-exercise,.exercise-focus-footer{background:#063d48!important}.workout-primary{background:#b9f578!important;color:#063d48!important}.exercise-rest-track>span{background:#24c7c5!important}.exercise-rest{background:#0d5360!important}.exercise-focus-inner .set-row input{accent-color:#b9f578}.weekly-chart-card{background:linear-gradient(155deg,#fff,#f0f7f6)!important;border-color:#d6e5e4!important}.library-motion{background:#eaf3f3!important}.library-motion figcaption{color:#56767c}.coach-fullscreen{background:#f4f8f8!important}.coach-dialog .option-card:has(:checked){background:#e3f4ef!important;border-color:#0a9698!important}.coach-dialog input:is([type=checkbox],[type=radio]):checked{background-color:#087f89!important;border-color:#087f89!important}.coach-dialog input:is([type=checkbox],[type=radio]){accent-color:#087f89}.tour-visual{background:#e0f2ec}.tour-progress span.is-active{background:#089ba0}.welcome-content{color:#fff}.welcome-stage{background:#063d48!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #059ba6;outline-offset:3px}
@media(max-width:720px){.brand-wordmark{font-size:29px;letter-spacing:-1.2px}.brand .brand-icon{width:38px!important;height:38px!important}.topbar{padding-top:16px!important;padding-bottom:16px!important}.dashboard-energy{background:#063d48!important}.tabs [aria-current=page]{background:#075b67!important}.auth-card .primary{background:#075b67!important}}
dialog#workout-exercise[open],body[data-view=training]{scrollbar-width:none;overscroll-behavior-y:contain}dialog#workout-exercise::-webkit-scrollbar,body[data-view=training]::-webkit-scrollbar{display:none}dialog#workout-exercise[open]{width:100vw!important}.progress-chart-tools{margin-bottom:-8px;position:relative;z-index:1}.progress-chart-section>.card{margin-top:12px}.exercise-focus-inner{padding-top:max(18px,env(safe-area-inset-top))}.exercise-focus-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}

/* One complete progress chart per dashboard row, including on narrow phones. */
#view-home .weekly-chart-grid{grid-template-columns:minmax(0,1fr);gap:18px}
#view-home .weekly-chart-grid .weekly-chart-card{display:block;width:100%;min-width:0;padding:20px 0 16px}
#view-home .weekly-chart-top{padding:0 20px;margin-right:0;font-size:16px}
#view-home .weekly-chart-top>span{font-size:16px}
#view-home .weekly-chart-label,#view-home .weekly-chart-number,#view-home .weekly-chart-change,#view-home .weekly-chart-foot{padding-left:20px;padding-right:20px}
#view-home .weekly-chart-number{font-size:34px}
#view-home .weekly-chart-svg{display:block;width:100%;height:auto;margin:14px 0 10px;grid-column:auto;grid-row:auto}
#view-home .weekly-chart-grid .weekly-chart-empty{margin:14px 20px;min-height:120px;padding:18px}
@media(min-width:800px){#view-home .weekly-chart-svg{max-height:360px}}

/* A full-bleed welcome, independent of generic mobile dialog chrome. */
dialog#welcome-screen[open]{inset:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box;border:0!important;border-radius:0!important;box-shadow:none!important;padding:max(60px,calc(env(safe-area-inset-top) + 48px)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important;align-items:stretch;overflow-x:hidden;overflow-y:auto;background:#103e45}
body:has(#welcome-screen[open]){overflow:hidden!important}
#welcome-screen .welcome-content{display:flex;flex-direction:column;gap:clamp(8px,1.6dvh,14px);height:100%;min-height:min-content;margin:0 auto;max-width:430px}
#welcome-screen .welcome-emblem{flex:1 1 auto;min-height:56px;max-height:30dvh;margin:0;justify-content:flex-start}
#welcome-screen .welcome-emblem img{width:auto;max-width:100%;height:100%;max-height:min(30dvh,250px);object-fit:contain}
#welcome-screen .welcome-content .eyebrow{margin:0;font-size:11px;line-height:1.4;flex-shrink:0}
#welcome-screen .welcome-content h1{font-size:clamp(30px,4.8dvh,44px);line-height:1.12;margin:0;letter-spacing:-1.2px;flex-shrink:0}
#welcome-screen .welcome-description{font-size:clamp(14px,2dvh,17px);line-height:1.5;margin:0;flex-shrink:0}
#welcome-screen .welcome-promise{padding-top:clamp(10px,1.6dvh,16px);gap:12px;flex-shrink:0}
#welcome-screen .welcome-promise p{font-size:14px;line-height:1.55}
#welcome-screen .welcome-note{font-size:13px;line-height:1.5;margin:0;flex-shrink:0}
#welcome-screen .welcome-cta{min-height:52px;padding:12px 18px;flex-shrink:0;margin-top:4px}
#welcome-screen .welcome-skip{top:max(10px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));min-height:44px;font-size:13px}
@media(max-height:650px){#welcome-screen .welcome-emblem{max-height:18dvh}#welcome-screen .welcome-content{gap:8px}#welcome-screen .welcome-content h1{font-size:30px}#welcome-screen .welcome-promise p{font-size:13px}}
/* Shared LivuFit. lockup in browser and native shell. */
.brand .brand-lockup{display:block;width:178px;height:auto;max-width:52vw;object-fit:contain;aspect-ratio:3/1}.auth-lockup{display:block;width:240px;max-width:80%;height:auto;object-fit:contain;margin:0 0 28px -12px}#browser-update{position:fixed;left:50%;bottom:calc(105px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1200;width:min(510px,calc(100% - 30px));padding:17px 18px;display:flex;gap:20px;align-items:center;background:#063d48;color:#fff;border:1px solid #4b777e;border-radius:18px;box-shadow:0 8px 30px #063d4833}#browser-update strong{font-size:14px}#browser-update p{font-size:12px;line-height:1.45;color:#c3dfe1;margin:5px 0 0}#browser-update button{border:0;border-radius:12px;background:#b9f578;color:#063d48;padding:13px 16px;font-weight:700;font-size:13px;flex:none}@media(max-width:420px){.brand .brand-lockup{width:157px}.auth-lockup{width:215px}}

/* Keep the tour frame and controls stable across all six steps. */
dialog#app-intro[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box;width:min(510px,calc(100vw - 32px))!important;height:min(740px,calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;max-height:none!important;margin:auto!important;padding:24px!important;overflow:hidden!important;animation:none!important;transition:none!important}
#app-intro .intro-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px}
#app-intro .intro-top{min-height:44px}#app-intro .intro-top .eyebrow{margin:0}
#app-intro .intro-visual{margin:12px 0 20px}#app-intro .intro-visual svg{height:120px}
#app-intro h2{margin:0 0 12px;line-height:1.22}#app-intro h2:focus{outline:none}
#app-intro .intro-body>p{margin:0;line-height:1.65}#app-intro .intro-features{margin:20px 0;gap:12px}
#app-intro .intro-controls{margin:0;padding-top:16px;border-top:1px solid #e4eeec;min-height:64px;box-sizing:border-box;background:#fbfeff}
#app-intro .intro-controls button{min-height:48px}
@media(max-width:540px){dialog#app-intro[open]{padding:20px!important}#app-intro .intro-visual svg{height:100px}}
@media(max-height:630px){#app-intro .intro-visual{display:none}}
.install-platform{display:grid!important;gap:7px;margin:20px 0 12px;font-size:12px!important;color:#617f84}.install-platform select{width:100%;min-height:44px;margin:0!important;box-sizing:border-box}.install-note{background:#eef7f5;padding:12px 14px;border-radius:14px;line-height:1.6!important}#install-copy{width:100%;margin-top:12px}#install-offer [hidden]{display:none!important}

/* All six destinations retain a readable label, including narrow phones. */
.tabs button span{display:block!important;white-space:normal;overflow:visible;line-height:1.3}.tabs button{--nav-bg:#fff}.tabs button[aria-current=page]{--nav-bg:#075b66;font-weight:750!important}.tabs button[aria-current=page] svg{stroke-width:2.2}
@media(max-width:720px){.tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding-left:max(2px,env(safe-area-inset-left))!important;padding-right:max(2px,env(safe-area-inset-right))!important}.tabs button{font-size:clamp(9px,2.55vw,11px)!important;letter-spacing:-.2px;min-height:60px!important;padding:6px 1px!important}.tabs button[aria-current=page]{background:#075b66!important;color:#fff!important}}
.tabs button span{font-size:inherit!important}