/* MilliMark everyday experience. Tokens inherit the user's light/dark choice. */
.xp-share-choice{display:flex;align-items:flex-start;gap:12px;padding:14px 0;cursor:pointer}.xp-share-choice[hidden]{display:none}.xp-share-choice input{width:24px;height:24px;flex:0 0 24px;margin:1px 0;accent-color:var(--amber)}.xp-share-choice span{display:grid;gap:6px;min-width:0}.xp-share-choice small{font-size:var(--type-14);line-height:1.5;color:var(--muted)}.xp-sync-conflict{border:1px solid var(--amber);border-radius:14px;padding:16px;margin:16px 0}.xp-sync-conflict h3{margin:0 0 12px}.xp-sync-conflict p{overflow-wrap:anywhere;line-height:1.5}.xp-sync-actions{display:flex;flex-wrap:wrap;gap:10px}.xp-sync-actions .btn,.xp-sharing>.btn{min-height:44px;height:auto;white-space:normal;text-align:left}.xp-sharing .xp-save-state{min-height:3em;line-height:1.5}.xp-share-choice input:focus-visible{outline:2px solid var(--amber);outline-offset:4px}@media(max-width:500px){.xp-sync-actions{flex-direction:column}.xp-sync-actions .btn{width:100%}}
.xp-muted-section{display:none!important}
html.vr-app.vr-ready{--r:20px;--vr-pad:clamp(20px,3.6vw,64px)}
html.vr-app.vr-ready .card{border-radius:20px;box-shadow:0 3px 16px color-mix(in srgb,var(--ink) 3%,transparent)}
html.vr-app.vr-ready .btn{border-radius:12px}
html.vr-app.vr-ready .btn.ghost{background:transparent}
html.vr-app.vr-ready .vr-heading h1,html.vr-app.vr-ready .homehead h1{font-size:var(--type-28);font-weight:600;letter-spacing:-.035em;line-height:1.16}
html.vr-app.vr-ready .vr-side-brand{padding-block:24px 32px}
html.vr-app.vr-ready #vr-sidebar{background:var(--card);border-right:1px solid var(--rule)}
html.vr-app.vr-ready #bnav button{border-radius:14px}
html.vr-app.vr-ready .vr-side-link{border-radius:12px}
html.vr-app.vr-ready #p-start .homehead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:12px;row-gap:8px;margin-bottom:16px}
html.vr-app.vr-ready #p-start .homehead .hh-greet{flex-basis:100%;font-size:var(--type-12);color:var(--ink-soft);margin:0}
html.vr-app.vr-ready #p-start .homehead h1{margin:0;flex:1}
html.vr-app.vr-ready #p-start .homehead .xp-home-controls{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 auto}
.xp-home-controls button{min-height:44px;border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:100px;padding:9px 13px;font:600 var(--type-12)/1.3 var(--sans);display:flex;align-items:center;gap:10px;cursor:pointer;touch-action:manipulation}
html.vr-app.vr-ready .df-glance{padding:10px 0 18px;margin-bottom:18px;border-bottom:1px solid var(--rule)}
html.vr-app.vr-ready .df-glance button{padding-bottom:0}
html.vr-app.vr-ready .vr-home-grid{gap:20px}
html.vr-app.vr-ready .vr-home-agenda{padding:18px 22px}
html.vr-app.vr-ready .vr-home-agenda .ui-due-action{border-bottom:1px solid var(--rule);padding:9px 0!important}
html.vr-app.vr-ready .hero-next{border-radius:20px;overflow:hidden;border:1px solid var(--rule);background:var(--card)}
html.vr-app.vr-ready .hero-next .hn-title{font-size:var(--type-28);line-height:1.15;letter-spacing:-.035em}
html.vr-app.vr-ready .hero-next .df-week{padding:8px 6px;gap:3px;background:var(--card);border-radius:0}
html.vr-app.vr-ready .hero-next .df-week button{border-radius:10px}
html.vr-app.vr-ready .ui-stat{border-radius:20px}
html.vr-app.vr-ready .ui-stat-label{color:var(--ink-soft);font-size:var(--type-14)}
html.vr-app.vr-ready .ui-stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
html.vr-app.vr-ready .ui-stat-nutrition .ui-stat-label{color:var(--ink)}
html.vr-app.vr-ready .vr-tabs{gap:4px;padding:6px;background:var(--card-2);border-radius:14px;border:0;margin:12px 0 20px}
html.vr-app.vr-ready .vr-tabs [role=tab]{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);padding:8px 16px}
html.vr-app.vr-ready .vr-tabs [role=tab][aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 8%,transparent)}
html.vr-app.vr-ready .vr-tab-indicator{display:none}
html.vr-app.vr-ready .settings-group{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:20px}
html.vr-app.vr-ready .settings-item{min-height:66px;border-radius:10px;padding:12px 0}
html.vr-app.vr-ready .settings-group h2{font-size:var(--type-20);letter-spacing:-.025em}
.xp-settings-banner{padding:24px;border-radius:20px;background:var(--amber-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;color:var(--ink)}
.xp-settings-banner h2{margin:0 0 6px;font-size:var(--type-20)}
.xp-settings-banner p{margin:0;font-size:var(--type-14);line-height:1.5}
.xp-further{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;color:var(--ink-soft);font-size:var(--type-14)}
html.vr-app .xp-page{padding:0 0 calc(90px + env(safe-area-inset-bottom));scroll-padding-top:calc(90px + env(safe-area-inset-top))}
html.vr-app .xp-page>.page-head{margin:0;padding:calc(14px + env(safe-area-inset-top)) max(28px,calc(50% - 412px)) 14px;gap:12px;min-height:72px}
html.vr-app .xp-page>.page-head h2{font:600 var(--type-20)/1.3 var(--sans);letter-spacing:-.02em;margin:0}
html.vr-app .xp-page>.page-head .pback{flex:0 0 44px;width:44px;height:44px;padding:0}
html.vr-app .xp-page>.page-bd{max-width:880px;margin-inline:auto;width:100%;padding:28px}
.xp-intro{padding:4px 0 26px;max-width:600px}
.xp-intro h1{font-size:var(--type-28);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0 0 12px}
.xp-intro p{font-size:var(--type-16);line-height:1.6;color:var(--ink-soft);margin:0}
.xp-section{margin:0 0 24px}
.xp-section h2{font-size:var(--type-20);font-weight:600;margin:0 0 14px;letter-spacing:-.02em}
.xp-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xp-modes button{display:flex;flex-direction:column;gap:8px;text-align:left;min-height:124px;min-width:0;padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--rule);color:var(--ink);font:400 var(--type-14)/1.5 var(--sans)}
.xp-modes b{font-size:var(--type-20);font-weight:600}
.xp-modes button[aria-pressed=true]{border:2px solid var(--btn);padding:19px;background:var(--amber-soft)}
.xp-modes span{color:var(--ink-soft)}
.xp-choices{border:1px solid var(--rule);border-radius:16px;background:var(--card);padding:0 20px}
.xp-choices label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;min-height:72px;border-bottom:1px solid var(--rule);cursor:pointer}
.xp-choices label:last-child{border-bottom:0}
.xp-choices b{display:block;font-size:var(--type-16);font-weight:600;line-height:1.4}
.xp-choices small{display:block;font-size:var(--type-14);color:var(--ink-soft);line-height:1.5;margin-top:4px}
.xp-choices input[type=checkbox]{width:24px;height:24px;min-width:24px;accent-color:var(--btn);margin:10px}
.xp-save-state{min-height:24px;color:var(--ink-soft);font-size:var(--type-14)}
.xp-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xp-tool-grid>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:20px;padding:24px;font:400 var(--type-14)/1.5 var(--sans)}
.xp-tool-grid b{font-size:var(--type-20);font-weight:600;letter-spacing:-.02em}
.xp-tool-grid>button>span:not(.xp-tool-symbol){color:var(--ink-soft)}
.xp-tool-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--amber-soft);color:var(--amber);font-size:var(--type-28)}
.xp-tool-arrow{position:absolute;top:24px;right:24px}
.xp-tools-intro{max-width:none;padding-bottom:18px}
.xp-personalize-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:12px}
.xp-tool-search{display:flex;flex-direction:column;gap:8px;color:var(--ink);font:600 var(--type-14)/1.4 var(--sans)}
.xp-tool-search input{width:100%;min-width:0;min-height:48px;padding:11px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink);font:400 var(--type-16)/1.5 var(--sans)}
.xp-tool-search input::placeholder{color:var(--ink-soft);opacity:1}
.xp-tool-count{min-height:21px;margin:10px 0 18px;color:var(--ink-soft);font:400 var(--type-14)/1.5 var(--sans)}
.xp-tool-empty{padding:24px;border:1px solid var(--rule);border-radius:20px;background:var(--card)}
.xp-tool-empty h2{margin:0 0 8px;font-size:var(--type-20);font-weight:600}
.xp-tool-empty p{margin:0 0 18px;color:var(--ink-soft);font-size:var(--type-14);line-height:1.5}
.xp-page button,.xp-page input[type=checkbox]{cursor:pointer;touch-action:manipulation}
html.vr-app .xp-page :is(button,input):focus-visible,html.vr-app .xp-home-controls button:focus-visible{outline:3px solid var(--ui-focus,var(--amber));outline-offset:3px}
@media(hover:hover){.xp-home-controls button:hover,.xp-tool-grid>button:hover,.xp-modes button:not([aria-pressed=true]):hover{background:var(--card-2);border-color:var(--amber)}}
.xp-home-controls button:active,.xp-tool-grid>button:active,.xp-modes button:active{background:var(--amber-soft)}
@media(min-width:900px){html.vr-app.vr-ready #bnav{gap:8px}html.vr-app.vr-ready .vr-home-grid.ui-home-ordered{column-gap:28px}}
@media(max-width:599px){
 html.vr-app.vr-ready{--vr-pad:16px}
 html.vr-app.vr-ready #p-start .homehead{margin-bottom:12px}
 .xp-home-controls{gap:6px}.xp-home-controls button{padding:8px 11px}
 html.vr-app.vr-ready .vr-home-grid{gap:14px}
 html.vr-app.vr-ready .card,html.vr-app.vr-ready .vr-home-agenda{padding:16px;border-radius:18px}
 html.vr-app.vr-ready .df-glance{padding-bottom:12px;margin-bottom:14px}
 html.vr-app.vr-ready .settings-group{padding:16px}
 .xp-settings-banner{padding:20px;align-items:flex-start;flex-direction:column}
 html.vr-app .xp-page>.page-head{padding-inline:16px}
 html.vr-app .xp-page>.page-bd{padding:22px 16px}
 .xp-modes{gap:10px}.xp-modes button{padding:16px}.xp-modes button[aria-pressed=true]{padding:15px}
 .xp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xp-tool-grid>button{padding:16px;gap:10px;font-size:var(--type-14)}.xp-tool-grid b{font-size:var(--type-16)}.xp-tool-arrow{top:16px;right:16px}
 .xp-choices{padding:0 16px}
 html.vr-app.vr-ready[data-experience=simple] .masthead{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));min-height:68px}
 html.vr-app.vr-ready[data-experience=simple] .masthead-in,
 html.vr-app.vr-ready[data-experience=simple] .masthead-in:has(>.mm-header-pro-pill){display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
 html.vr-app.vr-ready[data-experience=simple] .masthead-in>.brand,
 html.vr-app.vr-ready[data-experience=simple] .masthead-in:has(>.mm-header-pro-pill)>.brand{display:flex;align-items:baseline;flex:1;gap:8px;font-size:var(--type-20);line-height:1;letter-spacing:-.6px;width:auto;max-width:none}
 html.vr-app.vr-ready[data-experience=simple] .masthead-in>.brand .mm-brand-tagline{display:none}
 html.vr-app.vr-ready[data-experience=simple] .masthead-in>.profilebar{flex-basis:auto;width:auto;gap:4px;justify-content:flex-end}
 html.vr-app.vr-ready[data-experience=simple] .masthead .profilebar>:is(.mm-leaderboard-top,.mm-wearable-top,[data-header-shop],[data-injectable-open]){display:none!important}
 html.vr-app.vr-ready[data-experience=simple] .masthead-in>.mm-header-pro-pill{flex:0 0 auto;order:0;position:static}
 html.vr-app.vr-ready #p-start .homehead{column-gap:4px}
 html.vr-app.vr-ready #p-start .homehead .xp-home-controls{gap:5px}
 .xp-home-controls button{padding-inline:10px}
}
html.vr-app[data-experience=simple] .ui-home-primary{display:flex;flex-direction:column}
html.vr-app[data-experience=simple] .ui-home-primary>.hero-next{order:-1}
html.vr-app[data-experience=simple] .ui-home-primary>.vr-home-agenda{order:0}
@media(prefers-reduced-motion:reduce){.xp-page *, .xp-home-controls *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
