/* Daily density: semantic tokens, stable 44px controls, no content clipped at enlarged text. */
html.vr-app #p-start .homehead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px!important;padding:0;min-height:24px}
html.vr-app #p-start .homehead h1{font-size:var(--type-20);margin:0!important;order:-1}
html.vr-app #p-start .homehead .hh-greet{font-size:var(--type-12);margin:0!important}
/* Fixed column proportions reserve room for the kcal suffix; the gap never contracts. */
html.vr-app .df-glance{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;border-bottom:1px solid var(--hairline);padding:4px 0 8px;margin:0 0 8px;gap:16px}
html.vr-app .df-glance button{background:transparent;border:0;border-radius:0;color:var(--ink);padding:0;min-height:52px;min-width:0;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px}
html.vr-app .df-glance strong{display:flex;align-items:baseline;width:max-content;font-size:var(--type-28);font-weight:600;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
html.vr-app .df-glance strong[data-size="24"]{font-size:24px}
html.vr-app .df-glance strong[data-wrap=unit]{max-width:100%;flex-wrap:wrap}
html.vr-app .df-glance span{font-size:var(--type-12);font-weight:400;color:var(--ink-soft);line-height:1.25}
html.vr-app .df-glance .df-number{font:inherit;color:inherit;white-space:nowrap}
html.vr-app .df-glance strong small{font-size:var(--type-12);font-weight:400;color:var(--ink-soft);white-space:pre}
html.vr-app .df-glance .df-session-name{white-space:nowrap;overflow-wrap:normal}
html.vr-app .df-due-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
html.vr-app .df-due-head h2{margin:0;font-size:var(--type-20)}
html.vr-app .df-due-head button{padding:4px 8px;min-height:44px;font-size:var(--type-12)}
html.vr-app #p-start .vr-home-agenda{padding:8px 12px!important}
html.vr-app #p-start .ui-due-action{min-height:44px;padding:5px 0!important;margin:0;gap:8px}
html.vr-app #p-start .ui-due-action>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}
html.vr-app #p-start .ui-due-action b{font-size:var(--type-14);line-height:1.25}
html.vr-app #p-start .ui-due-action small{font-size:var(--type-12);margin:0;line-height:1.2;text-align:right}
html.vr-app #p-start .ui-due-check{width:24px;height:24px;min-width:24px}
html.vr-app #p-start .ui-due-action.is-done .ui-due-check,html.vr-app #p-start .vr-home-agenda .todo.done .tick{background:var(--color-amber-fill-dark);border-color:var(--color-amber-fill-dark);color:var(--color-ink)}
.df-routine-items[hidden]{display:none!important}
html.vr-app #p-start .vr-home-grid,html.vr-app #p-start .ui-home-primary,html.vr-app #p-start .ui-home-summary{gap:8px}
html.vr-app #p-start .home-session-card{min-height:112px}
html.vr-app #p-start .home-session-copy{padding:8px 46px;max-width:88%}
html.vr-app #p-start .home-session-card .hn-title{font-size:var(--type-20);line-height:1.2}
html.vr-app #p-start .home-session-pill{display:none}
html.vr-app #p-start .home-session-card .hn-sub{margin:3px 0;font-size:var(--type-12);line-height:1.25}
html.vr-app #p-start .home-session-card .btn{min-height:44px;padding:5px 18px;margin:0}
html.vr-app #p-start .home-session-arrow{top:32px;opacity:1}
html.vr-app #p-start .home-session-dots{display:none}
html.vr-app .df-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--card);border-top:1px solid var(--hairline);padding:4px 1px;border-radius:0 0 12px 12px}
html.vr-app .df-week button{min-width:0;min-height:56px;padding:3px 1px;border:0;background:transparent;color:var(--ink);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:3px}
html.vr-app .df-week b{font-size:var(--type-12);font-weight:600}
html.vr-app .df-week span{font-size:var(--type-12);line-height:1.15;overflow-wrap:anywhere}
html.vr-app .df-week [aria-current=date]{background:var(--amber);color:var(--color-ink)}
html.vr-app .ui-home-quicklog{gap:8px}
html.vr-app .ui-stat-nutrition{padding:8px 12px!important}
html.vr-app .ui-stat-nutrition .ui-stat-label{margin:0;min-height:44px}
html.vr-app .ui-stat-nutrition .ui-scan-shortcut{min-height:44px}
html.vr-app .df-home-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html.vr-app .df-home-macros button{min-width:0;min-height:48px;border:0;background:transparent;color:var(--ink);text-align:left;padding:0;display:flex;flex-direction:column;gap:2px}
html.vr-app .df-home-macros span{font-size:var(--type-12);color:var(--ink-soft)}
html.vr-app .df-home-macros strong{font-size:var(--type-20);line-height:1.2;font-weight:600}
html.vr-app .df-home-macros small{font-size:var(--type-12);font-weight:400}
html.vr-app #p-nutrition .vr-food-log{padding:12px!important}
html.vr-app #p-nutrition .vr-card-head{margin:0 0 8px}
html.vr-app #p-nutrition .ui-food-summary{display:flex;align-items:center;gap:14px;margin:0}
html.vr-app #p-nutrition .ui-food-summary>.vr-ring{width:64px;height:64px;min-width:64px}
html.vr-app #p-nutrition .vr-ring strong{font-size:var(--type-14);line-height:1}
html.vr-app #p-nutrition .vr-ring small{font-size:var(--type-12);line-height:1}
html.vr-app #p-nutrition .ui-macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;margin:0;min-width:0}
html.vr-app #p-nutrition .df-inline-macro{padding:0;margin:0;min-width:0}
html.vr-app .df-inline-macro>span{font-size:var(--type-12);color:var(--ink-soft);display:block}
html.vr-app .df-inline-macro strong{display:block;font-size:var(--type-20);font-weight:600;line-height:1.3}
html.vr-app .df-inline-macro small{font-size:var(--type-12);font-weight:400}
html.vr-app .df-inline-macro .bar{height:3px;margin:4px 0 0}
html.vr-app .df-inline-macro .bar i{background:var(--amber)}
html.vr-app #p-nutrition .ui-food-records{padding:12px!important}
html.vr-app #p-nutrition .ui-food-records h2{margin:0 0 8px}
html.vr-app #p-nutrition .ui-food-records .bmrow{padding:8px 0;min-height:52px}
html.vr-app #p-nutrition .ui-food-records .row{margin:6px 0!important}
html.vr-app #p-train .th-today-main>.th-hero{min-height:180px;padding:16px}
html.vr-app #p-train .th-today-main>.th-hero .eyebrow{display:none}
html.vr-app #p-train .th-hero-copy{padding:0}
html.vr-app #p-train .th-hero-copy h2{font-size:var(--type-28);margin:0 0 8px}
html.vr-app #p-train .th-hero-copy>p{margin:0 0 10px;font-size:var(--type-14)}
.df-macro-shortcuts,.df-quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
html.vr-app .df-macro-shortcuts button{min-width:0;min-height:44px;padding:6px;font-size:var(--type-14)}
.df-quick-fields input{min-width:0;width:100%;box-sizing:border-box}
.df-quick>button{width:100%;margin-top:8px;min-height:44px}
.df-quick details summary,.df-caffeine summary{min-height:44px;display:flex;align-items:center}
.df-caffeine-numbers{display:flex;gap:24px;margin:12px 0}
.df-caffeine-numbers>div{display:flex;flex-direction:column;gap:4px}
.df-caffeine-numbers strong{font-size:var(--type-28);font-weight:600;line-height:1.2}
.df-caffeine-numbers strong small{font-size:var(--type-14);font-weight:400}
.df-caffeine-numbers span,.df-caffeine-source{font-size:var(--type-12);color:var(--ink-soft)}
.df-caffeine-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.vr-app .df-caffeine-presets button{padding:8px;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:start;font-size:var(--type-14)}
.df-caffeine-presets button span{font-size:var(--type-12);font-weight:400}
.df-caffeine-trend{width:100%;height:90px}.df-trend-dates{display:flex;justify-content:space-between;color:var(--ink-soft)}
.df-caffeine table{width:100%;font-size:var(--type-14);text-align:left}.df-caffeine-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--hairline)}
.df-sleep-caffeine{display:flex;flex-wrap:wrap;gap:4px 8px}.df-sleep-caffeine small{flex-basis:100%;font-size:var(--type-12)}
@media(max-width:600px){html.vr-app main{padding-top:12px!important}html.vr-app #p-start .ui-home-quicklog{display:flex;flex-direction:column}html.vr-app #p-nutrition .vr-heading,html.vr-app #p-train .th-topbar{margin-bottom:8px!important}html.vr-app #p-nutrition .vr-tabs{margin-bottom:8px!important}html.vr-app #p-train .th-hero-art{position:absolute;inset:0 0 0 55%;width:auto;height:100%;opacity:.35;pointer-events:none}html.vr-app #p-train .th-hero-copy{position:relative;z-index:1;max-width:85%}}
html.vr-app #p-start .hero-next.home-session-carousel{min-height:0!important;margin:0!important}
/* Shared by the account Home and the read-only sample Home. */
html.vr-app .ui-stat-nutrition .df-home-macros{grid-column:1/-1;min-width:0}
html.vr-app .ui-home-ordered .ui-stat.ui-stat-nutrition{gap:0}
html.vr-app #p-train .th-today-main>.th-hero{background:var(--ui-surface);color:var(--ui-ink)}
html.vr-app #p-train .th-today-main>.th-hero::after{display:none}
html.vr-app #p-train .th-today-main>.th-hero .th-hero-copy{z-index:3;color:var(--ui-ink);max-width:85%}
html.vr-app #p-train .th-today-main>.th-hero .th-hero-copy h2,html.vr-app #p-train .th-today-main>.th-hero .th-hero-copy p{color:var(--ui-ink)}
html.vr-app .modal[data-food-picker]>.sheet,html.vr-app .modal[data-quick-macros]>.sheet,html.vr-app .modal>.sheet[aria-label="Caffeine intake"]{background:var(--ui-surface);color:var(--ui-ink)}

html.vr-app .modal[data-food-picker]>.sheet,html.vr-app .modal[data-quick-macros]>.sheet,html.vr-app .modal>.sheet[aria-label="Caffeine intake"]{background:var(--color-surface-dark)!important;color:var(--color-text-dark)}
html.vr-app[data-theme=light] .modal[data-food-picker]>.sheet,html.vr-app[data-theme=light] .modal[data-quick-macros]>.sheet,html.vr-app[data-theme=light] .modal>.sheet[aria-label="Caffeine intake"]{background:var(--color-paper)!important;color:var(--color-ink)}

@media(prefers-color-scheme:light){html.vr-app:not([data-theme=dark]) .modal[data-food-picker]>.sheet,html.vr-app:not([data-theme=dark]) .modal[data-quick-macros]>.sheet,html.vr-app:not([data-theme=dark]) .modal>.sheet[aria-label="Caffeine intake"]{background:var(--color-paper)!important;color:var(--color-ink)}}

html.vr-app .modal.rd-modal{background:var(--paper)!important;color:var(--ink)}

html.vr-app .df-quick button[type=submit]{background:var(--amber)!important;color:var(--color-ink)!important;border:1px solid var(--amber);border-radius:12px;min-height:44px}

/* v1.11.4: compact controls and consistent day labels. */
html.vr-app .df-due-head{min-height:28px}
html.vr-app .df-routine-toggle{border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:var(--type-12);min-height:44px;min-width:44px;padding:6px 8px;text-align:left;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none}
html.vr-app .df-routine-toggle>span{font-size:var(--type-20);line-height:1;min-width:14px;text-align:center}
html.vr-app .df-routine-toggle.is-bottom{margin-left:auto;display:flex}
html.vr-app .df-routine-toggle[hidden]{display:none!important}
html.vr-app .df-routine-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}
html.vr-app .df-week button{border:1px solid transparent;min-height:52px;color:var(--ink)}
html.vr-app .df-week [aria-current=date]{background:transparent;box-shadow:none;color:var(--ink)}
html.vr-app .df-week [data-selected=true]{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber);background:color-mix(in srgb,var(--amber) 9%,var(--card))}
html.vr-app .df-week span{font-size:var(--type-12);font-weight:600;white-space:normal;overflow-wrap:anywhere}
html.vr-app .df-week b{display:flex;gap:2px;align-items:center}
html.vr-app .df-week b small{font-size:var(--type-12);color:var(--ink)}
html.vr-app .df-week button{position:relative;min-height:82px;gap:4px;padding:6px 1px}
html.vr-app .df-week .df-week-number{font-size:var(--type-20);line-height:1.2;font-weight:600;min-width:1.65em;min-height:1.65em;display:grid;place-items:center;border-radius:50%}
html.vr-app .df-week [aria-current=date] .df-week-number{background:var(--ink);color:var(--card)}
html.vr-app .df-week span small{font-size:var(--type-12);white-space:nowrap}
html.vr-app #p-start .hero-next .df-week{padding:8px 2px;gap:1px}
.df-weekbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-top:1px solid var(--hairline);font-size:var(--type-12);color:var(--ink-soft);grid-column:1/-1;background:var(--card)}
html.vr-app .df-weekbar [data-home-today]{min-width:44px;min-height:44px;padding:6px 8px;font-size:var(--type-12);font-weight:600;color:var(--ink);background:transparent;border:0;border-radius:8px}
.df-weekbar [data-home-today]::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--ink)}
html.vr-app [data-food-picker] #fp-q{width:100%;margin:8px 0 4px;min-height:44px}
html.vr-app [data-food-picker] .fp-tabs{display:flex;gap:8px;margin:0}
html.vr-app [data-food-picker] .fp-tabs button{flex:1;min-height:44px}
html.vr-app [data-food-picker] .fp-categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:4px 0;max-width:100%;padding:0 0 3px}
html.vr-app [data-food-picker] .fp-categories button{flex:0 0 auto;white-space:nowrap;min-height:44px}
html.vr-app [data-food-picker] .fp-tools{display:flex;align-items:center;justify-content:space-between;gap:2px;margin:0 0 4px;color:var(--ink-soft)}
html.vr-app [data-food-picker] .fp-tools button{border:0;background:transparent;color:var(--ink-soft);font-size:var(--type-12);padding:0 2px;min-height:44px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
html.vr-app .ui-food-records .mm-inline-316{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html.vr-app .ui-food-records .mm-inline-317{display:flex;flex-wrap:nowrap;gap:16px;margin:2px 0}
html.vr-app .ui-food-records .mm-inline-317 button{flex:0 1 auto;border:0;background:transparent;color:var(--ink-soft);box-shadow:none;min-height:44px;padding:0;font-size:var(--type-12);text-decoration:underline;text-underline-offset:3px}
html.vr-app .mark-home .mark-actions{display:flex;align-items:center;gap:8px;position:relative}
html.vr-app .mark-home .mark-actions>.btn{flex:1}
html.vr-app .mark-more{position:relative;flex:0 0 44px}
html.vr-app .mark-more summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;list-style:none;font-size:var(--type-20);cursor:pointer}
html.vr-app .mark-more summary::-webkit-details-marker{display:none}
html.vr-app .mark-more>div{position:absolute;right:0;bottom:100%;z-index:5;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;min-width:140px;padding:4px}
html.vr-app .mark-more>div button{width:100%}
html.vr-app .polish-head-title{font-size:var(--type-20);font-weight:600}
html.vr-app .rd-regions.rd-region-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.vr-app .rd-region-groups>button{border:1px solid var(--hairline);background:var(--card);color:var(--ink);min-height:48px;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:4px}
html.vr-app .rd-region-groups>button small{font-size:var(--type-12);color:var(--ink-soft)}
html.vr-app .rd-region-groups>button[aria-expanded=true]{border-color:var(--amber)}
html.vr-app .rd-region-detail{padding-top:8px}
html.vr-app .rd-region-detail>div:first-child{display:flex;align-items:center;justify-content:space-between}
html.vr-app .modal[data-food-edit]>.sheet{background:var(--paper)!important;color:var(--ink)}
html.vr-app [data-home-week-view] .th-today-exercises,html.vr-app [data-week-session-detail] .th-today-exercises{margin:12px 0}
html.vr-app #p-nutrition #nf-add,html.vr-app #p-start .mark-home .mark-actions>button:not(.ghost){background:var(--color-amber-fill-dark)!important;color:var(--color-ink)!important;border:1px solid var(--color-amber-fill-dark)!important;border-radius:12px;min-height:44px}
html.vr-app #p-nutrition #nf-quick{background:transparent!important;color:var(--ink)!important;border:1px solid var(--hairline)!important;border-radius:12px;min-height:44px}
html.vr-app [data-food-picker] #fp-list>button{height:auto;min-height:60px;flex-shrink:0;line-height:1.45;padding:10px 12px;white-space:normal;overflow:visible;word-break:normal}
html.vr-app #p-start .mark-home{overflow:visible;min-width:0}
html.vr-app #p-start .mark-home>*{min-width:0}
html.vr-app #p-start .mark-home .mark-days{gap:0}
html.vr-app #p-start .mark-home .mark-day{min-width:0;width:100%;padding:6px 0}
html.vr-app #p-start .mark-home .mark-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;min-width:0}
html.vr-app #p-start .mark-home .mark-actions>button{flex:1;min-width:0}
@media(min-width:390px){html.vr-app #p-start .mark-home .mark-days{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr))}}

/* Daylight food: the intake, meal groups and water use the real daily records. */
html.vr-app #p-nutrition .card.day-food-today{padding:0!important;background:transparent;border:0;box-shadow:none;max-width:780px;margin:0 auto;width:100%;min-width:0}
html.vr-app.vr-ready #p-nutrition>.vr-heading{margin-bottom:0!important;align-items:center}
html.vr-app.vr-ready #p-nutrition>.vr-heading h1{margin:0}
.day-food-date{color:var(--day-muted,var(--ink-soft));font-size:var(--type-14);margin:0 0 16px;line-height:1.4}
html.vr-app #p-nutrition .day-intake.ui-food-summary{display:block;background:var(--day-surface,var(--card));border:1px solid var(--day-line,var(--hairline));border-radius:16px;padding:20px;margin:0 0 14px;box-shadow:var(--day-shadow,none)}
.day-intake-values{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;font-size:var(--type-14);font-variant-numeric:tabular-nums}
.day-intake-values strong{font-size:var(--type-28);font-weight:600;letter-spacing:-.04em;color:var(--day-ink,var(--ink))}
.day-calorie-balance{color:var(--day-muted,var(--ink-soft));font-size:var(--type-12)}
html.vr-app .day-intake .day-intake-bar{height:10px;margin:12px 0 24px;background:var(--day-soft,var(--wash));border-radius:8px}
html.vr-app .day-intake .day-intake-bar i{background:var(--day-accent,var(--amber));border-radius:8px}
html.vr-app #p-nutrition .day-intake .ui-macro-grid{gap:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
html.vr-app #p-nutrition .day-intake .df-inline-macro{border-left:1px solid var(--day-line,var(--hairline));padding-left:16px;min-width:0}
html.vr-app #p-nutrition .day-intake .df-inline-macro:first-child{border:0;padding-left:0}
html.vr-app .day-intake .df-inline-macro>span{font-size:var(--type-12);margin-bottom:5px;color:var(--day-ink,var(--ink));line-height:1.35}
.day-macro-value{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;min-width:0;font-variant-numeric:tabular-nums}
html.vr-app .day-macro-value strong{font-size:var(--type-20);font-weight:600;white-space:nowrap;line-height:1.35}
html.vr-app .day-macro-value small{font-size:var(--type-12);font-weight:400;color:var(--day-muted,var(--ink-soft));white-space:nowrap}
html.vr-app .day-intake .df-inline-macro .bar{height:5px;margin-top:9px;background:var(--day-soft,var(--wash));border-radius:5px}
html.vr-app .day-intake .df-inline-macro .bar i{background:var(--day-accent,var(--amber))}
html.vr-app .day-intake .df-inline-macro[data-nutrient=p] .bar i{background:var(--day-protein,var(--amber))}
.day-macro-note{font-size:var(--type-12);margin:14px 0 0;line-height:1.5}
.day-food-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-bottom:16px}
html.vr-app #p-nutrition .day-food-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;width:100%;min-width:0;padding:12px 8px;border-radius:12px;font-size:var(--type-14);line-height:1.35}
html.vr-app #p-nutrition .day-food-actions #nf-add{background:var(--day-accent,var(--amber))!important;color:var(--day-accent-ink,var(--ink))!important;border-color:var(--day-accent,var(--amber))!important}
.day-food-actions #nf-add>span{font-size:var(--type-20);line-height:1}
.day-food-actions svg,.fp-tools svg{width:21px;height:21px;flex:none}
html.vr-app #p-nutrition .day-food-meals.ui-food-records{padding:0!important;background:transparent;border:0;box-shadow:none;margin:0}
.day-food-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:4px}
html.vr-app #p-nutrition .day-food-section-head h2{font-size:var(--type-20);margin:0;font-weight:600;letter-spacing:-.02em}
html.vr-app #p-nutrition .day-food-section-head #nf-quick{padding:8px 0;border:0!important;background:transparent!important;font-size:var(--type-12);color:var(--day-muted,var(--ink-soft))!important;text-decoration:underline;text-underline-offset:3px;min-height:44px;box-shadow:none}
.day-meal-group{background:var(--day-surface,var(--card));border:1px solid var(--day-line,var(--hairline));border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:var(--day-shadow,none)}
.day-meal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-variant-numeric:tabular-nums}
.day-meal-heading h3{margin:0;font-size:var(--type-16);font-weight:600}
.day-meal-heading>span{font-size:var(--type-12);color:var(--day-muted,var(--ink-soft));white-space:nowrap}
html.vr-app #p-nutrition .day-food-meals .day-food-row{display:flex;align-items:center;gap:12px;padding:9px 0;min-height:64px;border:0;min-width:0}
.day-food-row+.day-food-row{border-top:1px solid var(--day-line,var(--hairline))!important}
.day-food-visual{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px;background:var(--day-soft,var(--wash));color:var(--day-muted,var(--ink-soft));overflow:hidden}
.day-food-visual svg{width:25px;height:25px}
.day-food-visual img{width:100%;height:100%;object-fit:contain;padding:3px;background:var(--color-white)}
.day-food-copy{flex:1;min-width:0;line-height:1.45}
.day-food-copy .bn{font-size:var(--type-14);font-weight:400;display:block;white-space:normal;overflow-wrap:anywhere}
.day-food-meta{display:block;font-size:var(--type-12);color:var(--day-muted,var(--ink-soft));line-height:1.55;margin-top:3px;font-variant-numeric:tabular-nums}
html.vr-app #p-nutrition .day-food-edit.btn{min-width:44px;min-height:44px;padding:6px 3px;border:0;background:transparent;box-shadow:none;font-size:var(--type-12);color:var(--day-muted,var(--ink-soft));flex:0 0 44px}
.day-food-secondary{display:flex;align-items:center;gap:18px;margin:-3px 0 8px;flex-wrap:wrap}
html.vr-app .day-food-secondary .btn{min-height:44px;border:0;background:transparent;padding:6px 0;color:var(--day-muted,var(--ink-soft));font-size:var(--type-12);text-decoration:underline;text-underline-offset:3px;box-shadow:none}
.day-food-empty{border:1px solid var(--day-line,var(--hairline));border-radius:16px;background:var(--day-surface,var(--card));padding:28px 16px!important;color:var(--day-ink,var(--ink));text-align:left}
.day-food-empty span,.day-food-results .empty span{display:block;margin-top:6px;font-size:var(--type-14);color:var(--day-muted,var(--ink-soft));line-height:1.5}
.day-food-water{margin:0 0 14px}
.day-food-water .day-food-section-head>span{font-size:var(--type-14);font-variant-numeric:tabular-nums;color:var(--day-muted,var(--ink-soft))}
.day-food-water .day-food-section-head b{color:var(--day-ink,var(--ink));font-weight:600}
.day-water-content{display:flex;align-items:center;gap:10px;border:1px solid var(--day-line,var(--hairline));border-radius:16px;padding:10px 12px;background:var(--day-surface,var(--card))}
.day-water-content>svg{width:25px;height:28px;flex:none;color:var(--day-water,var(--ink-soft))}
.day-water-content>.bar{flex:1;min-width:20px;height:6px;background:var(--day-soft,var(--wash))}
.day-water-content>.bar i{background:var(--day-water,var(--ink-soft))}
html.vr-app .day-water-content .btn{min-width:44px;min-height:44px;padding:6px 8px;font-size:var(--type-12);white-space:nowrap;background:var(--day-soft,var(--wash));border:0;box-shadow:none}
.day-nutrition-details{border-top:1px solid var(--day-line,var(--hairline));color:var(--day-muted,var(--ink-soft));padding:0 0 12px}
.day-nutrition-details>summary{min-height:48px;align-content:center;font-size:var(--type-12);cursor:pointer}
.day-nutrition-details .sub{font-size:var(--type-12)}

/* The search remains in place while a selected food expands to its portion controls. */
html.vr-app .modal.day-food-picker{padding:24px;align-items:center;background:color-mix(in srgb,var(--ink) 30%,transparent)!important}
html.vr-app .modal.day-food-picker>.day-picker-sheet{width:100%;max-width:560px;max-height:calc(100dvh - 48px);padding:24px;overflow-y:auto;border-radius:20px;background:var(--day-bg,var(--paper))!important;color:var(--day-ink,var(--ink));box-sizing:border-box;border:1px solid var(--day-line,var(--hairline))}
.day-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.day-picker-head h2{font-size:var(--type-20)!important;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:600}
html.vr-app .day-picker-head #fp-close{min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;color:var(--day-muted,var(--ink-soft));padding:8px 0;font-size:var(--type-14)}
.day-picker-search{position:relative;margin-bottom:12px}
.day-picker-search>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--day-muted,var(--ink-soft));pointer-events:none}
html.vr-app .day-food-picker #fp-q{margin:0;min-height:54px;width:100%;padding:14px 14px 14px 47px;background:var(--day-soft,var(--wash));border:1px solid transparent;border-radius:12px;box-shadow:none;font-size:var(--type-16);color:var(--day-ink,var(--ink))}
html.vr-app .day-food-picker .fp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--day-line,var(--hairline));margin:0 0 4px}
html.vr-app .day-food-picker .fp-tabs>button{min-height:50px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--day-muted,var(--ink-soft));font-size:var(--type-16);padding:8px;box-shadow:none}
html.vr-app .day-food-picker .fp-tabs>[aria-selected=true]{border-bottom-color:var(--day-accent,var(--amber));color:var(--day-ink,var(--ink));font-weight:600}
.day-food-filters{margin:0 0 8px;border:0;padding:0}
.day-food-filters>summary{font-size:var(--type-12);color:var(--day-muted,var(--ink-soft));min-height:44px;align-content:center;cursor:pointer}
html.vr-app .day-food-picker .fp-categories{flex-wrap:wrap;overflow:visible;margin-bottom:12px}
html.vr-app .day-food-picker .fp-categories button{font-size:var(--type-12)}
.day-food-results{display:block;min-width:0;overflow:visible;margin:8px 0 14px}
.day-food-result{border:1px solid var(--day-line,var(--hairline));background:var(--day-surface,var(--card));border-radius:14px;margin-bottom:10px;overflow:hidden;min-width:0}
html.vr-app [data-food-picker] #fp-list .day-food-choice{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:88px;height:auto;padding:14px;border:0;background:transparent;box-shadow:none;text-align:left;color:var(--day-ink,var(--ink));white-space:normal;font-family:inherit}
html.vr-app [data-food-picker] #fp-list>button.day-food-choice{background:var(--day-surface,var(--card));border:1px solid var(--day-line,var(--hairline));border-radius:14px;margin-bottom:10px}
.day-food-choice-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.day-food-choice-copy>b{display:block;font-size:var(--type-16);font-weight:600;line-height:1.4}
.day-food-choice-copy>small{display:block;font-size:var(--type-12);font-weight:400;color:var(--day-muted,var(--ink-soft));line-height:1.55;margin-top:4px}
.day-food-plus{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;border-radius:10px;background:var(--day-soft,var(--wash));color:var(--day-ink,var(--ink));font-size:var(--type-20);font-weight:400}
.day-food-result.is-expanded .day-food-plus{background:transparent}
.day-food-selection{padding:0 16px 16px}
.day-picker-stepper{display:grid;grid-template-columns:48px 70px 48px;justify-content:center;align-items:center;gap:12px;margin:8px 0 12px}
.day-picker-stepper>button{min-width:48px;min-height:48px;border:0;background:var(--day-soft,var(--wash));color:var(--day-ink,var(--ink));border-radius:10px;font-size:var(--type-20);padding:4px;box-shadow:none}
.day-picker-stepper>button:disabled{opacity:.35}
html.vr-app .day-picker-stepper>input{width:100%;min-width:0;min-height:48px;padding:4px;text-align:center;border:0;background:transparent;color:var(--day-ink,var(--ink));font-size:var(--type-20);font-weight:600;box-shadow:none;font-variant-numeric:tabular-nums}
.day-portion-unit{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--type-12);color:var(--day-muted,var(--ink-soft))}
html.vr-app .day-portion-unit select{width:auto;min-width:0;max-width:75%;min-height:44px;padding:8px 30px 8px 10px;font-size:var(--type-14);border-color:var(--day-line,var(--hairline));background-color:var(--day-surface,var(--card));color:var(--day-ink,var(--ink))}
.day-picker-amount{text-align:center;margin:8px 0 16px;font-size:var(--type-14);line-height:1.45;color:var(--day-muted,var(--ink-soft));font-variant-numeric:tabular-nums}
html.vr-app .day-picker-macros.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:16px 0;margin:0;border-top:1px solid var(--day-line,var(--hairline));border-bottom:0;background:transparent}
html.vr-app .day-picker-macros .stat{display:block;min-width:0;text-align:center;padding:0 5px;border:0;border-left:1px solid var(--day-line,var(--hairline));background:transparent;border-radius:0;box-shadow:none}
html.vr-app .day-picker-macros .stat:first-child{border:0}
html.vr-app .day-picker-macros .sl{display:block;font-size:var(--type-12);text-transform:none;letter-spacing:0;font-weight:400;color:var(--day-muted,var(--ink-soft));margin-bottom:4px}
html.vr-app .day-picker-macros .sv{display:inline;font-size:var(--type-20);font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--day-ink,var(--ink))}
.day-picker-macros .stat>small{font-size:var(--type-12);padding-left:3px;color:var(--day-muted,var(--ink-soft));display:inline-block}
.day-portion-details{padding:0;border:0;margin-bottom:10px;color:var(--day-muted,var(--ink-soft))}
.day-portion-details>summary{min-height:44px;align-content:center;font-size:var(--type-12);cursor:pointer}
.day-portion-details .sub{font-size:var(--type-12);line-height:1.5}
.day-portion-details input,.day-portion-details select{width:100%;min-width:0;min-height:44px}
.day-picker-error{margin:0 0 8px;font-size:var(--type-14);line-height:1.45}
.day-picker-error:empty{display:none}
html.vr-app [data-food-picker] #po-add{width:100%;min-height:50px;background:var(--day-accent,var(--amber));color:var(--day-accent-ink,var(--ink));border:0;border-radius:12px;font-size:var(--type-16)}
html.vr-app [data-food-picker] #po-add:disabled{opacity:.4;cursor:not-allowed}
html.vr-app .day-food-picker .fp-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 0}
html.vr-app .day-food-picker .fp-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px;border-radius:10px;background:var(--day-soft,var(--wash));color:var(--day-ink,var(--ink));text-decoration:none;font-size:var(--type-12);white-space:normal}
html.vr-app .day-food-picker .fp-tools [data-food-tool=search]{grid-column:1/-1;min-height:44px;padding:8px;background:transparent;color:var(--day-muted,var(--ink-soft));text-decoration:underline;text-underline-offset:3px}
.day-picker-footer{text-align:center;border-top:1px solid var(--day-line,var(--hairline));padding-top:8px}
html.vr-app .day-picker-footer #fp-custom,html.vr-app #fp-list .day-manage-meals{min-height:44px;border:0;background:transparent;box-shadow:none;font-size:var(--type-14);padding:8px;color:var(--day-muted,var(--ink-soft))}
.day-picker-footer .sub{font-size:var(--type-12);line-height:1.5;margin:4px 0 0;color:var(--day-muted,var(--ink-soft))}
html.vr-app [data-food-portion]>.sheet{background:var(--day-bg,var(--paper))!important;color:var(--day-ink,var(--ink));border-radius:16px}
@media(max-width:600px){
 html.vr-app #p-nutrition .day-intake.ui-food-summary{padding:16px}
 html.vr-app #p-nutrition .day-intake .ui-macro-grid{gap:10px}
 html.vr-app #p-nutrition .day-intake .df-inline-macro{padding-left:10px}
 .day-meal-group{padding:12px}
 .day-food-row .day-food-visual{flex-basis:38px;width:38px;height:42px}
 html.vr-app #p-nutrition .day-food-meals .day-food-row{gap:8px}
 html.vr-app .modal.day-food-picker{padding:0!important;align-items:stretch;background:var(--day-bg,var(--paper))!important}
 html.vr-app .modal.day-food-picker>.day-picker-sheet{max-width:none;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:20px 16px max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .day-picker-head{margin-bottom:20px}
 .day-food-selection{padding:0 12px 12px}
 html.vr-app [data-food-picker] #fp-list .day-food-choice{padding:12px;gap:10px}
 .day-food-choice .day-food-visual{flex-basis:42px;width:42px;height:48px}
 html.vr-app .day-picker-macros .sv{font-size:var(--type-16)}
 .day-water-content{gap:6px;padding:8px}
}
/* These legacy global selectors use !important; reset only this new food surface. */
html.vr-app #p-nutrition .day-food-meals .day-food-row{padding:7px 0!important;min-height:60px}
html.vr-app #p-nutrition .day-food-meals .day-food-copy .bn{font-size:var(--type-14)!important;font-weight:400;line-height:1.45;color:var(--day-ink,var(--ink))}
html.vr-app #p-nutrition .day-intake .df-inline-macro[data-nutrient=p] .bar i{background:var(--concept-food-protein)!important}
html.vr-app #p-nutrition .day-food-date{margin-bottom:12px}
html.vr-app .day-food-picker .day-picker-head h2{font-size:var(--type-28)!important}
html.vr-app .day-food-picker .day-food-plus{font-size:var(--type-20)!important}
html.vr-app .day-food-picker .day-picker-stepper>input{font-size:var(--type-28)!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
html.vr-app .day-food-picker .day-picker-stepper>button{font-size:var(--type-20)!important}

/* Exact concept composition. Category artwork is clipped from the approved references. */
html.vr-app #p-nutrition .day-intake.ui-food-summary{padding:14px 14px 15px;border:0;border-radius:13px;margin-bottom:11px}
html.vr-app .day-intake .day-intake-bar{height:13px;margin:8px 0 20px}
html.vr-app #p-nutrition .day-intake .ui-macro-grid{gap:8px}
html.vr-app #p-nutrition .day-intake .df-inline-macro{padding-left:8px}
html.vr-app .day-macro-value strong>small{display:none}
html.vr-app .day-intake .df-inline-macro .bar{height:7px;margin-top:7px}
html.vr-app .day-intake .df-inline-macro[data-nutrient=f] .bar i{background:var(--concept-food-fat)!important}
.day-intake-values{font-size:var(--type-16)}
.day-intake-values,.day-intake-values>span{line-height:1.25}
.day-intake-values strong{font-size:var(--day-glance-fit)!important;line-height:1.25}
html.vr-app #p-nutrition .day-intake .df-inline-macro{margin:0!important;line-height:1.25}
html.vr-app #p-nutrition .day-intake .df-inline-macro>span{display:block;margin-bottom:4px;line-height:1.25}
html.vr-app #p-nutrition .day-intake .df-inline-macro .day-macro-value{line-height:1.25}
html.vr-app #p-nutrition .day-intake .df-inline-macro .day-macro-value strong{line-height:1.25}
.day-calorie-balance{font-size:var(--type-12)}
.day-food-actions{grid-template-columns:1fr 1fr;margin-bottom:10px}
html.vr-app #p-nutrition .day-food-actions .btn{min-height:46px;border-radius:10px;padding:9px 6px;font-weight:600}
html.vr-app #p-nutrition .day-food-actions #nf-add>span{font-size:28px}
html.vr-app #p-nutrition .day-food-actions #nf-add,html.vr-app [data-food-picker] #po-add{background:linear-gradient(115deg,var(--concept-food-amber-start),var(--concept-food-amber-end))!important;color:var(--color-white)!important;border-color:transparent!important}
html.vr-app #p-nutrition .day-food-actions #nf-scan{border:0;background:var(--day-surface,var(--card))}
.day-food-section-head{margin-bottom:4px;min-height:34px}
html.vr-app #p-nutrition .day-food-section-head h2{font-size:var(--type-16);font-weight:600;letter-spacing:-.02em}
.day-meal-group{padding:0;margin-bottom:12px;border:0;border-radius:13px;overflow:hidden}
.day-meal-group>summary{display:block;list-style:none;cursor:pointer;padding:11px 14px;min-height:108px}
.day-meal-group>summary::-webkit-details-marker,.day-food-menu>summary::-webkit-details-marker,.day-portion-details>summary::-webkit-details-marker{display:none}
.day-meal-heading{display:grid;grid-template-columns:1fr auto 12px;gap:8px;margin-bottom:6px}
.day-meal-heading h3{font-size:var(--type-14);font-weight:600}
.day-meal-heading>span{color:var(--day-ink,var(--ink));font-size:var(--type-12)}
.day-meal-heading>svg{width:12px;height:18px;color:var(--day-muted,var(--ink-soft))}
.day-meal-group[open] .day-meal-heading>svg{transform:rotate(90deg)}
.day-meal-preview{display:flex;align-items:center;gap:15px;min-width:0}
.day-meal-preview>.day-food-visual{width:74px;height:65px;flex-basis:74px;border-radius:10px}
.day-meal-items{display:grid;gap:5px;flex:1;min-width:0;font-size:var(--type-12);line-height:1.5}
.day-meal-items>div{display:grid;grid-template-columns:1fr auto;gap:10px;min-width:0}
.day-meal-items>div>span:first-child{overflow-wrap:anywhere}
.day-meal-items>div>span:last-child{white-space:nowrap;color:var(--day-muted,var(--ink-soft));font-variant-numeric:tabular-nums}
.day-meal-entry-details{border-top:1px solid var(--day-line,var(--hairline));padding:0 14px 8px}
.day-food-visual.is-illustration{background:transparent}
.day-food-visual .day-food-art{display:block;width:100%;height:100%;max-width:none;flex:none}
.day-food-menu{position:relative;border:0;margin:0;padding:0;z-index:2}
.day-food-menu>summary{display:grid;place-items:center;list-style:none;cursor:pointer;min-width:44px;min-height:44px;margin-block:-5px;color:var(--day-muted,var(--ink-soft));font-size:var(--type-20)}
.day-food-menu>div{position:absolute;right:0;top:100%;width:180px;padding:8px;border-radius:12px;border:1px solid var(--day-line,var(--hairline));background:var(--day-surface,var(--card));box-shadow:var(--day-shadow)}
html.vr-app #p-nutrition .day-food-menu .btn{display:block;min-height:44px;width:100%;text-align:left;text-decoration:none!important;font-size:var(--type-14)!important;padding:8px!important}
.day-food-water{margin-top:2px}
.day-water-content{padding:8px 14px;border:0;border-radius:13px;gap:14px}
.day-water-content>svg{width:30px;height:30px;color:var(--concept-food-water)}
.day-water-progress{flex:1;min-width:0}
.day-water-progress>span{display:block;font-size:var(--type-14);margin-bottom:5px;font-variant-numeric:tabular-nums}
.day-water-progress>.bar{height:7px;background:var(--day-soft,var(--wash));border-radius:6px}
.day-water-progress>.bar i{background:var(--concept-food-water)}
html.vr-app .day-water-content .btn{width:44px;height:44px;min-height:44px;font-size:var(--type-20);border:1px solid var(--day-line,var(--hairline));border-radius:50%!important;padding:0;background:transparent}
.day-nutrition-details{margin-top:14px}
html.vr-app .day-food-picker .day-picker-head{display:grid;grid-template-columns:44px 1fr 88px;gap:0;margin:0 0 16px;min-height:44px}
html.vr-app .day-food-picker .day-picker-head h2{text-align:center;font-size:var(--type-16)!important;letter-spacing:0;font-weight:600}
html.vr-app .day-picker-head #fp-close{padding:10px;min-height:44px;min-width:44px;color:var(--day-ink,var(--ink))}
#fp-close svg{width:22px;height:22px;display:block}
.day-picker-account{display:flex;align-items:center;gap:0;justify-content:flex-end}
html.vr-app .day-picker-account>button{display:grid!important;place-items:center;width:44px;min-width:44px;min-height:44px;padding:4px;border:0;background:transparent;box-shadow:none}
.day-picker-account .mm-leaderboard-top{color:var(--day-accent,var(--amber))}
.day-picker-account .mm-leaderboard-top svg{width:22px;height:22px}
.day-picker-account :is(.av,.mm-account-avatar){width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--day-soft,var(--wash))}
.day-picker-account :is(.av,.mm-account-avatar) img{width:100%;height:100%;object-fit:cover}
.day-picker-account .prof-chip-copy,.day-picker-account .prof-pro-label{display:none!important}
.day-picker-search{margin-bottom:10px}
html.vr-app .day-food-picker #fp-q{min-height:44px;padding-top:11px;padding-bottom:11px;border-radius:12px}
html.vr-app .day-food-picker .fp-tabs{margin-bottom:16px}
html.vr-app .day-food-picker .fp-tabs>button{font-size:var(--type-14);min-height:44px}
.day-food-results{margin:0 0 14px}
.day-food-result{border:0;border-radius:13px;margin:0;box-shadow:none;background:var(--day-surface,var(--card))}
.day-food-result+.day-food-result{border-top:1px solid var(--day-line,var(--hairline));border-top-left-radius:0;border-top-right-radius:0}
.day-food-result:has(+.day-food-result){border-bottom-left-radius:0;border-bottom-right-radius:0}
.day-food-result.is-expanded{margin-bottom:12px;border-radius:13px}
.day-food-result.is-expanded+.day-food-result{border:0;border-top-left-radius:13px;border-top-right-radius:13px}
html.vr-app [data-food-picker] #fp-list .day-food-choice{min-height:88px;padding:12px;gap:13px}
html.vr-app .day-food-choice .day-food-visual{width:62px;height:62px;flex-basis:62px;border-radius:11px}
.day-food-choice-copy>b{font-size:var(--type-16);font-weight:600;line-height:1.25}
.day-food-choice-copy>small{font-size:var(--type-12);line-height:1.3;margin-top:5px}
.day-food-plus{font-size:var(--type-20);min-width:40px;min-height:40px}
.day-food-result.is-expanded .day-food-plus{min-width:22px;width:22px;min-height:44px}
.day-food-selection{padding:0 12px 14px}
.day-picker-stepper{grid-template-columns:44px 60px 44px;gap:14px;margin:0 0 0}
.day-picker-stepper>button,html.vr-app .day-picker-stepper>input{min-height:44px;min-width:44px}
html.vr-app .day-food-picker .day-picker-stepper>input{font-size:var(--type-20)!important}
.day-portion-details{margin:0;border:0}
.day-portion-details>summary{list-style:none;text-align:center;margin:0;min-height:44px;font-size:var(--type-12);padding:7px 0;color:var(--day-muted,var(--ink-soft));cursor:pointer}
html.vr-app .day-portion-details>summary.day-picker-amount{display:block;text-align:center;font-size:var(--type-14);line-height:1.4}
.day-portion-details[open]{margin:0 0 10px}
.day-portion-details[open]>summary{margin-bottom:8px;text-decoration:underline}
html.vr-app .day-picker-macros.stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 0 18px}
html.vr-app .day-picker-macros .sv{font-size:var(--type-16);font-weight:400}
html.vr-app .day-picker-macros .sl{margin-bottom:3px}
html.vr-app .day-picker-macros .stat>small{font-size:var(--type-14);color:var(--day-ink,var(--ink));padding-left:3px}
html.vr-app [data-food-picker] #po-add{min-height:44px;font-size:var(--type-16);border-radius:10px;font-weight:600}
html.vr-app .day-food-picker .fp-tools{margin:5px 0 0;gap:12px}
html.vr-app .day-food-picker .fp-tools button{min-height:46px;font-size:var(--type-12);border:0}
.day-food-filters{margin:0;padding:0}
.day-food-filters>summary{font-size:var(--type-12);min-height:44px}
.day-picker-navigation{display:none}
@media(max-width:600px){
 html.vr-app .modal.day-food-picker>.day-picker-sheet{padding:16px 16px 80px;scroll-padding-top:16px}
 .day-picker-navigation{display:block;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--day-bg,var(--paper));border-top:1px solid var(--day-line,var(--hairline));padding-bottom:env(safe-area-inset-bottom)}
 .day-picker-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:65px;width:100%;margin:0;padding:0 6px;background:var(--day-bg,var(--paper))}
 .day-picker-nav>button,.day-picker-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--day-ink,var(--ink));font-size:var(--type-12);min-width:0;min-height:44px;padding:5px 2px;font-family:inherit}
 .day-picker-nav svg{width:21px;height:21px}
 .day-picker-nav .on{color:var(--day-accent,var(--amber))}
 .day-picker-nav .bnav-ico{line-height:1}
}
@media(min-width:601px){.day-picker-sheet{min-height:650px}.day-picker-account{justify-content:flex-end}}