body{background:var(--bg)!important;color:var(--ink)}.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:var(--ink)}.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:var(--bg)!important}.tabs [aria-current=page]{background:var(--brand-deep)!important;color:var(--on-dark)!important}.primary{background:var(--brand-fill);box-shadow:none}.primary:hover{background:var(--brand-deep)}.auth-card .primary{background:var(--brand-deep)!important}.dashboard-energy{background:var(--hero)!important;color:var(--on-dark)!important}.dashboard-water{background:var(--tint)!important}.day-total>strong{letter-spacing:-1px}.dashboard-energy .primary{background:var(--lime)!important;color:var(--on-accent)!important}.dashboard-energy .diary-track>span{background:var(--brand-fill)!important}.dashboard-energy .diary-meter-label>span,.dashboard-energy .section-line .eyebrow,.dashboard-energy .ghost,.dashboard-energy .small,.dashboard-energy .dashboard-remaining{color:var(--on-dark-soft)!important}.dashboard-water .primary{background:var(--brand-fill)!important;color:var(--on-dark)!important}.week-meter>span{background:var(--brand-fill)!important}.workout-stage,.workout-exercise,.exercise-focus-footer{background:var(--hero)!important}.workout-primary{background:var(--lime)!important;color:var(--on-accent)!important}.exercise-rest-track>span{background:var(--brand-fill)!important}.exercise-rest{background:var(--brand-deep)!important}.exercise-focus-inner .set-row input{accent-color:var(--lime)}.weekly-chart-card{background:linear-gradient(155deg,var(--surface),var(--surface-2))!important;border-color:var(--line)!important}.library-motion{background:var(--surface-2)!important}.library-motion figcaption{color:var(--muted)}.coach-fullscreen{background:var(--bg)!important}.coach-dialog .option-card:has(:checked){background:var(--tint)!important;border-color:var(--brand)!important}.coach-dialog input:is([type=checkbox],[type=radio]):checked{background-color:var(--brand-fill)!important;border-color:var(--brand)!important}.coach-dialog input:is([type=checkbox],[type=radio]){accent-color:var(--brand)}.tour-visual{background:var(--tint)}.tour-progress span.is-active{background:var(--brand-fill)}.welcome-content{color:var(--on-dark)}.welcome-stage{background:var(--hero)!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);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:var(--hero)!important}.tabs [aria-current=page]{background:var(--brand-deep)!important}.auth-card .primary{background:var(--brand-deep)!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}
/* 19 September 2026: the target-weight band keeps the same 20px inset as the rest of the card instead of running edge to edge. */
.weekly-chart-card .dashboard-weight-target{margin:8px 20px 0}
@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:var(--hero)}
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:var(--hero);color:var(--on-dark);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 8px 30px var(--shadow-3)}#browser-update strong{font-size:14px}#browser-update p{font-size:12px;line-height:1.45;color:var(--on-dark-soft);margin:5px 0 0}#browser-update button{border:0;border-radius:12px;background:var(--lime);color:var(--on-accent);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 var(--line);min-height:64px;box-sizing:border-box;background:var(--surface)}
#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:var(--muted)}.install-platform select{width:100%;min-height:44px;margin:0!important;box-sizing:border-box}.install-note{background:var(--surface-2);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:var(--surface)}.tabs button[aria-current=page]{--nav-bg:var(--brand-deep);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:var(--brand-deep)!important;color:var(--on-dark)!important}}
.tabs button span{font-size:inherit!important}

/* Round icon buttons (close crosses, favourite hearts) are always a true circle with the glyph in the middle: the global
   button{min-height:44px} otherwise stretches a 34-40 px button into an oval, and .ghost's left alignment and padding push the glyph off-centre. */
.diary-dialog-top button,.coach-dialog-top button,.swap-close,.measurement-dialog .dialog-dismiss,.training-log-dialog .dialog-dismiss,.icon-button,.recipe-heart,.attention-close,.ci-close,.week-pause-close,.food-scan .scan-header button,#app-intro .intro-top button{display:inline-grid;place-items:center;box-sizing:border-box;aspect-ratio:1/1;min-height:0;min-width:0;flex:0 0 auto;padding:0;line-height:1;text-align:center}
/* Top bar tools: bell and settings share one rounded-square shape (the bell was 36x44 with a 50% radius: an oval). */
.topbar-tools #attention-button,.topbar-tools #cloud-status.local-label{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:14px!important}
.dashboard-day .dashboard-energy{padding:22px!important}
/* Home nutrition card: numbers left and right of the ring align with the card edges like the other cards. */
.dashboard-energy .nutrition-eaten{text-align:left}
.dashboard-energy .nutrition-target{text-align:right}