/* Generated by tools/gen_base.py from the four older stylesheets. Do not edit by hand.
   It only re-colours hard-coded light values for the dark theme and lifts type below 12px.
   ember.css is loaded after this file and overrides it wherever a component was redesigned. */
#mk .skip { color: var(--e-text); }
#mk .logo { color: var(--e-on-ember); }
#mk .brand small { font-size: .75rem; }
#mk .eyebrow { font-size: .75rem; }
#mk .visual { background: linear-gradient(135deg,var(--greenSoft),#262E20); }
#mk .fav { color: var(--e-muted); }
#mk .fav.on { color: var(--e-danger); }
#mk .primary { color: var(--e-on-ember); }
#mk .primary:hover { background: var(--e-ember-soft); }
#mk .danger { border: 1px solid #7A3A32; background: #40201B; }
#mk .hero-art { background: linear-gradient(135deg,var(--greenSoft),#262E20); }
#mk .variant-btn.active, #mk .scale-btn.active { color: var(--e-on-ember); }
#mk .variant-warning { color: var(--e-amount); background: #382C14; border: 1px solid #6B5320; }
#mk .meta-cell span { font-size: .75rem; }
#mk .tab.active { color: var(--e-on-ember); }
#mk .num { color: var(--e-muted); }
#mk .import-number { color: var(--e-on-ember); }
#mk .notice { color: var(--e-ember-text); }
#mk .toast { color: var(--e-text); }
#mk .sync-status { font-size: .75rem; }
#mk .sync-dot { background: var(--e-s3); }
#mk .sync-status.synced .sync-dot { background: var(--e-ember-soft); }
#mk .sync-status.syncing .sync-dot { background: #382C14; }
#mk .sync-status.offline .sync-dot { background: #3A2218; }
#mk .sync-status.setup .sync-dot { background: #40201B; }
#mk .phase-badge { font-size: .75rem; }
#mk .phase-badge.base { background: #1C2A33; color: var(--e-ice); }
#mk .phase-badge.fresh { background: #262E20; color: var(--e-ember-text); }
#mk .nutrient span { font-size: .75rem; }
#mk .estimated-pill { font-size: .75rem; }
#mk .variable-btn.active { color: var(--e-on-ember); }
#mk .sync-status.unprotected .sync-dot { background: #3A2218; }
#mk .sync-status.locked .sync-dot, #mk .sync-status.error .sync-dot { background: #40201B; }
#mk .ingredient-line.checkable input, #mk .prep-check input { border: 2px solid var(--e-line); }
#mk .ingredient-line.checkable input:checked::after, #mk .prep-check input:checked::after { color: var(--e-text); }
#mk .prep-num { color: var(--e-muted); }
#mk .prep-tools-title { font-size: .75rem; }
#mk .prep-tool dt { font-size: .75rem; }
#mk .nav-badge, #mk .count-pill { color: var(--e-on-ember); font-size: .75rem; }
#mk .prep-mode-pill { font-size: .75rem; }
#mk .shopping-source { font-size: .75rem; }
#mk .rating-stars { color: var(--e-amount); }
#mk .later-pill { font-size: .75rem; }
@media(max-width:480px) {
  #mk .meta-cell span { font-size: .75rem; }
}
#mk .expiry-pill.soon, #mk .expiry-pill.due { color: var(--e-amount); }
#mk .fridge-card.soon, #mk .fridge-card.due { border-color: color-mix(in srgb,#6B5320 45%,var(--line)); }
#mk .optional-label { font-size: .75rem; }
#mk .inventory-card .remaining-label { font-size: .75rem; }
#mk .component-flag { font-size: .75rem; }
#mk .instruction-key { background: #382C14; }
#mk .hero-photo { background: #40201B; }
#mk .guide-map-item>span { font-size: .75rem; }
#mk .guide-map-item p { font-size: .75rem; }
#mk .guide-map-item.active>span { color: var(--e-on-ember); }
#mk .hero-photo { background: #3A2218; }
#mk .visual.has-photo { background: #3A2218; }
#mk .component-shelf-warning { border: 1px solid #6B5320; background: #382C14; color: var(--e-amount) !important; }
#mk .macro-segment.protein { background: #3A2218; }
#mk .macro-segment.carbs { background: #3A2218; }
#mk .macro-segment.fat { background: #40201B; }
#mk .macro-legend { font-size: .75rem; }
#mk .macro-legend i.protein { background: #3A2218; }
#mk .macro-legend i.carbs { background: #3A2218; }
#mk .macro-legend i.fat { background: #40201B; }
#mk .completion-check { color: var(--e-on-ember); }
#mk .completion-calories>span { font-size: .75rem; }
#mk .completion-calories small { font-size: .75rem; }
#mk .completion-nutrient span { font-size: .75rem; }
#mk .nutrition-card .macro-legend { font-size: .75rem; }
@media(max-width:760px) {
  #mk .meta-cell span { font-size: .75rem; }
}
@media(max-width:420px) {
  #mk .tabs .tab { font-size: .75rem; }
}
#mk .expiry-pill.fading { color: var(--e-amount); }
#mk .fridge-card.fading { border-color: color-mix(in srgb,#6B5320 45%,var(--line)); }
#mk .brand small { font-size: .75rem; }
#mk .side-note { font-size: .75rem; }
#mk .eyebrow { font-size: .75rem; }
#mk .visual { background: radial-gradient(circle at 28% 30%,rgba(255,255,255,.38) 0 11%,transparent 12%),
    linear-gradient(140deg,#40201B,#40201B); }
#mk .meal-preview-stage.image-failed, #mk .recipe-art-stage.image-failed, #mk .card-meal-preview.image-failed { background: linear-gradient(145deg,#3A2218,#3A2218); }
#mk .meal-preview-stage.image-failed::after, #mk .recipe-art-stage.image-failed::after, #mk .card-meal-preview.image-failed::after { color: var(--e-danger); }
#mk .hero-composition { color: var(--e-text); background: radial-gradient(circle at 78% 16%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(145deg,var(--e-ember-soft),var(--e-ember-soft)); }
#mk .hero-monogram.onion-visual { background: radial-gradient(circle at 78% 18%,rgba(255,255,255,.22),transparent 25%),
    radial-gradient(circle at 18% 82%,rgba(59,19,44,.2),transparent 27%),
    linear-gradient(145deg,#6b204d 0%,#40201B 53%,#40201B 100%); }
#mk .hero-monogram.onion-visual figcaption { color: var(--e-text); font-size: .75rem; }
#mk .pickle-jar .jar-lid { border: 5px solid #6B5320; background: linear-gradient(#3A2218,#40201B); }
#mk .hero-composition>p { color: var(--e-ember-text); font-size: .75rem; }
#mk .hero-composition>small { color: var(--e-soft); }
#mk .composition-row strong { color: var(--e-text); }
#mk .composition-row span { color: var(--e-soft); font-size: .75rem; }
#mk .composition-row>b { color: var(--e-muted); }
#mk .variant-label, #mk .variable-label { font-size: .75rem; }
#mk .ingredient-group h3 { font-size: .75rem; }
#mk .ingredient-name-wrap small { font-size: .75rem; }
#mk .guide-map-item p { font-size: .75rem; }
#mk .store-action small { font-size: .75rem; }
#mk .store-keyline span { font-size: .75rem; }
#mk .storage-reference>summary small, #mk .later-flow-card>summary small { font-size: .75rem; }
#mk .serving-chip.off { color: var(--e-muted); }
#mk .meal-nutrition>header { background: linear-gradient(145deg,#382C14,#3A2218); }
#mk .meal-nutrition>header p { font-size: .75rem; }
#mk .meal-nutrition>header>div:first-child>span { font-size: .75rem; }
#mk .macro-bar { background: var(--e-s2); }
#mk .macro-legend { font-size: .75rem; }
#mk .meal-metric span { font-size: .75rem; }
#mk .meal-metric strong small { font-size: .75rem; }
#mk .meal-part>span>small { font-size: .75rem; }
#mk .part-dot { background: var(--e-s3); }
#mk .part-dot.eggs { background: #382C14; }
#mk .part-dot.pita { background: #3A2218; }
#mk .part-dot.feta { background: var(--e-s2); }
#mk .part-dot.garlic_yogurt { background: #3A2218; }
#mk .part-dot.pickled_onion { background: #33202B; }
#mk .part-dot.herbs { background: #3A2218; }
#mk .part-dot.finish_oil { background: #382C14; }
#mk .base-nutrition-card p { font-size: .75rem; }
#mk .component-shelf-warning { border-color: #6B5320; background: #382C14; }
@media(max-width:760px) {
  #mk .composition-row span { font-size: .75rem; }
  #mk .hero-composition>small { font-size: .75rem; }
  #mk .tabs .tab { font-size: .75rem; }
  #mk .num { font-size: .75rem; }
}
#mk .meal-finish-bar .eyebrow { font-size: .75rem; }
#mk .serving-chip.finish-toggle>span:first-child { color: var(--e-on-ember); font-size: .75rem; }
#mk .serving-chip.finish-toggle small { font-size: .75rem; }
#mk .card-quick-actions small { font-size: .75rem; }
#mk .dialog-finish-set>strong { font-size: .75rem; }
#mk .dialog-meal-summary { font-size: .75rem; }
#mk .component-decision.ready span { font-size: .75rem; }
#mk .component-decision.ready b { font-size: .75rem; }
#mk .component-decision-head strong span { font-size: .75rem; }
#mk .component-ready-choice button { font-size: .75rem; }
#mk .component-ready-choice button[aria-pressed="true"] { color: var(--e-on-ember); }
#mk .component-choice-outcome { font-size: .75rem; }
#mk .component-methods strong { font-size: .75rem; }
#mk .component-methods small { font-size: .75rem; }
#mk .resume-cooking span { font-size: .75rem; }
#mk .resume-cooking small { font-size: .75rem; }
#mk .revision-warning { border-left: 4px solid #6B5320; background: #3A2218; color: var(--e-amount); }
#mk .revision-warning strong { color: var(--e-amount); }
#mk .inventory-card.revision-mismatch { border-color: #6B5320; background: color-mix(in srgb,#3A2218 38%,var(--surface)); }
@media(max-width:760px) {
  #mk .mobile-nav-item>small { font-size: .75rem; }
  #mk .mobile-nav-item .nav-badge { font-size: .75rem; }
}
#mk .cookware-intro>div { color: var(--e-on-ember); }
#mk .cookware-card header p { font-size: .75rem; }
#mk .cookware-badges span, #mk .cookware-specs span { font-size: .75rem; }
#mk .cookware-badges .paused { background: #3A2218; color: var(--e-amount); }
#mk .step-heading>span { color: var(--e-on-ember); }
#mk .import-feedback { border: 1px solid #6B5320; background: #382C14; }
#mk .import-feedback p { color: var(--e-amount); }
#mk .import-feedback ul { color: var(--e-amount); }
#mk .preview-metrics span { font-size: .75rem; }
#mk .preview-mealprep span { font-size: .75rem; }
#mk .preview-warnings { border-left: 4px solid #6B5320; background: #382C14; }
#mk .choice-group legend small { font-size: .75rem; }
#mk .serving-chip.locked::after { font-size: .75rem; }
#mk .production-resume p:last-child { font-size: .75rem; }
#mk .production-components small { font-size: .75rem; }
#mk .production-output>div:first-child span { font-size: .75rem; }
#mk .production-output-counts span { font-size: .75rem; }
#mk .calibration-flag { color: var(--e-amount); }
#mk .freezer-builder li { font-size: .75rem; }
#mk .inventory-portion { font-size: .75rem; }
#mk .composition-disclosure>summary small { font-size: .75rem; }
#mk .composition-cue { font-size: .75rem; }
#mk .reheat-source-card small { font-size: .75rem; }
#mk .reheat-segment button { font-size: .75rem; }
#mk .reheat-segment button[aria-pressed="true"] { color: var(--e-on-ember); }
#mk .reheat-physical-choice>span { font-size: .75rem; }
#mk .reheat-presets>span { font-size: .75rem; }
#mk .reheat-section>summary small { font-size: .75rem; }
#mk .reheat-section>summary b { font-size: .75rem; }
#mk .dialog-choice-group legend strong { font-size: .75rem; }
#mk .dialog-choice-group legend small { font-size: .75rem; }
#mk .dialog-choice-option strong { font-size: .75rem; }
#mk .dialog-choice-option small { font-size: .75rem; }
#mk .serving-chip-state { color: var(--e-on-ember); font-size: .75rem; }
#mk .serving-chip-copy strong { font-size: .75rem; }
#mk .serving-chip-copy small { font-size: .75rem !important; }
#mk .dialog-choice-state { font-size: .75rem; }
#mk .dialog-choice-option.selected .dialog-choice-state { color: var(--e-on-ember); }
#mk .quick-serving-picker>span { font-size: .75rem; }
#mk .quick-serving-picker button { font-size: .75rem; }
#mk .quick-serving-picker button[aria-pressed="true"] { color: var(--e-on-ember); }
#mk .quick-cook-button small, #mk .stock-freezer-action small { font-size: .75rem; }
#mk .ingredient-scale-card small { font-size: .75rem; }
#mk .fresh-plan-glance span { font-size: .75rem; }
#mk .fresh-plan-details summary { font-size: .75rem; }
#mk .fresh-plan-details p { font-size: .75rem !important; }
#mk .cook-plan-primary strong { font-size: .75rem; }
#mk .cook-plan-primary span { font-size: .75rem; }
#mk .cook-plan summary { font-size: .75rem; }
#mk .cook-plan details p { font-size: .75rem; }
#mk .cook-step-nav button span { font-size: .75rem; }
#mk .cook-step-nav button b { font-size: .75rem; }
#mk .cook-step-nav button.current span { color: var(--e-on-ember); }
#mk .cook-step-nav button.done span { color: var(--e-on-ember); }
#mk .cook-focus-card .cook-count { font-size: .75rem; }
#mk .cook-instruction-points li strong { font-size: .75rem; }
#mk .cook-next-preview span { font-size: .75rem; }
#mk .cook-next-preview strong { font-size: .75rem; }
#mk .cook-amt { font-size: .75rem; }
#mk .cook-amounts-empty { font-size: .75rem; }
#mk .home-outcome-card>header>span { color: var(--e-on-ember); }
#mk .home-outcome-card .eyebrow { font-size: .75rem; }
#mk .home-outcome-row b { font-size: .75rem; }
#mk .home-outcome-empty span { font-size: .75rem; }
#mk .taste-live.error { border-color: #6B5320; background: #382C14; }
#mk .tier-s { background: #262E20; color: var(--e-ember-text); }
#mk .tier-a { background: #262E20; color: var(--e-ember-text); }
#mk .tier-b { background: #382C14; color: var(--e-amount); }
#mk .tier-c { background: #3A2218; color: var(--e-amount); }
#mk .tier-caution { background: #40201B; color: var(--e-danger); }
#mk .taste-estimate-grid span { font-size: .75rem; }
#mk .taste-rate>span { font-size: .75rem; }
#mk .taste-context-label { font-size: .75rem; }
#mk .taste-rank { color: var(--e-on-ember); font-size: .75rem; }
#mk .taste-favorite.on { color: var(--e-danger); background: #40201B; }
#mk .taste-meta span { font-size: .75rem; }
#mk .taste-history span { font-size: .75rem; }
#mk .freeze-wave-plan header span { font-size: .75rem; }
#mk .freezing-wip article { border: 1px solid #3B5563; background: #1C2A33; }
#mk .freezing-wip article span { font-size: .75rem; }
#mk .workflow-launcher-head>span { font-size: .75rem; }
#mk .reheat-workflow-card { background: linear-gradient(130deg,color-mix(in srgb,#262E20 72%,var(--surface)),var(--surface) 70%); }
#mk .workflow-kicker { font-size: .75rem; }
#mk .workflow-card-copy>small { font-size: .75rem; }
#mk .workflow-facts { font-size: .75rem; }
#mk .workflow-cta { font-size: .75rem; }
#mk .reheat-workflow-art:after { background: linear-gradient(#382C14,#382C14); }
#mk .fresh-workflow-row small { font-size: .75rem; }
#mk .workflow-resume-banner small { font-size: .75rem; }
#mk .resume-kicker { font-size: .75rem; }
#mk .fresh-cook-choices small { font-size: .75rem; }
#mk .fresh-cook-track span { font-size: .75rem; }
#mk .ingredient-component-kicker { font-size: .75rem; }
#mk .ingredient-component-title>small { font-size: .75rem; }
#mk .ingredient-component-count { font-size: .75rem; }
#mk .generic-selection-art { background: radial-gradient(circle at 37% 34%,rgba(255,255,255,.94) 0 13%,transparent 14%),radial-gradient(ellipse at 42% 57%,#40201B 0 24%,transparent 25%),radial-gradient(ellipse at 63% 54%,#3A2218 0 22%,transparent 23%),radial-gradient(circle at 52% 52%,#382C14 0 57%,#3A2218 58% 64%,transparent 65%); }
#mk .ingredient-target-options button.active { color: var(--e-on-ember); }
#mk .ingredient-plan-locked { font-size: .75rem; }
#mk .ingredient-run-metrics span { font-size: .75rem; }
#mk .ingredient-run-section>header>span { font-size: .75rem; }
#mk .ingredient-component-kicker { font-size: .75rem; }
#mk .ingredient-component-title>small { font-size: .75rem; }
#mk .ingredient-component-count { font-size: .75rem; }
#mk .ingredient-card-line small { font-size: .75rem; }
#mk .ingredient-stocked-group>summary { font-size: .75rem; }
#mk .ingredient-stocked-card strong { font-size: .75rem; }
#mk .ingredient-stocked-card small { font-size: .75rem; }
#mk .ingredient-context-empty span { font-size: .75rem; }
#mk .fresh-ingredient-section { background: color-mix(in srgb,#262E20 40%,var(--surface)); }
#mk .shopping-filter.active { color: var(--e-on-ember); }
#mk .home-outcome-card .eyebrow { font-size: .75rem; }
#mk .brand small { font-size: .75rem; }
#mk .ingredient-scale-card .eyebrow { font-size: .75rem; }
@media(max-width:760px) {
  #mk .brand small { font-size: .75rem; }
  #mk .wake-menu>summary { font-size: .75rem; }
}
#mk .brand small { font-size: .75rem; }
#mk .side-note { font-size: .75rem; }
#mk .eyebrow { font-size: .75rem; }
#mk .recipe-card .visual { background: #3A2218; }
#mk .recipe-card .fav { background: #382C14; color: var(--e-muted); }
#mk .recipe-card .fav.on { color: var(--e-danger); }
#mk .card-quick-actions button small { font-size: .75rem; }
#mk .tag { font-size: .75rem; }
#mk .cookbook-art .recipe-art-stage { background: #3A2218; }
#mk .cookbook-art figcaption { font-size: .75rem; }
#mk .workflow-card.freezer-workflow-card { border-color: var(--e-line); }
#mk .workflow-facts { font-size: .75rem; }
#mk .serving-chip { border-color: var(--e-line); }
#mk .serving-chip-copy small { font-size: .75rem; }
#mk .meta-cell span { font-size: .75rem; }
#mk .ingredient-run-metrics span { font-size: .75rem; }
#mk .ingredient-component-kicker { font-size: .75rem; }
#mk .instruction .num, #mk .prep-num { color: var(--e-muted); }
#mk .tray-allocation .tray-food { color: var(--e-amount); }
#mk .physical-tray>figcaption { font-size: .75rem; }
#mk .tray-wells { border: 1px solid var(--e-line); background: var(--e-s2); }
#mk .tray-well { color: var(--e-amount); }
#mk .tray-food strong { font-size: .75rem; }
#mk .tray-food small { font-size: .75rem; }
#mk .tray-food-chicken { background: #382C14; }
#mk .tray-food-base { background: #382C14; }
#mk .tray-food-peppers { background: #3A2218; }
#mk .tray-well-headroom { background: var(--e-s2); color: var(--e-muted); }
#mk .tray-well-headroom small { font-size: .75rem; }
#mk .tray-well-layered .tray-food { border-bottom: 1px solid var(--e-line); }
#mk .tray-well-empty { background: var(--e-s2); border: 1px dashed var(--e-line); color: var(--e-muted); font-size: .75rem; }
@media(max-width:760px) {
  #mk .ingredient-component-title>small { font-size: .75rem; }
  #mk .tray-food strong { font-size: .75rem; }
  #mk .tray-food small { font-size: .75rem; }
}
@media(max-width:360px) {
  #mk .brand small { font-size: .75rem; }
  #mk .wake-menu>summary { font-size: .75rem; }
}
#mk .count-sheet-row { border-top: 1px solid var(--border, var(--e-line)); }
#mk .sheet-error { color: var(--e-danger); }
#mk .count-sheet .dialog-actions { border-top: 1px solid var(--border, var(--e-line)); }
#mk .taste-launcher { border-top: 1px solid var(--border,var(--e-line)); }