/* MenuForge — guest engagement (love / rate / review). Neutral + themeable;
   inherits the menu's fonts. Override the vars on .mf-menu to match a brand. */
.mf-menu{
  --mf-e-gold:#f0a93b; --mf-e-gold-deep:#c9832a;
  --mf-e-love:#eb5a47; --mf-e-love-deep:#c8412f;
  --mf-e-herb:#0f6e63;
  --mf-e-ink:#241d19; --mf-e-muted:#7c7067; --mf-e-line:#e4d8c7;
  --mf-e-paper:#fff; --mf-e-radius:999px;
}

.mf-engage{
  display:flex; align-items:center; gap:9px; flex-wrap:wrap;
  margin-top:9px; font-size:14px; line-height:1;
}
.mf-engage__spacer{flex:1 1 auto; min-width:6px}

/* badge */
.mf-badge{
  font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  padding:4px 9px; border-radius:999px; line-height:1; white-space:nowrap;
  border:1px solid transparent;
}
.mf-badge--most_loved{background:#fdeee9; color:var(--mf-e-love-deep); border-color:#f6d6cd}
.mf-badge--guest_favorite{background:#fdf3e0; color:var(--mf-e-gold-deep); border-color:#f3e0bd}
.mf-badge--trending{background:#e7f3f1; color:var(--mf-e-herb); border-color:#c9e6e1}
.mf-badge--staff_pick{background:#eee9fb; color:#5b4bb0; border-color:#ddd4f4}

/* stars */
.mf-stars{position:relative; display:inline-block; font-size:15px; letter-spacing:2px}
.mf-stars__base{color:#e0d5c4}
.mf-stars__fill{position:absolute; inset:0; color:var(--mf-e-gold); overflow:hidden; white-space:nowrap}
.mf-stars__meta{font-size:13px; color:var(--mf-e-muted)}
.mf-stars__meta b{color:var(--mf-e-ink); font-weight:700}

/* buttons */
.mf-love,.mf-rate{
  -webkit-appearance:none; appearance:none; cursor:pointer; font:inherit; line-height:1;
  display:inline-flex; align-items:center; gap:6px; border-radius:var(--mf-e-radius);
  border:1px solid var(--mf-e-line); background:var(--mf-e-paper); color:var(--mf-e-muted);
  font-size:13px; font-weight:600; padding:7px 12px;
  transition:transform .12s ease, border-color .15s ease, background .15s ease, color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.mf-love:hover,.mf-rate:hover{border-color:#cbbdaa}
.mf-love:active,.mf-rate:active{transform:scale(.94)}
.mf-love__icon{width:16px; height:16px; display:block; fill:none; stroke:var(--mf-e-love); stroke-width:1.4; transition:transform .18s cubic-bezier(.2,1.5,.4,1)}
.mf-love.is-loved{background:#fdeee9; border-color:#f4cfc5; color:var(--mf-e-love-deep)}
.mf-love.is-loved .mf-love__icon{fill:var(--mf-e-love); transform:scale(1.05)}
.mf-love.is-bump .mf-love__icon{transform:scale(1.45)}
.mf-love__count{font-variant-numeric:tabular-nums}
.mf-rate{color:var(--mf-e-ink); border-color:#e2d6c4}
.mf-rate:hover{background:#fbf3e6}
/* Already-rated: dimmed "✓ Rated" so a guest can see which dishes they've done.
   Still clickable (opacity lifts on hover) — tapping reopens the sheet to change
   the rating. .mf-engage scope keeps it ahead of the micro/compact accent rules. */
.mf-engage .mf-rate.is-rated{color:var(--mf-e-muted,#7c7067); opacity:.6; font-weight:600}
.mf-engage .mf-rate.is-rated:hover{opacity:1; background:transparent}

/* modal sheet (built by JS) */
.mf-scrim{position:fixed; inset:0; background:rgba(26,17,12,.55); backdrop-filter:blur(3px);
  opacity:0; pointer-events:none; transition:opacity .22s ease; z-index:99998}
.mf-scrim.is-open{opacity:1; pointer-events:auto}
/* ---- Sheet style presets -------------------------------------------------
   Every colour/radius the sheet draws comes from these vars, so a preset only
   has to redefine them. The theme-isolation block at the end of this file
   !importants the same properties, reading the same vars — that keeps the sheet
   theme-proof AND themeable. Presets: warm (default), minimal, bold. */
.mf-sheet{
  --mf-s-bg:#fcfaf6;
  --mf-s-ink:#241d19;
  --mf-s-muted:#6f645b;
  --mf-s-faint:#a3968a;
  --mf-s-label:#7c7067;
  --mf-s-line:#ece4d8;
  --mf-s-field-bg:#fff;
  --mf-s-field-border:#e0d6c8;
  --mf-s-field-radius:10px;
  --mf-s-submit-bg:linear-gradient(180deg,#33291f,#241c15);
  --mf-s-submit-ink:#fff;
  --mf-s-submit-shadow:0 10px 24px -12px rgba(35,26,15,.8);
  --mf-s-kicker:#c9832a;
  --mf-s-radius:20px;
  --mf-s-x-bg:#f1e9dd;
  --mf-s-x-ink:#7a6e63;
  --mf-s-tabs-bg:#f1e9dd;
  --mf-s-tab-on-bg:#fff;
  --mf-s-star-off:#e0d5c4;
  --mf-s-star-on:#f0a93b;
  --mf-s-rev-h:#b0a293;
  --mf-s-gate-bg:linear-gradient(180deg,#fffdf9,#f7f1e7);
  --mf-s-avatar:#c9832a;
}
.mf-sheet--minimal{
  --mf-s-bg:#fff;
  --mf-s-ink:#111827;
  --mf-s-muted:#4b5563;
  --mf-s-faint:#9ca3af;
  --mf-s-label:#4b5563;
  --mf-s-line:#e5e7eb;
  --mf-s-field-bg:#fff;
  --mf-s-field-border:#d1d5db;
  --mf-s-field-radius:8px;
  --mf-s-submit-bg:#111827;
  --mf-s-submit-ink:#fff;
  --mf-s-submit-shadow:none;
  --mf-s-kicker:#6b7280;
  --mf-s-radius:12px;
  --mf-s-x-bg:#f3f4f6;
  --mf-s-x-ink:#6b7280;
  --mf-s-tabs-bg:#f3f4f6;
  --mf-s-tab-on-bg:#fff;
  --mf-s-star-off:#e5e7eb;
  --mf-s-star-on:#f59e0b;
  --mf-s-rev-h:#9ca3af;
  --mf-s-gate-bg:#f9fafb;
  --mf-s-avatar:#6b7280;
}
.mf-sheet--bold{
  --mf-s-bg:#1c1917;
  --mf-s-ink:#faf7f2;
  --mf-s-muted:#c4bbb1;
  --mf-s-faint:#8b8078;
  --mf-s-label:#c4bbb1;
  --mf-s-line:#3a332e;
  --mf-s-field-bg:#2a2521;
  --mf-s-field-border:#453d36;
  --mf-s-field-radius:10px;
  --mf-s-submit-bg:linear-gradient(180deg,#f0a93b,#d98c22);
  --mf-s-submit-ink:#231a0f;
  --mf-s-submit-shadow:0 10px 24px -12px rgba(240,169,59,.7);
  --mf-s-kicker:#f0a93b;
  --mf-s-radius:18px;
  --mf-s-x-bg:#332c27;
  --mf-s-x-ink:#c4bbb1;
  --mf-s-tabs-bg:#2a2521;
  --mf-s-tab-on-bg:#3d352f;
  --mf-s-star-off:#4a423b;
  --mf-s-star-on:#f0a93b;
  --mf-s-rev-h:#8b8078;
  --mf-s-gate-bg:#241f1c;
  --mf-s-avatar:#d98c22;
}

.mf-sheet{
  position:fixed; left:50%; bottom:0; transform:translate(-50%,100%);
  width:min(520px,100%); max-height:92vh; overflow:auto; z-index:99999;
  background:var(--mf-s-bg); color:var(--mf-s-ink);
  border-radius:calc(var(--mf-s-radius) + 2px) calc(var(--mf-s-radius) + 2px) 0 0;
  box-shadow:0 -20px 60px -20px rgba(0,0,0,.5);
  transition:transform .34s cubic-bezier(.2,.9,.25,1);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.mf-sheet.is-open{transform:translate(-50%,0)}
@media(min-width:560px){
  .mf-sheet{bottom:auto; top:50%; border-radius:var(--mf-s-radius); transform:translate(-50%,-46%) scale(.98); opacity:0}
  .mf-sheet.is-open{transform:translate(-50%,-50%) scale(1); opacity:1}
}
.mf-sheet__pad{padding:22px 22px 26px; position:relative}
.mf-sheet__x{position:absolute; top:12px; right:12px; border:0; background:var(--mf-s-x-bg); color:var(--mf-s-x-ink);
  width:32px; height:32px; border-radius:50%; font-size:17px; line-height:1; display:grid; place-items:center; cursor:pointer}
.mf-sheet__kicker{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--mf-s-kicker); font-weight:700}
.mf-sheet h3{font-size:23px; font-weight:700; margin:6px 0 2px; letter-spacing:-.01em}
.mf-field-label{font-size:13px; color:var(--mf-s-label); margin:18px 0 8px; font-weight:600}
.mf-starpick{display:inline-flex; gap:6px}
.mf-starpick button{border:0; background:transparent; padding:2px; font-size:34px; line-height:1; color:var(--mf-s-star-off); cursor:pointer; transition:transform .1s ease,color .12s ease}
.mf-starpick button:hover{transform:translateY(-2px)}
.mf-starpick button.on{color:var(--mf-s-star-on)}
.mf-rateword{display:inline-block; margin-left:12px; font-size:14px; color:var(--mf-s-muted)}
.mf-sheet textarea{width:100%; margin-top:14px; border:1px solid var(--mf-s-field-border); border-radius:calc(var(--mf-s-field-radius) + 2px); background:var(--mf-s-field-bg);
  padding:12px 14px; font-family:inherit; font-size:14.5px; line-height:1.5; color:inherit; resize:vertical; min-height:80px; box-sizing:border-box}
.mf-addphoto{margin-top:10px; display:inline-flex; align-items:center; gap:8px; border:1px dashed var(--mf-s-field-border); background:var(--mf-s-field-bg); color:var(--mf-s-label); border-radius:var(--mf-s-field-radius); padding:9px 13px; font-size:13px; font-weight:600; cursor:pointer}
.mf-addphoto img{width:34px; height:34px; border-radius:7px; object-fit:cover}
.mf-gate{margin-top:16px; border:1px solid var(--mf-s-field-border); border-radius:14px; background:var(--mf-s-gate-bg); padding:14px 15px}
.mf-gate p{margin:0 0 10px; font-size:13px; color:var(--mf-s-muted); line-height:1.5}
.mf-gate__row{display:flex; gap:9px}
.mf-gate__row[hidden]{display:none} /* author display:flex beats the hidden attr otherwise */
.mf-gate input{flex:1; min-width:0; border:1px solid var(--mf-s-field-border); border-radius:var(--mf-s-field-radius); background:var(--mf-s-field-bg); padding:11px 12px; font-family:inherit; font-size:14px; color:inherit; box-sizing:border-box}
.mf-submit{margin-top:16px; width:100%; border:0; border-radius:12px; padding:14px; font-size:15px; font-weight:700; color:var(--mf-s-submit-ink); cursor:pointer;
  background:var(--mf-s-submit-bg); box-shadow:var(--mf-s-submit-shadow); transition:transform .12s ease,opacity .15s}
.mf-submit:hover{transform:translateY(-1px)}
.mf-submit[disabled]{opacity:.45; cursor:not-allowed; transform:none}
.mf-fine{margin:11px 2px 0; font-size:11.5px; color:var(--mf-s-faint); line-height:1.5; text-align:center}
.mf-reviews{margin-top:22px; border-top:1px solid var(--mf-s-line); padding-top:16px}
.mf-reviews h4{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--mf-s-rev-h); margin:0 0 12px; font-weight:700}
.mf-rev{display:flex; gap:11px; margin-bottom:14px}
.mf-rev__av{width:34px; height:34px; border-radius:50%; flex:none; display:grid; place-items:center; color:#fff; font-weight:700; font-size:13px; background:var(--mf-s-avatar)}
.mf-rev__name{font-weight:700; font-size:13.5px}
.mf-rev__stars{color:var(--mf-s-star-on); font-size:12px; letter-spacing:1px; margin:1px 0 3px}
.mf-rev__stars-off{color:var(--mf-s-star-off)}
.mf-rev__t{font-size:13.5px; color:var(--mf-s-muted); line-height:1.5}
.mf-rev__photo{margin-top:6px; max-width:140px; border-radius:8px; display:block}
.mf-done{text-align:center; padding:12px 6px 4px}
.mf-done__big{font-size:23px; font-weight:700; margin:10px 0 4px}
.mf-done p{color:var(--mf-s-muted); font-size:14px; margin:0}
/* Google-review funnel (shown to 4★+ raters when a Google link is configured). */
.mf-google{margin-top:16px; padding-top:16px; border-top:1px solid var(--mf-s-line)}
.mf-google__ask{margin:0 0 10px; font-size:13.5px; color:var(--mf-s-muted); line-height:1.5}
.mf-google__btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%;
  box-sizing:border-box; text-decoration:none; cursor:pointer;
  background:var(--mf-s-field-bg); color:var(--mf-s-ink);
  border:1px solid var(--mf-s-field-border); border-radius:var(--mf-s-field-radius);
  padding:12px 14px; font-size:14px; font-weight:700; line-height:1;
  transition:transform .12s ease, box-shadow .15s ease}
.mf-google__btn:hover{transform:translateY(-1px); box-shadow:0 6px 16px -10px rgba(0,0,0,.5)}
.mf-google__g{flex:none}
.mf-hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
#mf-fx{position:fixed; inset:0; pointer-events:none; z-index:99999}
@media (prefers-reduced-motion: reduce){
  .mf-love__icon,.mf-sheet,.mf-scrim,.mf-love,.mf-rate,.mf-starpick button{transition:none !important}
}

/* ---- display presets + placement -------------------------------------- */

/* placement: eyebrow row slightly above the item title */
.mf-engage--above{margin:0 0 6px}

/* Compact — ~85% of standard */
.mf-engage--compact{gap:7px; font-size:12px; margin-top:7px}
.mf-engage--compact.mf-engage--above{margin:0 0 5px}
.mf-engage--compact .mf-badge{font-size:9.5px; padding:3px 7px}
.mf-engage--compact .mf-stars{font-size:12.5px; letter-spacing:1.5px}
.mf-engage--compact .mf-stars__meta{font-size:11.5px}
.mf-engage--compact .mf-love,.mf-engage--compact .mf-rate{font-size:11.5px; padding:5px 10px; gap:5px}
.mf-engage--compact .mf-love__icon{width:13px; height:13px}

/* Micro — a tiny one-line strip: chrome-less buttons, hairline stars.
   The spacer collapses so everything hugs together as one strip. */
.mf-engage--micro{gap:6px; font-size:10.5px; margin-top:5px; line-height:1}
.mf-engage--micro .mf-engage__spacer{display:none}
.mf-engage--micro.mf-engage--above{margin:0 0 3px}
.mf-engage--micro .mf-badge{font-size:8.5px; padding:2.5px 6px; letter-spacing:.05em}
.mf-engage--micro .mf-stars{font-size:10px; letter-spacing:1px}
.mf-engage--micro .mf-stars__meta{font-size:10px}
/* Each control gets its own soft chip so the heart and "Rate it" read as two
   separate features rather than one run-on strip. */
.mf-engage--micro .mf-love,.mf-engage--micro .mf-rate{
  border:0; padding:3px 8px; font-size:10.5px; gap:4px;
  color:var(--mf-e-muted,#7c7067); border-radius:999px;
  background:rgba(36,29,25,.055);
}
.mf-engage--micro .mf-love:hover,.mf-engage--micro .mf-rate:hover{background:rgba(36,29,25,.1); border-color:transparent; color:var(--mf-e-ink,#241d19)}
.mf-engage--micro .mf-love__icon{width:11px; height:11px; stroke-width:1.7}
.mf-engage--micro .mf-love.is-loved{background:#fdeee9; color:var(--mf-e-love-deep,#c8412f)}
.mf-engage--micro .mf-love.is-loved:hover{background:#fbe1d9}
.mf-engage--micro .mf-rate{color:var(--mf-e-gold-deep,#c9832a); font-weight:600; background:rgba(201,131,42,.1)}
.mf-engage--micro .mf-rate:hover{background:rgba(201,131,42,.18); color:var(--mf-e-gold-deep,#c9832a)}

/* Alignment — center/right cluster the row (the flex spacer collapses,
   otherwise it pins the buttons to the far edge and defeats the alignment). */
.mf-engage--center{justify-content:center}
.mf-engage--right{justify-content:flex-end}
.mf-engage--center .mf-engage__spacer,.mf-engage--right .mf-engage__spacer{display:none}

/* Hover reveal — only "Rate it" shows until the row is hovered (or focused,
   for keyboards). Touch screens simply see the Rate it button. */
.mf-engage--hover .mf-badge,
.mf-engage--hover .mf-stars,
.mf-engage--hover .mf-stars__meta,
.mf-engage--hover .mf-love,
.mf-engage--hover .mf-engage__spacer{display:none}
.mf-engage--hover:hover .mf-badge,
.mf-engage--hover:focus-within .mf-badge,
.mf-engage--hover:hover .mf-stars,
.mf-engage--hover:focus-within .mf-stars,
.mf-engage--hover:hover .mf-stars__meta,
.mf-engage--hover:focus-within .mf-stars__meta{display:inline-block; animation:mf-reveal .18s ease}
.mf-engage--hover:hover .mf-love,
.mf-engage--hover:focus-within .mf-love{display:inline-flex; animation:mf-reveal .18s ease}
/* Keep the trigger button anchored: first in left/center (details reveal to its
   right), last in right alignment (details reveal to its left, button pinned). */
.mf-engage--hover .mf-rate{order:-1}
.mf-engage--hover.mf-engage--right .mf-rate{order:0}
@keyframes mf-reveal{from{opacity:0; transform:translateX(-3px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){
  .mf-engage--hover:hover .mf-badge,.mf-engage--hover:hover .mf-stars,.mf-engage--hover:hover .mf-stars__meta,.mf-engage--hover:hover .mf-love{animation:none}
}

/* anonymous escape hatch in the identity gate */
.mf-anonlink{display:inline-block; margin-top:10px; border:0; background:transparent; padding:0; font:inherit;
  font-size:12.5px; color:var(--mf-s-faint); text-decoration:underline; text-underline-offset:2px; cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.mf-anonlink:hover{color:var(--mf-s-ink)}

/* sheet tabs (Rate & review / Remind me) */
.mf-tabs{display:flex; gap:4px; background:var(--mf-s-tabs-bg); border-radius:12px; padding:4px; margin:2px 0 18px}
.mf-tabs[hidden]{display:none} /* author display:flex beats the hidden attr otherwise */
.mf-tab{flex:1; border:0; background:transparent; font:inherit; font-size:13.5px; font-weight:600; color:var(--mf-s-muted);
  padding:9px 10px; border-radius:9px; cursor:pointer; transition:background .15s ease, color .15s ease, box-shadow .15s ease; -webkit-tap-highlight-color:transparent}
.mf-tab:hover{color:var(--mf-s-ink)}
.mf-tab.is-on{background:var(--mf-s-tab-on-bg); color:var(--mf-s-ink); box-shadow:0 1px 3px rgba(0,0,0,.09)}
.mf-remind__lede{margin:10px 0 16px; font-size:14px; color:var(--mf-s-muted); line-height:1.55}
[data-remindgate] .mf-gate__row{margin-top:0}
@media (prefers-reduced-motion: reduce){ .mf-tab{transition:none !important} }

/* Guest favorites showcase ([menuforge_favorites]) */
.mf-favorites{margin:0}
.mf-favorites__title{font-size:1.25em; margin:0 0 .6em; font-weight:700}
.mf-favorites__list{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.mf-favorites__item{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 14px; border:1px solid var(--mf-e-line,#e4d8c7); border-radius:12px; background:var(--mf-e-paper,#fff)}
.mf-favorites__name{font-weight:600}
.mf-favorites__meta{display:inline-flex; align-items:center; gap:10px; margin-left:auto}
.mf-favorites__loves{color:var(--mf-e-love,#eb5a47); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums}

/* ---- Theme isolation ---------------------------------------------------
   The sheet is standalone branded UI and must look IDENTICAL on every site.
   Themes ship element-level rules (h3{font-family}, button/input skins,
   .breakdance h3{...}) that otherwise leak in — seen live: a theme display
   font hijacking the dish title + reviews header. The menu ROW (.mf-engage)
   intentionally inherits the menu's fonts; only the sheet is isolated. */
.mf-sheet, .mf-sheet *{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-shadow:none !important;
  box-sizing:border-box !important;
}
/* re-assert our own uppercase/letterspaced bits (must follow the reset) */
.mf-sheet .mf-sheet__kicker,
.mf-sheet .mf-reviews h4{ text-transform:uppercase !important; letter-spacing:.16em !important }

/* headings — themes love to restyle h3/h4 */
.mf-sheet h3{ font-size:23px !important; font-weight:700 !important; line-height:1.3 !important; margin:6px 0 2px !important; color:var(--mf-s-ink) !important }
.mf-sheet .mf-sheet__kicker{ font-size:11px !important; color:var(--mf-s-kicker) !important; font-weight:700 !important }
.mf-sheet .mf-reviews h4{ font-size:11px !important; color:var(--mf-s-rev-h) !important; margin:0 0 12px !important; font-weight:700 !important }
.mf-sheet .mf-done__big{ font-size:23px !important; font-weight:700 !important }
.mf-sheet .mf-google{ margin-top:16px !important; border-top:1px solid var(--mf-s-line) !important }
.mf-sheet .mf-google__ask{ font-size:13.5px !important; color:var(--mf-s-muted) !important }
.mf-sheet .mf-google__btn{ background:var(--mf-s-field-bg) !important; color:var(--mf-s-ink) !important;
  border:1px solid var(--mf-s-field-border) !important; border-radius:var(--mf-s-field-radius) !important;
  font-size:14px !important; font-weight:700 !important; box-shadow:none !important; width:100% !important; min-height:0 !important }

/* text blocks */
.mf-sheet .mf-gate p{ margin:0 0 10px !important; font-size:13px !important; color:var(--mf-s-muted) !important; line-height:1.5 !important }
.mf-sheet .mf-remind__lede{ font-size:14px !important; color:var(--mf-s-muted) !important }
.mf-sheet .mf-fine{ font-size:11.5px !important; color:var(--mf-s-faint) !important }
.mf-sheet .mf-field-label{ font-size:13px !important; color:var(--mf-s-label) !important; font-weight:600 !important }

/* form fields — protect from theme input skins (the honeypot stays as-is) */
.mf-sheet input:not(.mf-hp){
  background:var(--mf-s-field-bg) !important; border:1px solid var(--mf-s-field-border) !important; border-radius:var(--mf-s-field-radius) !important;
  color:var(--mf-s-ink) !important; box-shadow:none !important; font-size:14px !important;
  padding:11px 12px !important; height:auto !important; min-height:0 !important; line-height:1.4 !important;
}
.mf-sheet textarea{
  background:var(--mf-s-field-bg) !important; border:1px solid var(--mf-s-field-border) !important; border-radius:calc(var(--mf-s-field-radius) + 2px) !important;
  color:var(--mf-s-ink) !important; box-shadow:none !important; font-size:14.5px !important;
  padding:12px 14px !important; min-height:80px !important; width:100% !important;
}

/* buttons — protect from theme button skins */
.mf-sheet .mf-submit{
  background:var(--mf-s-submit-bg) !important; color:var(--mf-s-submit-ink) !important;
  border:0 !important; border-radius:12px !important; width:100% !important;
  padding:14px !important; font-size:15px !important; font-weight:700 !important;
  min-height:0 !important; line-height:1.2 !important;
}
.mf-sheet .mf-submit[disabled]{ opacity:.45 !important }
.mf-sheet .mf-sheet__x{
  background:var(--mf-s-x-bg) !important; color:var(--mf-s-x-ink) !important; border:0 !important;
  width:32px !important; height:32px !important; min-height:0 !important;
  border-radius:50% !important; padding:0 !important; font-size:17px !important;
  box-shadow:none !important;
}
.mf-sheet .mf-starpick button{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:2px !important; font-size:34px !important; line-height:1 !important;
  min-height:0 !important; width:auto !important; color:var(--mf-s-star-off) !important;
}
.mf-sheet .mf-starpick button.on{ color:var(--mf-s-star-on) !important }
.mf-sheet .mf-rev__stars{ color:var(--mf-s-star-on) !important }
.mf-sheet .mf-rev__stars-off{ color:var(--mf-s-star-off) !important }
.mf-sheet .mf-tabs .mf-tab{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:var(--mf-s-muted) !important; font-size:13.5px !important; font-weight:600 !important;
  padding:9px 10px !important; border-radius:9px !important; min-height:0 !important; width:auto !important;
}
.mf-sheet .mf-tabs .mf-tab.is-on{ background:var(--mf-s-tab-on-bg) !important; color:var(--mf-s-ink) !important; box-shadow:0 1px 3px rgba(0,0,0,.09) !important }
.mf-sheet .mf-addphoto{
  background:var(--mf-s-field-bg) !important; border:1px dashed var(--mf-s-field-border) !important; color:var(--mf-s-label) !important;
  border-radius:10px !important; padding:9px 13px !important; font-size:13px !important; min-height:0 !important;
  box-shadow:none !important;
}
.mf-sheet .mf-submit{ box-shadow:var(--mf-s-submit-shadow) !important }
.mf-sheet .mf-anonlink{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; color:var(--mf-s-faint) !important; font-size:12.5px !important;
  text-decoration:underline !important; min-height:0 !important; width:auto !important;
}