:root{--mobile-teal:#087a7b;--mobile-ink:#24231f;--mobile-paper:#f7f5f0;--mobile-line:#ddd8ce;--mobile-menu-muted:#52564f}.mobile-tabbar,.mobile-more,.mobile-more-back,#mobileRangeWrap{display:none}
body:has(#login:not(.hidden)){background:#f7f4ee!important;color:#2b2a26!important}
#login{background:#fffefa!important;color:#2b2a26!important;border:1px solid #ded9cf!important;box-shadow:0 18px 48px rgba(43,42,38,.10)!important}
#login h1{color:#2b2a26!important}#login .note{color:#6b6960!important}
#login input{background:#fff!important;color:#2b2a26!important;border:1px solid #c9c2b7!important;-webkit-text-fill-color:#2b2a26!important;caret-color:#2b2a26!important}
#login input::placeholder{color:#827d74!important;opacity:1}
#login #enter{background:#174f53!important;color:#fff!important;border:1px solid #174f53!important}
#login #enter:hover{background:#103f43!important}
#login #forgot{color:#174f53!important}
.login-password-field{position:relative;width:100%;margin:10px 0}.login-password-field #pass{width:100%;margin:0!important;padding-right:82px!important}.login-password-field .login-password-toggle{position:absolute!important;z-index:4!important;right:7px;top:50%;transform:translateY(-50%);width:auto!important;min-height:34px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:#f0ece5!important;color:#2b2a26!important;font-size:12px!important}
@media(max-width:700px){html,body{width:100%;min-height:100%;overflow-x:hidden;background:var(--mobile-paper)!important;-webkit-tap-highlight-color:transparent}body{padding:0 0 calc(78px + env(safe-area-inset-bottom))!important;font-size:14px}#app.wrap{width:100%;padding:calc(12px + env(safe-area-inset-top)) 12px 24px!important;min-height:100dvh}#app #areaNav.area-nav{display:none!important}.top{min-height:58px!important;margin:0 0 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}.top>div:first-child{width:auto!important;min-width:0}.top h1{font-size:23px!important;line-height:1.08!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v11-updated{grid-column:1;display:block;margin:4px 0 0!important;font-size:10px!important;color:#77736b!important}#mobileRangeWrap{display:grid;grid-column:2;grid-row:1/3;gap:2px;align-self:center}#mobileRangeWrap span{font-size:8px;letter-spacing:.09em;color:#77736b;text-transform:uppercase}#mobileRange{height:38px;max-width:92px;border:1px solid var(--mobile-line);border-radius:10px;background:#fffefa;color:var(--mobile-ink);padding:0 24px 0 10px;font:inherit;font-size:12px}body[data-mobile-area="nutrition"] #mobileRangeWrap{visibility:hidden}.range-nav{display:none!important}
.v11-status{grid-template-columns:1fr!important;margin-bottom:8px!important;border-radius:14px!important}.v11-status>div{min-height:78px!important;padding:12px!important;grid-template-columns:34px 1fr 10px!important;gap:8px!important}.v11-status>div+div{border-left:0!important;border-top:1px solid var(--mobile-line)}.v11-state-icon,.v11-action-icon{width:34px!important;height:34px!important}.v11-status h2,.v11-status h3{font-size:15px!important}.v11-status p{font-size:10px!important;line-height:1.35}.v11-status small{font-size:10px!important}.v11-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch}.v11-card{min-width:0!important;min-height:132px!important;height:auto!important;max-height:none!important;padding:12px!important;border-radius:14px!important}.v11-card[data-detail="health"],.v11-card[data-detail="glucose"]{grid-column:auto!important;min-height:196px!important}.v11-card header{font-size:11px!important}.v11-card[data-detail="health"] header,.v11-card[data-detail="glucose"] header{font-size:10px!important;gap:5px!important}.v11-icon{width:26px!important;height:26px!important}.v11-value{font-size:28px!important;margin:15px 0 7px!important}.v11-card[data-detail="health"] .v11-value,.v11-card[data-detail="glucose"] .v11-value{font-size:34px!important;margin-top:13px!important}.v11-card[data-detail="health"] .v11-spark{display:none!important}.v11-card[data-detail="health"] footer button{display:none!important}.v11-sub{font-size:10px!important;min-height:0!important;line-height:1.35!important}.v11-spark,.v11-no-chart{height:40px!important}.v11-card footer{font-size:9px!important;margin-top:8px!important}.v11-card footer button{height:34px!important;font-size:9px}.v11-progress{margin:13px 0 10px!important}.v11-progress-copy{gap:7px!important}.v11-progress-copy strong{font-size:19px!important}.v11-progress-copy span{font-size:9px!important}.v11-recovery{grid-template-columns:1fr!important;margin:0!important;gap:6px!important}.v11-recovery>div+div{border-left:0!important;border-top:1px solid var(--mobile-line);padding:6px 0 0!important}.v11-recovery strong{font-size:22px!important;margin:5px 0!important}.v11-recovery em{display:none!important}.v13-age-main{grid-template-columns:72px 1fr!important}.v13-age-ring{width:70px!important;height:70px!important}.v13-age-ring strong{font-size:21px!important}
.nutrition-home-strip{margin-bottom:8px!important;padding:10px!important}.nutrition-page{gap:12px!important}.nutrition-head{display:none!important}.nutrition-tabs{position:sticky;top:calc(env(safe-area-inset-top) + 64px);z-index:15;background:var(--mobile-paper);display:grid!important;grid-template-columns:repeat(5,1fr);gap:3px!important;border:0!important;padding:3px!important;border-radius:11px}.nutrition-tabs button{min-width:0;padding:10px 2px!important;border:0!important;border-radius:8px;font-size:10px}.nutrition-tabs button.active{background:#fffefa;border:1px solid var(--mobile-line)!important}.nutrition-day-picker{padding:8px!important}.nutrition-summary{gap:7px!important}.nutrition-kpi{min-height:94px!important;padding:11px!important}.nutrition-kpi:first-child{grid-column:1/-1!important;min-height:105px!important}.nutrition-kpi strong{font-size:22px!important;margin:7px 0 3px!important}.nutrition-card{padding:12px!important}.nutrition-card>header{margin-bottom:10px}.meal-card{padding:10px!important;gap:8px!important}.meal-time{width:38px!important;font-size:11px!important}.meal-copy h4{font-size:13px!important}.meal-copy p{font-size:10px!important}.meal-macros{gap:4px!important;margin-top:7px!important}.meal-macros span{font-size:9px!important;padding:3px 6px!important}.nutrition-chart-card{padding:12px!important}.nutrition-chart-card>div{height:210px!important}
.coach-fab{display:none!important}.coach-panel{inset:0 0 calc(72px + env(safe-area-inset-bottom)) 0!important;width:100vw!important;height:auto!important;border-radius:0!important;transform:translateY(105%)!important;transition:transform .24s ease!important}.coach-panel.open{transform:none!important}.coach-back{display:none!important}.coach-head{padding:calc(14px + env(safe-area-inset-top)) 14px 13px!important;min-height:76px}.coach-head h2{font-size:21px}.coach-body{padding:12px!important}.coach-now,.coach-rec,.coach-msg{border-radius:14px!important;padding:12px!important}.coach-form{padding:9px 10px!important;gap:5px!important}.coach-form .coach-tool{flex-basis:36px!important;height:44px!important}.coach-composer-text{min-height:44px!important;max-height:92px!important}.coach-form>button[type="submit"]{height:44px!important}.coach-image-preview{padding:7px!important}
.mobile-tabbar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:200;height:calc(72px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);background:rgba(255,254,250,.96);border-top:1px solid var(--mobile-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-tabbar button{position:relative;border:0;background:transparent;color:var(--mobile-menu-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;min-width:0;font-weight:600}.mobile-tabbar button>span{width:27px;height:27px;display:grid;place-items:center}.mobile-tabbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-tabbar small{font-size:9px;white-space:nowrap}.mobile-tabbar button.active{color:var(--mobile-teal);font-weight:750}.mobile-tabbar .coach-tab>span{position:absolute;bottom:27px;width:52px;height:52px;border-radius:50%;background:var(--mobile-teal);color:#fff;box-shadow:0 7px 18px rgba(8,122,123,.3);border:4px solid #fffefa}.mobile-tabbar .coach-tab svg{width:25px;height:25px}.mobile-tabbar .coach-tab small{margin-top:31px;color:#1e5e5f;font-weight:750}
.mobile-more-back{display:block;position:fixed;inset:0;z-index:175;background:rgba(36,35,31,.35);opacity:0;pointer-events:none;transition:.2s}.mobile-more-back.open{opacity:1;pointer-events:auto}.mobile-more{display:block;position:fixed;left:0;right:0;bottom:0;z-index:180;background:#fffefa;border-radius:20px 20px 0 0;padding:18px 16px calc(92px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.24s;box-shadow:0 -20px 45px rgba(36,35,31,.14)}.mobile-more.open{transform:none}.mobile-more header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.mobile-more header small{font-size:9px;letter-spacing:.12em;color:#77736b}.mobile-more h2{font-size:24px;margin:3px 0}.mobile-more header button{width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:#f0ece5}.mobile-more>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobile-more [data-more-area]{min-height:52px;border:1px solid var(--mobile-line);border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:var(--mobile-ink);text-align:left}.mobile-more [data-more-area] b{font-size:20px;font-weight:400;color:#88837a}}

/* Keep the unauthenticated screen isolated from the authenticated mobile shell. */
@media(max-width:700px){
html{background:#f7f4ee;color-scheme:light}
body.mobile-app-ready #app.wrap{padding:calc(58px + env(safe-area-inset-top)) 10px calc(90px + env(safe-area-inset-bottom))!important}
body.mobile-app-ready .top{display:none!important}
.mobile-appbar{position:fixed;display:flex;align-items:center;gap:8px;top:0;left:0;right:0;z-index:160;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:rgba(247,244,238,.96);border-bottom:1px solid #ded9cf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobile-app-title{min-width:0;flex:1}.mobile-appbar h1{min-width:0;margin:0;font-size:19px;line-height:1.1;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-connection{display:flex;align-items:center;gap:4px;margin-top:3px;color:#6b6960;font-size:9px}.mobile-connection:before{content:'';width:6px;height:6px;border-radius:50%;background:#278744}.mobile-connection.offline:before,.mobile-connection.error:before{background:#cc8a00}.mobile-connection.error{color:#8e302b}.mobile-connection.error:before{background:#c93631}
#mobileBack{flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:#fff;color:#2b2a26;font-size:31px;line-height:38px}
#mobileBack[hidden]{display:none}
.mobile-appbar #mobileRangeWrap{display:grid;gap:1px;flex:0 0 auto}
.mobile-appbar #mobileRangeWrap span{font-size:8px;letter-spacing:.08em;color:#6b6960;text-transform:uppercase}
.mobile-appbar #mobileRange{height:36px;max-width:92px;border:1px solid #ded9cf;border-radius:10px;background:#fff;color:#2b2a26;padding:0 24px 0 9px;font:inherit;font-size:12px}
body[data-mobile-area="nutrition"] #mobileRangeWrap,body.mobile-detail-open #mobileRangeWrap{display:none!important}
.v13-sourcebar{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:6px!important;margin:0 0 8px!important;padding:0 0 3px!important;border:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:none}
.v13-sourcebar::-webkit-scrollbar{display:none}.v13-sourcebar>div{flex:0 0 auto;min-width:145px;min-height:44px!important;padding:8px 10px!important;border:1px solid #ded9cf!important;border-radius:12px!important;background:#fff!important;scroll-snap-align:start}.v13-sourcebar>div span{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important}.v13-sourcebar #v13Refresh{flex:0 0 auto;min-height:44px!important;padding:0 12px!important;border-radius:12px!important}
.metric-detail.open{position:relative;margin:0!important;padding:4px 0 12px}.metric-detail-head{align-items:flex-start!important}.metric-detail-head>div{min-width:0}.metric-detail-head h2{font-size:20px!important}.metric-detail-head p{font-size:11px}.metric-detail-close{display:none!important}.detail-range{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;overflow:visible!important}.detail-range button,.detail-range input{min-width:0;min-height:42px;padding:7px!important;font-size:11px}.detail-range input{width:100%!important}.detail-range .detail-apply{width:auto!important}.detail-panel{padding:10px!important;border-radius:14px!important}.detail-chart{height:230px!important}.detail-table-wrap{max-height:none!important;overflow-x:auto!important}.detail-table{min-width:430px}
.mobile-tabbar button,.mobile-more button,#mobileBack{touch-action:manipulation}
body:not(.mobile-app-ready){background:#f7f4ee!important;color:#2b2a26!important;padding:0!important;overflow-x:hidden}
body:not(.mobile-app-ready) .mobile-appbar,
body:not(.mobile-app-ready) .mobile-tabbar,
body:not(.mobile-app-ready) .mobile-more,
body:not(.mobile-app-ready) .mobile-more-back{display:none!important;pointer-events:none!important}
body:not(.mobile-app-ready) #login{position:relative;z-index:300;width:min(100% - 32px,420px);margin:clamp(32px,12vh,96px) auto;padding:24px;background:#fffefa!important;border:1px solid #ded9cf!important;border-radius:18px;color:#2b2a26!important;box-shadow:0 16px 42px rgba(43,42,38,.1)!important}
body:not(.mobile-app-ready) #login h1,
body:not(.mobile-app-ready) #login p,
body:not(.mobile-app-ready) #login label{color:#2b2a26!important}
body:not(.mobile-app-ready) #login input{position:relative;z-index:1;width:100%;min-height:48px;background:#fff!important;color:#2b2a26!important;border:1px solid #b8b2a7!important;-webkit-text-fill-color:#2b2a26;caret-color:#2b2a26;pointer-events:auto!important}
body:not(.mobile-app-ready) #login input::placeholder{color:#6b6960!important;opacity:1}
body:not(.mobile-app-ready) #login button{position:relative;z-index:1;min-height:48px;pointer-events:auto!important}
body:not(.mobile-app-ready) #login #pass{padding-right:82px!important}
body.mobile-app-ready{background:var(--mobile-paper)!important;color:var(--mobile-ink)!important}
body.mobile-app-ready #app{color:var(--mobile-ink)}
body.mobile-app-ready .v11-card,
body.mobile-app-ready .compact-toolbar,
body.mobile-app-ready .v11-status,
body.mobile-app-ready .chart,
body.mobile-app-ready .nutrition-card,
body.mobile-app-ready .nutrition-kpi{background:var(--mobile-card,#fffefa);color:var(--mobile-ink,#24231f)}
}