/* Phone presentation: compact app bar, daily controls and bottom sheets. */
.mobile-alerts{display:none}
.profile-language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:14px}
.profile-language-row select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
.profile-menu button>svg{flex-shrink:0;color:var(--accent-strong)}
@media(max-width:700px), (orientation:landscape) and (max-height:600px){
 body.app-v2{--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:var(--font-ui);font-size:15px;-webkit-tap-highlight-color:transparent}
 body.app-v2 .shell{padding:0 16px 112px}
 body.app-v2 header{position:sticky;top:0;z-index:4;height:58px;min-height:58px;padding:8px 0;border:0;background:var(--paper);gap:12px}
 body.app-v2 header .brand{font:800 22px/1 var(--font-ui);letter-spacing:-.7px}
 body.app-v2 header .head-actions{gap:10px}
 body.app-v2.is-signed-in header .head-actions>.language-control,body.app-v2.is-signed-in #planChip,body.app-v2.is-signed-in header .head-actions>.quiet{display:none!important}
 body.app-v2.is-signed-in header .signup{position:relative;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0!important;border-radius:50%;font-size:0;border-color:#b0d3bc}
 body.app-v2.is-signed-in header .signup:after{content:attr(data-initial);font:700 14px var(--font-ui)}
 body.app-v2.is-signed-in .mobile-alerts{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:0;border-radius:50%;background:transparent;color:var(--ink);padding:8px}
 body.app-v2 #syncStatus[data-state=ok],body.app-v2 #syncStatus[data-state=local]{display:none}
 body.app-v2 #syncStatus{font-size:11px;padding:4px 0}
 body.app-v2 .view{padding-top:10px}
 body.app-v2 .view h1{font:750 25px/1.2 var(--font-ui);letter-spacing:-.7px;margin:5px 0 8px}
 body.app-v2 .view h2{font-family:var(--font-ui);letter-spacing:-.3px}
 body.app-v2 .view>.lede,body.app-v2 .progress-v2>.lede{font-size:13px;line-height:1.5;margin-bottom:14px}
 body.app-v2 .home-v2{padding-top:0}
 body.app-v2 .home-v2 .hello{margin:4px 0 15px}
 body.app-v2 .home-v2 .hello .kicker{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:5px;color:var(--muted)}
 body.app-v2 .home-v2 .hello h1{font:750 25px/1.2 var(--font-ui);letter-spacing:-.7px;margin:0}
 body.app-v2 .home-v2 .hello .avatar{display:none}
 body.app-v2 .day-card{display:grid;grid-template-columns:minmax(0,1fr) 82px;column-gap:14px;row-gap:5px;padding:18px;border-radius:22px}
 body.app-v2 .day-card .eyebrow{grid-column:1;font-size:10px;letter-spacing:.08em}
 body.app-v2 .day-card h2{grid-column:1;font:700 22px/1.3 var(--font-ui);letter-spacing:-.5px;margin:0}
 body.app-v2 .day-card>p{grid-column:1;font-size:12px;line-height:1.4;margin:1px 0 0}
 body.app-v2 .day-card .day-meter{display:contents;margin:0}
 body.app-v2 .day-card .ring{grid-column:2;grid-row:1/4;position:relative;align-self:center;width:82px;height:82px}
 body.app-v2 .day-card .ring:after{width:66px;height:66px}
 body.app-v2 .day-card .ring span{font-size:13px}
 body.app-v2 .day-meter>div:not(.ring){grid-column:1/-1;margin:7px 0 0}
 body.app-v2 .day-meter b{font-size:14px;font-weight:600}
 body.app-v2 .day-meter small{display:none}
 body.app-v2 .day-card .compact-balance{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:transparent;border:0;border-top:1px solid #ffffff26;border-radius:0;margin:9px 0 0;padding:12px 0 0}
 body.app-v2 .day-card .compact-balance>div{min-width:0;padding:0;background:transparent;border:0;border-radius:0}
 body.app-v2 .day-card .compact-balance small{font-size:10px;color:#cfddd8}
 body.app-v2 .day-card .compact-balance b{font-size:15px;font-weight:650;color:white}
 body.app-v2 .home-actions{margin:16px 0;gap:12px}
 body.app-v2 .home-actions button{font-size:11px;min-height:65px}
 body.app-v2 .home-actions i{width:48px;height:46px;border-radius:15px;margin-bottom:6px}
 body.app-v2 #homeRecords{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;margin:0}
 body.app-v2 #homeRecords .section-head{margin:0 0 9px;align-items:center}
 body.app-v2 #homeRecords .section-head:has(+.compact-list){margin-top:17px}
 body.app-v2 #homeRecords h2{font:700 15px/1.3 var(--font-ui);letter-spacing:-.2px}
 body.app-v2 #homeRecords .section-head>span{font-size:12px;color:var(--muted)}
 body.app-v2 #homeRecords .section-head>button{background:var(--action);color:var(--action-ink);border:1px solid var(--action);border-radius:10px;min-height:44px;padding:7px 12px;font-size:12px;font-weight:700}
 body.app-v2 #homeRecords .compact-list li{font-size:13px;padding:10px 0;min-height:40px}
 body.app-v2 #homeRecords .compact-list li.muted{font-size:12px;line-height:1.5;padding:2px 0 4px;min-height:0}
 body.app-v2 #dailyHistoryAction,body.app-v2 #fastHistoryAction{width:100%;min-height:40px;border:0;background:transparent;text-align:right;font-size:12px;padding:8px 2px;margin:3px 0 9px;color:var(--muted)}
 body.app-v2 #goalCoach{padding:12px 14px;margin:0 0 18px;border-radius:15px}
 body.app-v2 #goalCoach>.label{font-size:9px;letter-spacing:.06em}
 body.app-v2 #goalCoach .row{flex-wrap:nowrap;gap:10px}
 body.app-v2 #goalCoach .row>div{min-width:0;flex:1}
 body.app-v2 #goalCoach b{font-size:13px;margin-top:4px}
 body.app-v2 #goalCoach p{font-size:11px;line-height:1.45;margin:4px 0 0}
 body.app-v2 #goalCoach button{min-height:44px;font-size:11px;padding:8px 10px;flex-shrink:0}
 body.app-v2 .home-v2>.section-head:has(+.continue-card){display:none}
 body.app-v2 .continue-card:not(.has-fast-clock){grid-template-columns:82px minmax(0,1fr);gap:7px 12px;padding:13px;margin:0 0 4px;border-radius:17px}
 body.app-v2 .continue-card:not(.has-fast-clock)>.fast-context-photo{grid-column:1;grid-row:1/3;width:82px;height:98px;object-position:60% center;border-radius:12px}
 body.app-v2 .continue-card:not(.has-fast-clock)>div{grid-column:2}
 body.app-v2 .continue-card:not(.has-fast-clock)>button{grid-column:2;justify-self:start;min-height:44px;padding:8px 12px;font-size:12px}
 body.app-v2 .continue-card .label{font-size:9px;letter-spacing:.05em}
 body.app-v2 .continue-card h3{font-size:15px;font-weight:700}
 body.app-v2 .continue-card p{font-size:11px;line-height:1.4}
 body.app-v2 .section-head h2{font:700 17px/1.3 var(--font-ui)}
 body.app-v2 .section-head button{font-size:12px;min-height:40px}
 body.app-v2 .inspire-card{grid-template-columns:minmax(0,1fr) 110px;border-radius:17px}
 body.app-v2 .inspire-card h3{font:700 15px/1.3 var(--font-ui)}
 body.app-v2 .inspire-card p{font-size:12px}
 body.app-v2 .progress-v2{padding-top:0}
 body.app-v2 .progress-photo{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:12px;padding:12px;margin:16px 0;background:var(--surface);border:1px solid var(--line);border-radius:17px}
 body.app-v2 .progress-photo img{grid-column:2;grid-row:1;width:132px;height:94px;object-fit:cover;border-radius:12px}
 body.app-v2 .progress-photo figcaption{grid-column:1;grid-row:1;position:static;width:auto;max-width:none;background:transparent;padding:0;font:700 15px/1.4 var(--font-ui)}
 body.app-v2 .progress-hero{margin:14px 0;padding:17px;border-radius:18px}
 body.app-v2 .progress-hero .weight-number{font:750 36px/1.2 var(--font-ui);letter-spacing:-1px}
 body.app-v2 .progress-hero .trend{font-size:12px}
 body.app-v2 .profile-menu{gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);margin:15px 0}
 body.app-v2 .profile-menu button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 16px;min-height:67px;font-size:14px}
 body.app-v2 .profile-menu button:last-child{border-bottom:0}
 body.app-v2 .profile-menu small{font-size:11px;line-height:1.5;margin-top:3px}
 body.app-v2 .profile-language-row{font-size:13px;margin:14px 0;padding:9px 14px}
 body.app-v2 #recipes .field:has(#recipeSearch){position:sticky;top:58px;z-index:2;background:var(--paper);padding:8px 0;margin:0 0 8px}
 body.app-v2 #recipes .field:has(#recipeSearch)>label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
 body.app-v2 #recipes .field:has(#recipeSearch)>input{border-radius:14px;min-height:48px}
 body.app-v2 #recipes #recipeList{gap:12px}
 body.app-v2 #recipes .recipe-card b{font-size:13px;line-height:1.4}
 body.app-v2 #recipes .recipe-card img{height:112px}
 body.app-v2 .modal{align-items:end;padding:0;background:#14263080}
 body.app-v2 .modal .dialog{width:100%;max-width:none;max-height:92dvh;margin:0;padding:21px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;scroll-padding-bottom:20px}
 body.app-v2 .modal .dialog:before{content:'';display:block;width:38px;height:4px;border-radius:4px;background:#c4d3ca;margin:-9px auto 16px}
 body.app-v2 .modal .dialog h1,body.app-v2 .modal .dialog h2{font:750 23px/1.25 var(--font-ui);letter-spacing:-.6px;margin:6px 0 12px}
 body.app-v2 .modal .dialog .modal-x{width:40px;height:40px;margin-top:0}
 body.app-v2 .modal .dialog .lede{font-size:13px;line-height:1.5}
 body.app-v2 .modal:has(.access-screen){background:var(--paper);padding:0;align-items:stretch}
 body.app-v2 .modal .dialog:has(.access-screen){width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:56px 22px 24px;margin:0;background:var(--paper)}
 body.app-v2 .modal .dialog:has(.access-screen):before{display:none}
 body.app-v2 .modal .dialog:has(.access-screen) .modal-x{position:fixed;right:16px;top:10px;width:40px;height:40px;background:var(--surface);box-shadow:none}
 body.app-v2 .access-photo{height:124px;border-radius:18px;margin-bottom:22px}
 body.app-v2 .access-photo>span{font:750 18px var(--font-ui)}
 body.app-v2 .modal .access-screen h1{font:750 27px/1.15 var(--font-ui);letter-spacing:-.7px}
 body.app-v2 .access-screen .kicker{font-size:10px}
 body.app-v2 .access-screen .field{margin:15px 0}
 body.app-v2 .access-screen .field label{font-size:12px}
 body.app-v2 .access-screen input{background:var(--surface);border-radius:13px;min-height:50px}
 body.app-v2.welcome-active header{height:58px}
 body.app-v2 .welcome-screen{padding-top:4px}
 body.app-v2 .welcome-copy h1{font:780 31px/1.14 var(--font-ui);letter-spacing:-1px;margin-bottom:13px}
 body.app-v2 .welcome-copy .kicker{display:none}
 body.app-v2 .welcome-hero{gap:18px}
 body.app-v2 .welcome-image>img{height:clamp(150px,21dvh,205px);border-radius:24px}
 body.app-v2 .welcome-copy p{font-size:14px;line-height:1.5;margin-bottom:15px}
 body.app-v2 .welcome-capabilities{gap:11px 12px;margin-bottom:20px}
 body.app-v2 .welcome-capabilities li{font-size:11px;line-height:1.35;gap:7px}
 body.app-v2 .welcome-capabilities svg{width:19px;height:19px}
 body.app-v2 .welcome-actions{grid-template-columns:1fr;gap:8px}
 body.app-v2 .welcome-actions button{min-height:50px;font-size:14px;border-radius:14px}
 body.app-v2 .welcome-actions .primary{justify-content:center;gap:14px}
 body.app-v2 .welcome-actions .outlined{background:var(--surface);border:1px solid var(--control-border);min-height:48px;font-size:13px;font-weight:650}
 body.app-v2 .welcome-copy>small{text-align:center;margin-top:8px;font-size:11px}
 body.app-v2 .welcome-features{display:none}
 body.app-v2 .welcome-stories{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:75%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-top:24px;padding-bottom:8px}
 body.app-v2 .welcome-stories article{scroll-snap-align:start}
 body.app-v2 .welcome-stories img{max-height:150px}
 body.app-v2 .welcome-stories h2{font:700 14px/1.3 var(--font-ui)}
 body.app-v2 .welcome-explore{margin-top:12px;font-size:12px}
}