@font-face { font-family: FFSettingsRoboto; src: url('fonts/roboto-settings-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: FFSettingsRoboto; src: url('fonts/roboto-settings-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: FFSettingsRoboto; src: url('fonts/roboto-settings-900.ttf') format('truetype'); font-weight: 900; font-display: swap; }
.native-settings-page {
  --ns-bg: #fafafa; --ns-card: #fff; --ns-row: #f7f7f8; --ns-border: #d8d8dc;
  --ns-text: #17171b; --ns-muted: #5f5f68; --ns-orange: #ff6b35;
  font-family: FFSettingsRoboto, Roboto, Arial, sans-serif; color: var(--ns-text); background: var(--ns-bg);
  min-height: 100%; box-sizing: border-box; font-size: 18px; line-height: 1.4;
}
body.dark-theme .native-settings-page { --ns-bg: #101012; --ns-card: #19191f; --ns-row: #1b1b21; --ns-border: #3c3c42; --ns-text: #f6f6f7; --ns-muted: #b5b5c0; }
.native-settings-page *, .native-settings-page *::before, .native-settings-page *::after { box-sizing: border-box; }
.native-settings-page button, .native-settings-page input, .native-settings-page select { font-family: inherit; font-size: inherit; }
.native-settings-icon { width: 22px; height: 22px; display: block; flex: 0 0 22px; }
body.dark-theme .native-settings-icon { filter: invert(98%); }
.native-settings-icon.accent, body.dark-theme .native-settings-icon.accent { filter: invert(50%) sepia(98%) saturate(1893%) hue-rotate(338deg) brightness(105%) contrast(103%); }
.native-page-header { display: flex; align-items: flex-start; gap: 8px; padding: 16px 24px 4px; border-bottom: 1px solid var(--ns-border); background: var(--ns-bg); }
.native-page-header > button { padding: 0; width: 22px; height: 30px; border: 0; background: transparent; cursor: pointer; flex: 0 0 22px; display: grid; align-items: center; }
.native-page-header > .native-settings-icon { margin-top: 3px; }
.native-page-header h1 { font-size: 22px; font-weight: 900; line-height: 1.3; margin: 0; }
.native-page-header p { margin: 6px 0 0; color: var(--ns-muted); font-size: 14px; line-height: 1.3; letter-spacing: .2px; }
.native-page-content { padding: 16px; display: flex; flex-direction: column; gap: 18px; }
.native-settings-card { border: 1px solid var(--ns-border); border-radius: 13px; background: var(--ns-card); padding: 14px; }
.native-settings-card h2 { font-size: 22px; font-weight: 900; line-height: 1.3; margin: 0 0 4px; }
.native-card-description { margin: 0 0 6px; font-size: 17px; line-height: 1.4; color: var(--ns-muted); }
.native-settings-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 6px 0 10px; text-align: left; background: transparent; border: 0; color: var(--ns-text); cursor: pointer; }
.native-settings-row > span { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.native-settings-row strong, .native-portion-copy strong, .native-time-row strong { font-size: 18px; font-weight: 700; line-height: 1.4; }
.native-settings-row small { font-size: 17px; font-weight: 400; line-height: 1.45; color: var(--ns-muted); }
.native-settings-row > .native-settings-icon { width: 21px; height: 21px; flex-basis: 21px; }
.native-settings-page button:focus-visible, .native-settings-page summary:focus-visible, .native-settings-page input:focus-visible { outline: 2px solid var(--ns-orange); outline-offset: 3px; }
.native-settings-row:hover { background: var(--ns-row); border-radius: 8px; }
.native-weekday-options { display: flex; flex-wrap: wrap; gap: 8px 6px; justify-content: center; padding: 2px 0 0; }
.native-weekday-options button { min-width: 75px; padding: 8px 15px; background: transparent; color: var(--ns-muted); border: 1px solid var(--ns-border); border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; line-height: 1.3; }
.native-weekday-options button[aria-pressed="true"] { border-color: var(--ns-orange); background: rgba(255,107,53,.14); }
.native-time-rows { display: flex; flex-direction: column; gap: 28px; margin-top: 6px; }
.native-time-row { display: flex; gap: 12px; align-items: center; padding: 12px 10px; border-radius: 8px; background: var(--ns-row); cursor: pointer; min-height: 66px; }
.native-time-row > span { display: flex; flex-direction: column; gap: 2px; }
.native-time-row small, .native-portion-copy small { font-size: 14px; color: var(--ns-muted); line-height: 1.3; }
.native-time-row input { min-width: 0; width: 75px; padding: 0; margin-left: auto; border: 0; background: transparent; color: var(--ns-text); font-weight: 900; font-size: 19px; text-align: right; cursor: pointer; color-scheme: light; }
body.dark-theme .native-time-row input { color-scheme: dark; }
.native-time-row input::-webkit-calendar-picker-indicator { display: none; }
.native-time-row input::-webkit-datetime-edit { padding: 0; }
.native-portion-row { display: flex; align-items: center; gap: 8px; min-height: 66px; padding: 10px 6px 10px 10px; border-radius: 8px; background: var(--ns-row); margin-bottom: 4px; }
.native-portion-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.native-portion-stepper { display: flex; align-items: center; gap: 4px; }
.native-portion-stepper button { display: grid; place-items: center; border: 0; background: transparent; width: 30px; height: 40px; padding: 4px; cursor: pointer; }
.native-portion-stepper button:disabled { opacity: .35; cursor: default; }
.native-portion-stepper output { min-width: 34px; text-align: center; font-size: 18px; font-weight: 900; }
.native-portion-stepper .native-settings-icon { width: 20px; height: 20px; }
.native-portion-pause { width: 43px; height: 43px; border: 1px solid var(--ns-border); border-radius: 50%; background: transparent; display: grid; place-items: center; padding: 8px; margin-left: 8px; cursor: pointer; }
.native-portion-pause .native-settings-icon { width: 21px; height: 21px; opacity: .72; }
.native-portion-pause[aria-pressed="true"] { border-color: var(--ns-orange); }
.native-portion-row.is-paused .native-portion-copy { color: var(--ns-muted); }
.native-portions-help { font-size: 14px; line-height: 1.4; color: var(--ns-muted); margin: 0 0 24px; }
.native-accent-heading { font-size: 18px; color: var(--ns-orange); font-weight: 900; margin: 0 0 10px; }
.native-portion-overrides { border-top: 1px solid var(--ns-border); padding-top: 16px; margin-top: 14px; }
.native-portion-overrides summary { list-style: none; display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 18px; cursor: pointer; padding: 4px 0; }
.native-portion-overrides summary::-webkit-details-marker { display: none; }
.native-portion-overrides[open] summary { margin-bottom: 20px; }
.native-portion-overrides[open] summary img { transform: rotate(180deg); }
.native-diet-options { display: flex; flex-wrap: wrap; gap: 8px; }
.native-diet-options button { padding: 9px 14px; border: 1px solid var(--ns-border); border-radius: 9px; background: var(--ns-row); color: var(--ns-muted); font-size: 18px; font-weight: 700; cursor: pointer; line-height: 1.4; }
.native-diet-options button[aria-pressed="true"] { background: var(--ns-orange); border-color: var(--ns-orange); color: #101012; }
.native-field { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; font-weight: 700; }
.native-field input, .native-field select { max-width: 100%; width: 100%; padding: 10px; border: 1px solid var(--ns-border); border-radius: 8px; background: var(--ns-row); color: var(--ns-text); }
.native-field input[type="range"] { padding: 0; accent-color: var(--ns-orange); }
.native-field small { color: var(--ns-muted); font-weight: 400; }
.native-ingredient-results { max-height: 250px; overflow-y: auto; }
.native-ingredient-result { display: block; width: 100%; border: 1px solid var(--ns-border); border-radius: 8px; background: var(--ns-row); color: var(--ns-text); padding: 10px; margin-top: 8px; text-align: left; cursor: pointer; }
.native-settings-save-status { color: var(--ns-muted); font-size: 14px; margin: 0; }
.native-settings-save-status[hidden] { display: none; }
.native-settings-page.is-desktop { border-radius: 14px; overflow: hidden; }
.native-settings-page.is-desktop .native-page-header { padding: 20px; }
.native-settings-page.is-desktop .native-page-content { padding: 18px; }
.native-settings-page.is-desktop .native-page-header [data-settings-back] { display:none; }
/* Native subpages replace the browser branding header; device status chrome stays device-owned. */
#mobile-app.native-settings-active .mobile-header { display: none !important; }
#mobile-app.native-settings-active #mobile-content-area { padding: 0 !important; }
#mobile-app.native-settings-active .settings-screen, #mobile-app.native-settings-active .settings-content { margin: 0 !important; padding: 0 !important; max-width: none !important; }
#mobile-app.native-settings-active .native-page-content { padding-bottom: 110px; }
#mobile-app.native-settings-active .mobile-nav-label { font-size: 15px !important; font-weight: 400 !important; }
#mobile-app.native-settings-active .mobile-bottom-nav { background: var(--mobile-bg, #101012); box-shadow: none; border: 0; font-family: FFSettingsRoboto, Roboto, Arial, sans-serif; }
#mobile-app.native-settings-active .mobile-nav-icon { width: 50px; height: 32px; margin-top: 7px; padding: 4px 10px; font-size: 20px; }
#desktop-settings-content-pane:has(.native-settings-page) { padding: 0; background: transparent; border: 0; }
@media (max-width: 359px) {
  .native-page-header { padding-left: 16px; padding-right: 16px; gap: 7px; }
  .native-page-header h1 { font-size: 20px; }
  .native-portion-row { gap: 3px; padding: 8px 4px; }
  .native-portion-pause { margin-left: 0; }
  .native-portion-stepper { gap: 0; }
  .native-weekday-options { padding-inline: 0; }
  .native-weekday-options button { min-width: 62px; padding-inline: 10px; }
}
.native-search-field { display:flex; align-items:center; gap:14px; border:1px solid var(--ns-border); border-radius:9px; padding:14px 12px; margin-top:8px; color:var(--ns-muted); }
.native-search-field input { min-width:0; width:100%; border:0; outline:none; background:transparent; color:var(--ns-text); font-size:18px; }
.native-search-field input::placeholder { color:var(--ns-muted); opacity:1; }
.native-ingredient-empty { display:grid; place-items:center; min-height:95px; margin:0; font-size:14px; color:var(--ns-muted); }
[data-native-settings-page="ingredients"] .native-page-content { gap:10px; }
[data-native-settings-page="ingredients"] .native-settings-card { padding:10px; }
[data-native-settings-page="ingredients"] h2, [data-native-settings-page="health"] h2 { font-size:18px; font-weight:700; }
.native-small-copy { font-size:14px; line-height:1.4; color:var(--ns-muted); margin:7px 0 0; }
.native-mode-options { display:flex; gap:8px; margin-top:8px; }
.native-mode-options button { flex:1; font-size:14px; font-weight:900; padding:12px 4px; border:1px solid var(--ns-border); border-radius:9px; color:var(--ns-text); background:transparent; cursor:pointer; }
.native-mode-options button[aria-pressed="true"], .native-macro-presets button[aria-pressed="true"] { border-color:var(--ns-orange); background:rgba(255,107,53,.14); }
[data-native-settings-page="health"] .native-page-content { gap:10px; }
[data-native-settings-page="health"] .native-card-description { font-size:14px; }
[data-native-settings-page="health"] .native-settings-card { padding:10px; }
.native-calorie-stepper { display:flex; align-items:center; background:var(--ns-row); border-radius:9px; margin-top:8px; min-height:44px; font-weight:900; }
.native-calorie-stepper button { display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; cursor:pointer; padding:10px; }
.native-calorie-stepper button:last-child { margin-left:auto; }
.native-calorie-stepper button:disabled { opacity:.35; }
.native-calorie-stepper input { width:64px; padding:0; margin-left:auto; text-align:right; font-weight:900; font-size:18px; border:0; background:transparent; color:var(--ns-text); appearance:textfield; }
.native-calorie-stepper input::-webkit-inner-spin-button { appearance:none; }
.native-calorie-stepper span { margin-left:4px; margin-right:auto; }
.native-override-day { font-size:16px; margin:12px 0 0; }
[data-native-settings-page="health"] .native-portion-overrides { margin-top:10px; padding-top:12px; }
.native-macro-units { display:flex; justify-content:center; gap:8px; margin:8px 0; }
.native-macro-units button { border:1px solid var(--ns-border); border-radius:30px; padding:9px 20px; background:var(--ns-row); color:var(--ns-muted); font-size:18px; font-weight:700; cursor:pointer; }
.native-macro-units button[aria-pressed="true"] { background:var(--ns-orange); color:#101012; border-color:var(--ns-orange); }
.native-macro-presets { display:flex; flex-direction:column; gap:7px; margin-top:8px; }
.native-macro-presets button { display:block; text-align:left; padding:8px; border:1px solid var(--ns-border); border-radius:11px; background:var(--ns-row); color:var(--ns-text); cursor:pointer; }
.native-macro-presets strong { font-size:18px; line-height:1.4; }
.native-macro-presets small { display:block; text-align:center; color:var(--ns-muted); font-weight:700; font-size:14px; }
.native-macro-bar { display:flex; height:8px; overflow:hidden; border-radius:6px; margin:7px 0 5px; }
.native-macro-bar span:nth-child(1) { background:#ff6b35; }
.native-macro-bar span:nth-child(2) { background:#008579; }
.native-macro-bar span:nth-child(3) { background:#9840b0; }
.native-taste-axis h3 { font-size:18px; margin:10px 0 6px; }
.native-taste-scale { display:grid; grid-template-columns:80px 1fr 80px; align-items:center; gap:0; font-size:14px; color:var(--ns-muted); }
.native-taste-scale > span:last-child { text-align:right; }
.native-taste-scale > div { display:flex; justify-content:center; gap:1px; }
.native-taste-scale button { position:relative; width:28px; height:22px; border:0; padding:0; background:transparent; cursor:pointer; }
.native-taste-scale button::after { content:''; display:block; width:10px; height:10px; border-radius:50%; background:var(--ns-border); opacity:.4; margin:auto; }
.native-taste-scale button[aria-pressed="true"]::after { background:var(--ns-orange); width:12px; height:12px; opacity:1; }
.native-taste-axis p { font-size:14px; color:var(--ns-muted); text-align:center; margin:3px auto 14px; }
.native-taste-axis:has([data-taste-axis="withinWeekVarietyPreference"]) p { max-width:92%; }
.native-taste-overrides { border-top:0; margin:0 0 34px; padding-top:0; }
.native-taste-overrides:last-child { margin-bottom:0; }
.native-substitution-editor { padding:20px; border:1px solid var(--ns-border); border-radius:14px; min-height:0; width:min(440px,90vw); }
.native-substitution-editor::backdrop { background:rgba(0,0,0,.65); }
.native-substitution-editor button { padding:10px; margin-top:14px; border:1px solid var(--ns-border); border-radius:8px; background:var(--ns-card); color:var(--ns-text); cursor:pointer; }
.native-recipe-card { position:relative; min-height:74px; padding:22px 50px 22px 14px; overflow:visible; }
.native-recipe-title { display:block; text-align:left; font-size:18px !important; line-height:1.4; font-weight:700; border:0; color:var(--ns-text); background:transparent; padding:0; width:100%; cursor:pointer; }
.native-recipe-menu { position:absolute; right:16px; top:22px; z-index:2; }
.native-recipe-menu[open] { z-index:5; }
.native-recipe-menu summary { list-style:none; cursor:pointer; padding:2px; }
.native-recipe-menu summary::-webkit-details-marker { display:none; }
.native-recipe-menu-items { position:absolute; top:37px; right:-2px; min-width:max-content; background:var(--ns-row); border-radius:3px; box-shadow:0 2px 8px #0006; padding:7px 0; }
.native-recipe-menu-items button { display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:10px 12px; font-size:18px; font-weight:400; background:transparent; border:0; color:var(--ns-text); cursor:pointer; }
.native-recipe-menu-items button:hover { background:var(--ns-card); }
.native-recipe-menu-items .danger { color:#ef4363; }
.native-recipe-menu-items .danger img { filter:invert(35%) sepia(90%) saturate(1666%) hue-rotate(322deg); }
.native-recipe-description { margin:0; color:var(--ns-muted); font-size:14px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.native-recipe-metrics { margin:4px 0 0; font-size:14px; font-weight:700; color:var(--ns-muted); }
.native-recipe-metrics > span { color:var(--ns-orange); margin-right:4px; }
[data-native-settings-page="my-meals"] .native-recipe-card, [data-native-settings-page="custom-meals"] .native-recipe-card { padding:14px 50px 14px 14px; }
[data-native-settings-page="my-meals"] .native-recipe-menu, [data-native-settings-page="custom-meals"] .native-recipe-menu { top:46px; }
[data-native-settings-page="my-meals"] .native-recipe-menu-items, [data-native-settings-page="custom-meals"] .native-recipe-menu-items { top:30px; }
[data-native-settings-page="my-meals"] .native-page-content, [data-native-settings-page="custom-meals"] .native-page-content { padding-top:11px; }
.native-recipe-search-disclosure { margin-top:8px; font-size:14px; color:var(--ns-muted); }
.native-recipe-search-disclosure summary { cursor:pointer; }
.native-secondary-action { display:flex; align-items:center; gap:8px; align-self:flex-start; border:1px solid var(--ns-border); border-radius:9px; color:var(--ns-text); background:var(--ns-card); padding:10px; cursor:pointer; }
.native-aisle-list { display:flex; flex-direction:column; gap:11px; }
.native-aisle-card.aisle-reorder-item { display:flex; justify-content:flex-start; align-items:center; gap:10px; padding:14px; min-height:58px; margin:0; background:var(--ns-card); border:1px solid var(--ns-border); border-radius:13px; }
.native-aisle-card strong { font-size:18px; }
.native-aisle-handle { display:grid; place-items:center; padding:0; width:25px; height:28px; color:var(--ns-muted); background:transparent; border:0; cursor:grab; touch-action:none; }
.native-aisle-handle img { opacity:.75; }
.native-aisle-card.dragging { border-color:var(--ns-orange); box-shadow:0 3px 12px #0005; }
[data-native-settings-page="aisles"] .native-page-content { padding-top:11px; }
.native-simple-header { align-items:center; gap:18px; padding-top:22px; padding-bottom:20px; }
.native-simple-header h1 { font-size:24px; }
.native-health-link h2, .native-calendar-link h2, .native-household-link h2 { font-size:18px; margin:0 0 10px; font-weight:700; }
.native-health-link p { font-size:14px; line-height:1.35; margin:0 0 10px; }
.native-health-link h2:not(:first-child) { margin-top:14px; }
.native-primary-button, .native-outline-button { display:block; width:100%; text-align:center; padding:11px 16px; border-radius:30px; font-size:16px !important; font-weight:700; line-height:1.4; text-decoration:none; cursor:pointer; }
.native-primary-button { border:1px solid var(--ns-orange); background:var(--ns-orange); color:#101012; }
.native-outline-button { border:1px solid var(--ns-border); background:transparent; color:var(--ns-muted); }
.native-primary-button:disabled, .native-outline-button:disabled { opacity:.45; cursor:default; }
.native-calendar-intro { font-size:18px; margin:16px 0; line-height:1.5; }
.native-calendar-link .native-small-copy { margin:10px 0 14px; }
.native-calendar-help { margin:18px 0 24px; }
.native-calendar-help summary { list-style:none; display:flex; align-items:center; justify-content:space-between; padding:4px 10px; color:var(--ns-orange); font-weight:700; font-size:16px; cursor:pointer; }
.native-calendar-help summary::-webkit-details-marker { display:none; }
.native-calendar-help[open] img { transform:rotate(180deg); }
.native-calendar-link hr { border:0; border-top:1px solid var(--ns-border); margin:14px 0; }
[data-native-settings-page="calendar"] .native-page-header { border-bottom:0; padding-bottom:8px; }
.native-household-link { padding:24px 5px 0; }
.native-household-link p { font-size:14px; line-height:1.35; color:var(--ns-muted); margin:20px 0; }
.native-household-link .native-primary-button { border-radius:9px; margin-top:18px; }
.native-household-invite-result input { width:100%; min-width:0; padding:14px 12px; font-size:14px; border:1px solid var(--ns-border); border-radius:4px; background:transparent; color:var(--ns-text); }
.native-reminder-switch-row { display:flex; align-items:center; justify-content:space-between; margin:26px 0; font-size:16px; }
.native-reminder-switch-row input { appearance:none; width:46px; height:28px; border-radius:20px; background:var(--ns-border); position:relative; }
.native-reminder-switch-row input::after { content:''; position:absolute; width:21px; height:21px; left:4px; top:3px; border-radius:50%; background:var(--ns-bg); }
.native-remind-me { font-size:16px; font-weight:700; margin:0 0 18px; }
.native-reminder-leads { display:flex; overflow-x:auto; gap:6px; }
.native-reminder-leads button { white-space:nowrap; border:1px solid var(--ns-border); border-radius:7px; background:transparent; color:var(--ns-muted); font-size:16px; padding:3px 12px; font-weight:700; }
.native-reminder-leads button[aria-pressed="true"] { background:#4c465e; color:#e5dff0; border-color:#4c465e; }
[data-native-settings-page="reminders"] .native-settings-card { padding:14px; }
[data-native-settings-page="reminders"] .native-outline-button { margin-top:18px; }
.native-device-switch-row { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:52px; font-size:18px; color:var(--ns-text); }
.native-device-switch-row > span { min-width:0; }
.native-device-switch-row small { display:block; font-size:12px; color:var(--ns-muted); }
.native-device-switch-row input { appearance:none; position:relative; flex:0 0 46px; width:46px; height:28px; border-radius:20px; background:var(--ns-border); margin:0; cursor:pointer; }
.native-device-switch-row input::after { content:''; position:absolute; width:21px; height:21px; left:4px; top:3px; border-radius:50%; background:#101012; transition:left .15s; }
.native-device-switch-row input:checked { background:var(--ns-orange); }
.native-device-switch-row input:checked::after { left:22px; }
.native-device-switch-row input:disabled { cursor:default; opacity:.5; }
#mobile-app .native-main-menu .settings-menu-scroll { background:var(--ns-bg) !important; }
#mobile-app .native-main-menu .settings-menu-group.settings-section { background:var(--ns-card) !important; border-color:var(--ns-border) !important; }
#mobile-app .native-main-menu .settings-menu-title.settings-section-title { font-size:22px !important; font-weight:900 !important; }
#mobile-app .native-main-menu .settings-section-caption { font-size:16px !important; line-height:1.4 !important; color:var(--ns-muted) !important; margin-bottom:10px !important; }
#mobile-app .native-main-menu .settings-menu-item-copy strong { font-size:18px !important; color:var(--ns-text) !important; }
#mobile-app .native-main-menu .settings-menu-item-copy small { font-size:17px !important; color:var(--ns-muted) !important; font-weight:400 !important; margin-top:3px !important; line-height:1.45 !important; }
#mobile-app .native-main-menu .settings-region-label { font-size:16px; margin:10px 0 12px; }
#mobile-app .native-main-menu .settings-row-icon { width:22px !important; height:22px !important; flex:0 0 22px !important; }
#mobile-app .native-main-menu .settings-profile-card[hidden] { display:none !important; }
#mobile-app .native-main-menu label.native-device-switch-row { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100%; min-height:52px; margin:0 !important; padding:0 !important; }
#mobile-app .native-main-menu .native-device-switch-row input, .native-settings-page.is-desktop .native-device-switch-row input { appearance:none !important; -webkit-appearance:none !important; position:relative !important; width:46px !important; height:28px !important; min-width:46px !important; flex:0 0 46px !important; border:0 !important; border-radius:20px !important; margin:0 !important; padding:0 !important; background:var(--ns-border) !important; box-shadow:none !important; }
#mobile-app .native-main-menu .native-device-switch-row input:checked, .native-settings-page.is-desktop .native-device-switch-row input:checked { background:var(--ns-orange) !important; }
.native-settings-page :is(.native-device-switch-row,.native-reminder-switch-row) input[type="checkbox"][role="switch"]::after { content:'' !important; position:absolute !important; width:21px !important; height:21px !important; left:4px !important; top:3px !important; border:0 !important; border-radius:50% !important; background:#101012 !important; transform:none !important; }
.native-settings-page :is(.native-device-switch-row,.native-reminder-switch-row) input[type="checkbox"][role="switch"]:checked::after { left:22px !important; }
.native-settings-page .native-reminder-switch-row input[role="switch"] { appearance:none !important; width:46px !important; height:28px !important; flex:0 0 46px !important; border:0 !important; border-radius:20px !important; background:var(--ns-border) !important; }
body.ff-scheduleHeroCards-off #mobile-next-meal-container, body.ff-rotatingTips-off .mobile-context-tip, body.ff-storeComparison-off [data-shop-now], body.ff-storeProductList-off .checkout-product-list { display:none !important; }