/* Individual meal planner - from the owner's own page (17 Oct 2026), CSS scoped under .mpx. Text under 12px raised to 12px. */
.mpx *,.mpx *::before,.mpx *::after{box-sizing:border-box;margin:0;padding:0}
.mpx{
  --pk:#E83C7D;--pkd:#C92E68;--pks:#FEF0F5;--pkb:#F5C6D8;
  --hi:#39FF14;--hib:#E8FFD8;
  --ink:#0F0F0F;--tx:#1A1A1A;--mu:#888;--lt:#C8C8C4;
  --bg:#F5F4F1;--line:#E6E5E1;--wh:#fff;
  --fh:'Cormorant Garamond',Georgia,serif;
  --fb:'DM Sans',system-ui,sans-serif;
  --left:260px;
}
.mpx{font-family:var(--fb);color:var(--tx);background:var(--bg)}
.mpx .calc-wrap{background:var(--wh);border-bottom:2px solid var(--line)}
.mpx .calc-line-1{display:flex;align-items:center;height:52px;overflow-x:auto;scrollbar-width:none;padding:0 20px;border-bottom:1px solid var(--line)}
.mpx .calc-line-1::-webkit-scrollbar{display:none}
.mpx .cl-brand-wrap{display:flex;flex-direction:column;justify-content:center;padding:0 14px;border-right:1px solid var(--line);flex-shrink:0;height:52px}
.mpx .cl-brand{font-family:var(--fh);font-style:italic;font-size:14px;font-weight:600;color:var(--mu);white-space:nowrap;line-height:1.2}
.mpx .cl-method{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lt);white-space:nowrap;margin-top:1px}
.mpx .cl-sep{width:1px;background:var(--line);height:28px;flex-shrink:0;margin:0 4px}
.mpx .cl-field{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 14px;border-right:1px solid var(--line);height:52px;flex-shrink:0;transition:background .12s}
.mpx .cl-field:focus-within{background:var(--pks)}
.mpx .cl-field.tap{cursor:pointer}
.mpx .cl-field.tap:hover{background:var(--pks)}
.mpx .cl-field.tap:active{transform:scale(.99)}
.mpx .cl-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--lt);line-height:1}
.mpx .cl-val{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink);line-height:1.15;display:flex;align-items:baseline;gap:2px}
.mpx .cl-val input{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink);background:transparent;border:none;outline:none;width:46px;padding:0;-moz-appearance:textfield}
.mpx .cl-val input::-webkit-outer-spin-button,.mpx .cl-val input::-webkit-inner-spin-button{-webkit-appearance:none}
.mpx .cl-unit{font-size:12px;color:var(--mu);font-weight:500}
.mpx .cl-result{display:flex;align-items:center;gap:6px;padding:0 14px;border-right:1px solid var(--line);flex-shrink:0;height:52px}
.mpx .cl-kcal{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink)}
.mpx .cl-kcal-u{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.07em}
.mpx .cl-bmi{font-size:12px;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap}
.mpx .cl-bmi.ok{background:var(--hib);color:#1A7010}
.mpx .cl-bmi.warn{background:#FFF8DC;color:#7A5800}
.mpx .cl-bmi.over{background:var(--pks);color:var(--pk)}
.mpx .cl-save-wrap{display:flex;align-items:center;padding:0 14px;flex-shrink:0;margin-left:auto}
.mpx .cl-save-btn{padding:5px 14px;border-radius:100px;border:1.5px solid var(--pk);background:transparent;font-size:12px;font-weight:700;color:var(--pk);cursor:pointer;font-family:var(--fb);transition:.13s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.mpx .cl-save-btn:hover{background:var(--pks)}
.mpx .cl-save-btn.saved{background:var(--hib);border-color:#2E7D32;color:#2E7D32}
.mpx .cl-save-guest{font-size:12px;color:var(--mu);border-color:var(--line)}
.mpx .cl-save-guest:hover{border-color:var(--pk);color:var(--pk)}
.mpx .calc-line-2{display:flex;align-items:center;height:40px;overflow-x:auto;scrollbar-width:none;padding:0 20px;background:var(--bg)}
.mpx .calc-line-2::-webkit-scrollbar{display:none}
.mpx .cl2-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--lt);flex-shrink:0;padding-right:10px;white-space:nowrap}
.mpx .cl2-sep{width:1px;background:var(--line);height:18px;flex-shrink:0;margin:0 4px}
.mpx .cl2-nutrients{display:flex;align-items:center;gap:0;flex-shrink:0}
.mpx .nc2{display:flex;align-items:center;gap:6px;padding:0 15px;border-right:1px solid var(--line);height:40px;flex-shrink:0;transition:background .12s}
.mpx .nc2:hover{background:var(--wh)}
.mpx .nc2.hl{background:var(--pks)}
.mpx .nc2-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.mpx .nc2-val{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink);white-space:nowrap}
.mpx .nc2-unit{font-size:12px;color:var(--mu);font-weight:500}
.mpx .nc2-why{font-size:12px;font-weight:700;color:var(--pk);padding-left:4px;border-left:1.5px solid var(--pkb);margin-left:2px;white-space:nowrap}
.mpx .cl2-more{flex-shrink:0;margin-left:10px;padding:3px 11px;border-radius:100px;border:1.5px solid var(--pk);background:transparent;font-size:12px;font-weight:700;color:var(--pk);cursor:pointer;font-family:var(--fb);transition:.13s}
.mpx .cl2-more:hover{background:var(--pks)}
.mpx .nutrient-drawer{background:var(--wh);overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--line)}
.mpx .nutrient-drawer.open{max-height:440px;overflow-y:auto}
.mpx .nd-inner{padding:14px 24px 18px}
.mpx .nd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.mpx .nd-title{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink)}
.mpx .nd-title em{color:var(--pk)}
.mpx .nd-sub{font-size:12px;color:var(--mu);margin-top:2px}
.mpx .nd-close{padding:4px 12px;border-radius:100px;border:1.5px solid var(--line);background:transparent;font-size:12px;font-weight:600;color:var(--mu);cursor:pointer;font-family:var(--fb);transition:.12s;flex-shrink:0}
.mpx .nd-close:hover{border-color:var(--pk);color:var(--pk)}
.mpx .nd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px}
.mpx .nd-item{background:var(--bg);border:1.5px solid var(--line);border-radius:9px;padding:8px 11px;transition:.13s}
.mpx .nd-item:hover{border-color:var(--pk);background:var(--pks)}
.mpx .nd-item.smart{border-color:var(--pkb);background:var(--pks)}
.mpx .nd-item.smart .nd-item-label{color:var(--pk)}
.mpx .nd-item-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);display:block;margin-bottom:2px}
.mpx .nd-item-val{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink)}
.mpx .nd-item-unit{font-size:12px;color:var(--mu);font-weight:500}
.mpx .nd-item-bar{height:3px;background:var(--line);border-radius:2px;margin-top:4px;overflow:hidden}
.mpx .nd-item-fill{height:100%;border-radius:2px;background:var(--pk);transition:width .4s ease}
.mpx .nd-item-why{font-size:12px;color:var(--mu);margin-top:3px;line-height:1.3}
.mpx .quotes-bar{background:var(--ink);padding:8px 0;overflow:hidden;border-bottom:3px solid var(--pk)}
.mpx .quotes-track{display:flex;gap:0;animation:qticker 45s linear infinite;width:max-content}
.mpx .quotes-track:hover{animation-play-state:paused;cursor:default}
.mpx .quote-item{display:flex;align-items:center;gap:8px;padding:4px 28px;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}
.mpx .quote-mark{color:var(--pk);font-family:var(--fh);font-size:18px;line-height:1;flex-shrink:0}
.mpx .quote-text{font-family:var(--fh);font-style:italic;font-size:14px;color:rgba(255,255,255,.75);white-space:nowrap}
.mpx .quote-attr{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-left:6px;flex-shrink:0}
@keyframes qticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mpx .hq-bar{display:flex;align-items:center;justify-content:space-between;background:var(--ink);border-radius:12px;padding:12px 16px;margin-bottom:10px;gap:12px;flex-wrap:wrap;border-left:4px solid var(--pk)}
.mpx .hq-bar-left{display:flex;align-items:center;gap:10px}
.mpx .hq-bar-icon{font-size:18px;color:var(--pk);flex-shrink:0}
.mpx .hq-bar-title{font-family:var(--fh);font-style:italic;font-size:14px;font-weight:700;color:#fff;display:block}
.mpx .hq-bar-sub{font-size:12px;color:rgba(255,255,255,.4);display:block;margin-top:1px}
.mpx .hq-bar-sub em{color:var(--pkb);font-style:italic;font-family:var(--fh)}
.mpx .hq-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mpx .hq-score-pill{display:flex;align-items:baseline;gap:1px;background:rgba(255,255,255,.08);border-radius:100px;padding:4px 12px}
.mpx #hq-score-n{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:#fff}
.mpx .hq-score-max{font-size:12px;color:rgba(255,255,255,.3);font-weight:600}
.mpx .hq-toggle{padding:5px 14px;border-radius:100px;border:1.5px solid rgba(255,255,255,.2);background:transparent;font-size:12px;font-weight:700;color:rgba(255,255,255,.7);cursor:pointer;font-family:var(--fb);transition:.13s;white-space:nowrap}
.mpx .hq-toggle:hover{border-color:var(--pk);color:#fff}
.mpx .hq-toggle.open{border-color:var(--pk);color:var(--pkb)}
.mpx .hq-panel{background:var(--ink);border-radius:12px;padding:16px;margin-bottom:14px;animation:fadeSlide .25s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mpx .quiz-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mpx .qq{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.07);border-radius:10px;padding:10px}
.mpx .qq-q{font-size:12px;font-weight:600;color:rgba(255,255,255,.65);margin-bottom:8px;line-height:1.45;min-height:34px}
.mpx .qq-opts{display:flex;flex-direction:column;gap:4px}
.mpx .qo{padding:6px 9px;border-radius:7px;border:1.5px solid rgba(255,255,255,.07);background:transparent;font-size:12px;font-weight:500;color:rgba(255,255,255,.45);cursor:pointer;font-family:var(--fb);text-align:left;transition:.12s;display:flex;align-items:center;gap:6px}
.mpx .qo:hover{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
.mpx .qo.on{background:rgba(232,60,125,.12);border-color:rgba(232,60,125,.4);color:#fff}
.mpx .qo-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.15);flex-shrink:0;transition:.15s}
.mpx .qo.on .qo-dot{background:var(--hi);box-shadow:0 0 6px rgba(57,255,20,.5)}
.mpx .quiz-insight{margin-top:12px;padding:12px 16px;background:rgba(255,255,255,.04);border-radius:10px;border-left:3px solid var(--pk);display:none;align-items:center;gap:12px;flex-wrap:wrap}
.mpx .quiz-insight.show{display:flex}
.mpx .qi-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pk);flex-shrink:0}
.mpx .qi-text{font-family:var(--fh);font-style:italic;font-size:14px;color:#fff;flex:1;line-height:1.5}
.mpx .deep-link{font-size:12px;font-weight:700;color:var(--pkb);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;flex-shrink:0}
.mpx .mp-layout{display:grid;grid-template-columns:var(--left) 1fr;align-items:start}
.mpx .mp-sidebar{background:var(--wh);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;display:flex;flex-direction:column}
.mpx .mp-sidebar::-webkit-scrollbar{width:3px}
.mpx .mp-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}
.mpx .mp-nav{display:flex;gap:0;border-bottom:1px solid var(--line);flex-shrink:0;background:var(--wh)}
.mpx .mp-nav a{text-decoration:none;color:inherit}
.mpx .mp-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;border:none;background:transparent;cursor:pointer;font-family:var(--fb);transition:.14s;border-bottom:3px solid transparent;position:relative}
.mpx .mp-nav-btn:hover{background:var(--pks)}
.mpx .mp-nav-btn.on{border-bottom-color:var(--pk);background:var(--pks)}
.mpx .mp-nav-ico{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.14s;background:var(--bg)}
.mpx .mp-nav-btn.on .mp-nav-ico{background:var(--pk);color:#fff}
.mpx .mp-nav-btn:not(.on):hover .mp-nav-ico{background:var(--pkb)}
.mpx .mp-nav-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mu)}
.mpx .mp-nav-btn.on .mp-nav-lbl{color:var(--pk)}
.mpx .mp-nav-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;border-radius:100px;background:var(--pk);color:#fff;font-size:12px;font-weight:800;padding:0 4px;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--wh)}
.mpx .mp-nav-badge.show{display:flex}
.mpx .mp-nav-badge.hi{background:var(--hi);color:#1A4010}
.mpx .sb-section{padding:8px 12px;border-bottom:1px solid var(--line)}
.mpx .sb-sec-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--lt);margin-bottom:7px}
.mpx .sb-chips{display:flex;flex-wrap:wrap;gap:4px}
.mpx .sbc{padding:3px 9px;border-radius:100px;border:1.5px solid var(--line);background:transparent;font-size:12px;font-weight:600;color:var(--mu);cursor:pointer;font-family:var(--fb);transition:.12s;white-space:nowrap}
.mpx .sbc:hover{border-color:var(--pk);color:var(--pk)}
.mpx .sbc.on{background:var(--pk);border-color:var(--pk);color:#fff}
.mpx .sbc.avoid.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mpx .sb-slider{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.mpx .sb-slider:last-child{margin-bottom:0}
.mpx .sb-slider-hd{display:flex;align-items:center;justify-content:space-between}
.mpx .sb-slider-label{font-size:12px;font-weight:600;color:var(--mu)}
.mpx .sb-slider-val{font-family:var(--fh);font-style:italic;font-size:14px;font-weight:700;color:var(--pk)}
.mpx input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--line);border-radius:2px;outline:none;cursor:pointer;margin-top:4px}
.mpx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--pk);cursor:pointer;border:2px solid var(--wh);box-shadow:0 0 0 1.5px var(--pk)}
.mpx .sb-sort{width:100%;padding:7px 28px 7px 10px;border:1.5px solid var(--line);border-radius:8px;font-size:12px;color:var(--tx);background:var(--wh) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><path d='M1 1l3 3 3-3' stroke='%23E83C7D' stroke-width='1.5' fill='none'/></svg>") no-repeat right 9px center;cursor:pointer;outline:none;appearance:none;font-family:var(--fb)}
.mpx .sb-family-tab{display:flex;align-items:center;gap:10px;margin:8px 14px 14px;padding:10px 12px;background:var(--pks);border:1.5px solid var(--pkb);border-radius:10px;text-decoration:none;transition:.13s}
.mpx .sb-family-tab:hover{background:var(--pkb)}
.mpx .sb-family-ico{font-size:18px;flex-shrink:0}
.mpx .sb-family-t{font-size:12px;font-weight:700;color:var(--pk)}
.mpx .sb-family-s{font-size:12px;color:var(--pkd);margin-top:2px}
.mpx .sb-deep{margin:12px 14px;padding:10px 12px;background:var(--ink);border-radius:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.5);cursor:pointer;border:none;font-family:var(--fb);text-align:left;transition:.12s;line-height:1.4;display:block;text-decoration:none}
.mpx .sb-deep:hover{background:#1A1A1A}
.mpx .sb-deep em{color:var(--pkb);font-style:italic;font-family:var(--fh)}
.mpx .sb-deep span{display:block;font-size:12px;color:rgba(255,255,255,.25);margin-top:3px;font-weight:500}
.mpx .sb-inv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mpx .sb-inv-count{font-size:12px;font-weight:700;color:var(--pk);background:var(--pks);border-radius:100px;padding:2px 8px}
.mpx .sb-inv-grid{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mpx .sb-inv-grid::-webkit-scrollbar{width:2px}
.mpx .sb-inv-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1.5px solid var(--line);background:transparent;cursor:pointer;font-family:var(--fb);transition:.12s;text-align:left;width:100%}
.mpx .sb-inv-item:hover{border-color:var(--pk);background:var(--pks)}
.mpx .sb-inv-item.on{border-color:var(--pk);background:var(--pks)}
.mpx .sb-inv-item.on .sb-inv-check{background:var(--pk);border-color:var(--pk);color:#fff}
.mpx .sb-inv-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex-shrink:0;transition:.12s}
.mpx .sb-inv-img{width:28px;height:28px;border-radius:5px;object-fit:cover;background:var(--bg);flex-shrink:0}
.mpx .sb-inv-name{font-size:12px;font-weight:600;color:var(--tx);line-height:1.2}
.mpx .sb-inv-type{font-size:12px;color:var(--mu);margin-top:1px}
.mpx .sb-inv-clear{font-size:12px;color:var(--mu);background:none;border:none;cursor:pointer;font-family:var(--fb);padding:0;transition:.12s}
.mpx .sb-inv-clear:hover{color:var(--pk)}
.mpx .sb-inv-active-bar{background:var(--ink);border-radius:8px;padding:7px 10px;margin-top:6px;display:none}
.mpx .sb-inv-active-bar.show{display:block}
.mpx .sb-inv-active-text{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4}
.mpx .sb-inv-active-text em{color:var(--pkb);font-style:italic;font-family:var(--fh)}
.mpx .mp-right{min-width:0}
.mpx .mp-right-inner{padding:16px 20px 48px}
.mpx .page{display:none}
.mpx .page.on{display:block}
.mpx .qf-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.mpx .qf-left{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;flex:1}
.mpx .qf-left::-webkit-scrollbar{display:none}
.mpx .qf{padding:5px 13px;border:1.5px solid var(--line);border-radius:100px;font-size:12px;font-weight:600;color:var(--mu);background:var(--wh);cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--fb);transition:.12s}
.mpx .qf:hover{border-color:var(--pk);color:var(--pk)}
.mpx .qf.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mpx .rc-count{font-size:12px;color:var(--mu);white-space:nowrap}
.mpx .rc-count b{font-size:14px;font-weight:700;color:var(--pk)}
.mpx .pf-bar{background:var(--wh);border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:12px;display:grid;grid-template-columns:1.1fr 1px 1.75fr 1px 1.45fr 1px minmax(360px,2.15fr);gap:10px;align-items:start;overflow:hidden}
.mpx .pf-block{min-width:0}
.mpx .pf-block:first-child{padding-left:0}
.mpx .pf-sep{width:1px;background:var(--line);align-self:stretch;min-height:118px}
.mpx .pf-badge{display:inline-block;background:var(--ink);color:#fff;font-size:12px;font-weight:800;padding:2px 8px;border-radius:3px;margin-bottom:6px;letter-spacing:.04em;white-space:nowrap}
.mpx .pf-cks{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center}
.mpx .pck{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--tx);cursor:pointer;white-space:nowrap;line-height:1.2;flex-shrink:0}
.mpx .pck input[type=checkbox]{accent-color:var(--pk);width:12px;height:12px;cursor:pointer;flex-shrink:0}
.mpx .pf-drops{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px;width:100%}
.mpx .pf-drop-item{min-width:0}
.mpx .pf-drop-label{font-size:12px;font-weight:700;color:var(--mu);text-decoration:underline;text-underline-offset:2px;line-height:1.15;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpx .pf-sel{width:100%;height:36px;min-width:0;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-family:var(--fb);font-size:12px;font-weight:600;line-height:1;padding:0 22px 0 8px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><path d='M1 1l3 3 3-3' stroke='%23E83C7D' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 8px center}
.mpx .pf-sel:focus{border-color:var(--pk);box-shadow:0 0 0 2px var(--pks)}
.mpx .pf-btns{display:flex;gap:8px;flex-wrap:wrap}
.mpx .pf-btn-cal{padding:7px 15px;border-radius:100px;border:1.5px solid var(--ink);background:transparent;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;font-family:var(--fb);transition:.12s;white-space:nowrap}
.mpx .pf-btn-cal:hover{background:var(--ink);color:#fff}
.mpx .pf-btn-gen{padding:7px 22px;border-radius:100px;border:none;background:var(--pk);font-size:12px;font-weight:700;color:#fff;cursor:pointer;font-family:var(--fb);transition:.12s;white-space:nowrap}
.mpx .pf-btn-gen:hover{background:var(--pkd)}
@media(max-width:1200px){.mpx .pf-bar{grid-template-columns:1fr 1px 1.4fr 1px 1.2fr;}
.mpx .pf-block.pf-finder{grid-column:1/-1}
.mpx .pf-bar .pf-sep:nth-of-type(3){display:none}
.mpx .pf-drops{grid-template-columns:repeat(6,minmax(90px,1fr))}
}
@media(max-width:760px){.mpx .pf-bar{display:block}
.mpx .pf-sep{display:none}
.mpx .pf-block{padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.mpx .pf-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.mpx .pf-drops{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mpx .loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.mpx .skeleton{background:linear-gradient(90deg,var(--line) 25%,var(--bg) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:12px;height:340px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.mpx .rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.mpx .rc-card{background:var(--wh);border:1.5px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:.15s;display:flex;flex-direction:column}
.mpx .rc-card:hover{border-color:#B0B0AA;transform:translateY(-2px);box-shadow:0 10px 28px -16px rgba(0,0,0,.16)}
.mpx .ri{height:200px;background:var(--bg);position:relative;overflow:hidden;flex-shrink:0}
.mpx .ri img{width:100%;height:100%;object-fit:cover;transition:.4s}
.mpx .rc-card:hover .ri img{transform:scale(1.06)}
.mpx .ri-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65) 100%);pointer-events:none}
.mpx .ri-overlay-top{position:absolute;top:0;left:0;right:0;padding:8px;display:flex;justify-content:space-between;align-items:flex-start}
.mpx .ri-overlay-bot{position:absolute;bottom:0;left:0;right:0;padding:8px;display:flex;justify-content:space-between;align-items:flex-end}
.mpx .ri-badge-smart{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(4px)}
.mpx .ri-badge-smart.gut{background:rgba(57,255,20,.85);color:#0A3006}
.mpx .ri-badge-smart.happy{background:rgba(232,60,125,.85);color:#fff}
.mpx .ri-badge-smart.best{background:rgba(255,255,255,.85);color:var(--ink)}
.mpx .ri-badge-smart.dark{background:rgba(0,0,0,.55);color:rgba(255,255,255,.9)}
.mpx .ri-rating{display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.5);padding:3px 7px;border-radius:4px;backdrop-filter:blur(4px)}
.mpx .ri-rating-n{font-family:var(--fh);font-style:italic;font-size:14px;font-weight:700;color:#fff}
.mpx .ri-rating-s{font-size:12px;color:#FFD700}
.mpx .ri-save{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.3);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.14s;backdrop-filter:blur(4px);color:rgba(255,255,255,.8)}
.mpx .ri-save:hover{background:rgba(232,60,125,.7);border-color:var(--pk);color:#fff}
.mpx .ri-save.saved{background:var(--pk);border-color:var(--pk);color:#fff}
.mpx .ri-live{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);padding:2px 7px;border-radius:4px;backdrop-filter:blur(4px)}
.mpx .ri-ld{width:4px;height:4px;border-radius:50%;background:var(--hi);animation:ld 1.6s infinite}
@keyframes ld{0%,100%{box-shadow:0 0 0 0 rgba(57,255,20,.4)}50%{box-shadow:0 0 0 4px rgba(57,255,20,0)}}
.mpx .badge{font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px}
.mpx .badge.veg{background:#E8F5E9;color:#2E7D32}
.mpx .badge.vegan{background:#E3F2FD;color:#1565C0}
.mpx .badge.jain{background:#FFF3E0;color:#E65100}
.mpx .badge.satvik{background:#F3E5F5;color:#6A1B9A}
.mpx .badge.diabetic{background:#E0F2F1;color:#00695C}
.mpx .gut-note{padding:6px 11px;font-size:12px;line-height:1.4;border-bottom:1px solid var(--line);background:rgba(0,0,0,.02);color:var(--mu);flex-shrink:0}
.mpx .rb{padding:10px 11px;flex:1;display:flex;flex-direction:column;gap:7px}
.mpx .rb-name{font-family:var(--fh);font-style:italic;font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}
.mpx .rb-name em{color:var(--pk)}
.mpx .rb-meta{display:flex;gap:8px;font-size:12px;color:var(--mu)}
.mpx .rb-macs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.mpx .rm{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 3px;text-align:center}
.mpx .rm-l{font-size:12px;font-weight:700;color:var(--lt);text-transform:uppercase;display:block;margin-bottom:1px}
.mpx .rm-v{font-family:var(--fh);font-style:italic;font-size:14px;font-weight:600;color:var(--ink)}
.mpx .rb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.mpx .btn{padding:6px 11px;border-radius:100px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--fb);transition:.12s;border:none;white-space:nowrap}
.mpx .btn-pk{background:var(--pk);color:#fff}
.mpx .btn-pk:hover{background:var(--pkd)}
.mpx .btn-gh{background:transparent;color:var(--pk);border:1.5px solid var(--pkb)}
.mpx .btn-gh:hover{background:var(--pks)}
.mpx .btn-done{background:var(--bg);color:var(--mu);border:1.5px solid var(--line)}
.mpx .btn-fav{background:transparent;color:var(--mu);border:1.5px solid var(--line);padding:6px 10px}
.mpx .btn-fav:hover{border-color:var(--pk);color:var(--pk)}
.mpx .btn-saved{background:var(--pks);color:var(--pk);border:1.5px solid var(--pk);padding:6px 10px}
.mpx .rg-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--mu)}
.mpx .rg-empty-t{font-family:var(--fh);font-style:italic;font-size:18px;color:var(--ink);margin-bottom:5px}
.mpx .rg-empty-t em{color:var(--pk)}
.mpx .mp-toasts{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}
.mpx .mp-ti{background:var(--ink);color:rgba(255,255,255,.9);font-size:12px;font-weight:500;padding:8px 16px;border-radius:100px;opacity:0;transform:translateY(8px) scale(.97);transition:.22s cubic-bezier(.16,1,.3,1);white-space:nowrap;pointer-events:none}
.mpx .mp-ti.in{opacity:1;transform:none}
.mpx .mp-ti.hi{background:#1A4010;color:var(--hi)}
.mpx .mp-ti.warm{background:#2A1520;color:var(--pkb)}
@media(max-width:1000px){.mpx{--left:220px}
.mpx .quiz-qs{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){.mpx{--left:0px}
.mpx .mp-sidebar{display:none}
.mpx .mp-layout{display:block}
.mpx .quiz-qs{grid-template-columns:1fr 1fr 1fr}
.mpx .rg{grid-template-columns:1fr 1fr}
}
.mpx{--left:286px}
.mpx .mp-nav{display:flex!important;justify-content:space-evenly!important;align-items:center!important;height:66px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;overflow:visible!important}
.mpx .mp-nav-btn{flex:1 1 0!important;min-width:0!important;height:66px!important;padding:6px 2px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;border-bottom:3px solid transparent!important;background:#fff!important;text-align:center!important}
.mpx .mp-nav-btn.on{background:linear-gradient(180deg,#fff 0%,#fff0f6 100%)!important;border-bottom-color:var(--pk)!important}
.mpx .mp-nav-ico{width:34px!important;height:34px!important;min-width:34px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mpx .mp-nav-lbl{display:block!important;width:100%!important;text-align:center!important;font-size:12px!important;line-height:1.05!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* Our site around her page: one screen on wide screens (owner 17 Oct: "the meal planner is scrolling and not user friendy").
   The two columns fill the rest of the window and scroll inside themselves; the page itself does not scroll. */
.mpx{display:block}
@media (min-width:900px){
 .mpx .mp-layout{height:calc(var(--mph,600px));align-items:stretch}
 .mpx .mp-sidebar,.mpx .mp-right{height:100%;overflow-y:auto}
}
.mpx .pf-toggle{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.mpx .pf-toggle button{padding:4px 12px;border-radius:100px;border:1.5px solid var(--line);background:var(--wh);font:700 12px var(--fb);color:var(--tx);cursor:pointer}
.mpx .pf-toggle .pf-main{background:var(--pk);border-color:var(--pk);color:#fff;display:none}
.mpx.f-closed .pf-toggle .pf-main{display:inline-flex}
body[data-page="meal-plan"] .im-strip{display:none}
@media (max-width:899px){
 .mpx .mp-sidebar{display:flex!important}
 .mpx .calc-line-1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;padding:0;overflow:visible}
 .mpx .calc-line-1>*{height:auto!important;min-height:48px;padding:6px 10px;border-bottom:1px solid var(--line)}
 .mpx .cl-brand-wrap{grid-column:1/-1}
 .mpx .cl-sep{display:none}
 .mpx .cl-result{grid-column:1/3}
 .mpx .cl-save-wrap{margin:0;justify-content:flex-end}
 .mpx .mp-sidebar:not(.open) .sb-deep,.mpx .mp-sidebar:not(.open) .sb-family-tab{display:none}
}
.mpx .pf-toggle .pf-hint{font-size:12px;color:var(--mu)}
.mpx .pf-bar.closed{display:none}
.mpx .hq-bar{padding:8px 14px}
.mpx .mp-nav-btn{font:inherit}
.mpx .sb-family-tab{text-decoration:none;color:inherit}
@media (max-width:899px){
 .mpx .mp-layout{display:flex;flex-direction:column}
 .mpx .mp-sidebar{border-right:0;border-bottom:1px solid var(--line)}
 .mpx .mp-sidebar .sb-section{display:none}
 .mpx .mp-sidebar.open .sb-section{display:block}
 .mpx .pf-bar{grid-template-columns:1fr!important}
 .mpx .pf-sep{display:none}
 .mpx .mp-sidebar{width:100%!important;max-width:none!important;flex-direction:column}
 .mpx .mp-nav{width:100%}
 .mpx .mp-nav-btn{min-width:0}
 .mpx .mp-nav-lbl{letter-spacing:.02em;text-align:center}
}
.mpx .sb-more{display:none}
.mpx .ri-overlay-top .badge{position:static;display:inline-block}  /* our header badge style is absolute; her diet badges sit in a row */
@media (max-width:899px){.mpx .sb-more{display:block;margin:6px 12px 8px;padding:4px 12px;border-radius:100px;border:1.5px solid var(--line);background:var(--wh);font:700 12px var(--fb)}}