.mmx-dashboard-food,
    .mmx-kitchen-shell,
    .mmx-asset-showcase {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--border);
      border-radius: clamp(18px, 2vw, 28px);
      background:
        radial-gradient(500px 260px at 95% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%),
        linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, transparent), var(--surface2));
      box-shadow: 0 22px 55px -28px rgba(15, 23, 42, .32);
    }

    .mmx-dashboard-food {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
      align-items: center;
      gap: 16px;
      min-height: 286px;
      margin: 0 0 18px;
      padding: clamp(18px, 2.5vw, 30px);
    }

    .mmx-dashboard-food::before,
    .mmx-kitchen-hero::before {
      content: '';
      position: absolute;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      right: -70px;
      top: -90px;
      background: color-mix(in srgb, var(--accent2) 22%, transparent);
      filter: blur(10px);
      pointer-events: none;
    }

    .mmx-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 9px;
      padding: 6px 10px;
      border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
      border-radius: 999px;
      background: color-mix(in srgb, var(--accent) 10%, var(--surface));
      color: var(--accent);
      font-family: 'Hind Siliguri', 'Sora', sans-serif;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .02em;
    }

    .mmx-dashboard-food h2,
    .mmx-kitchen-hero h1,
    .mmx-section-head h2 {
      color: var(--text);
      font-family: var(--mt-display, 'Hind Siliguri'), 'Hind Siliguri', 'Sora', sans-serif;
      line-height: 1.18;
    }

    .mmx-dashboard-food h2 {
      font-size: clamp(24px, 3vw, 36px);
    }

    .mmx-dashboard-food p,
    .mmx-kitchen-hero p,
    .mmx-section-head p {
      color: var(--text2);
      font-family: 'Hind Siliguri', 'Sora', sans-serif;
      line-height: 1.58;
    }

    .mmx-mini-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
      margin: 16px 0;
    }

    .mmx-mini-metric {
      min-width: 0;
      padding: 11px 12px;
      border: 1px solid var(--border);
      border-radius: 15px;
      background: color-mix(in srgb, var(--surface) 88%, transparent);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
    }

    .mmx-mini-metric span,
    .mmx-kpi span {
      display: block;
      color: var(--text2);
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .mmx-mini-metric strong {
      display: block;
      margin-top: 4px;
      color: var(--text);
      font-family: 'JetBrains Mono', monospace;
      font-size: 16px;
    }

    .mmx-food-art {
      position: relative;
      z-index: 1;
      min-height: 238px;
      display: grid;
      place-items: center;
    }

    .mmx-food-art img {
      width: min(100%, 430px);
      height: auto;
      display: block;
      filter: drop-shadow(0 26px 22px rgba(24, 42, 35, .22));
      animation: mmxFloat 6.5s ease-in-out infinite;
    }

    @keyframes mmxFloat {

      0%,
      100% {
        transform: translateY(0) rotate(-1deg);
      }

      50% {
        transform: translateY(-8px) rotate(1deg);
      }
    }

    [data-mt-motion="off"] .mmx-food-art img {
      animation: none;
    }

    @media (prefers-reduced-motion: reduce) {
      .mmx-food-art img {
        animation: none;
      }
    }

    .mmx-kitchen-shell {
      padding: clamp(16px, 2.2vw, 26px);
    }

    .mmx-kitchen-hero {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
      align-items: center;
      gap: 20px;
      min-height: 340px;
      margin-bottom: 18px;
      padding: clamp(20px, 3vw, 34px);
      overflow: hidden;
      border-radius: 22px;
      background:
        radial-gradient(420px 260px at 100% 10%, color-mix(in srgb, var(--accent2) 25%, transparent), transparent 70%),
        linear-gradient(135deg, color-mix(in srgb, var(--surface2) 86%, var(--surface)), var(--surface));
    }

    .mmx-kitchen-hero h1 {
      font-size: clamp(30px, 4vw, 50px);
    }

    .mmx-kitchen-hero p {
      max-width: 62ch;
      margin-top: 10px;
    }

    .mmx-kitchen-art {
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      min-height: 300px;
    }

    .mmx-kitchen-art img {
      width: min(100%, 390px);
      max-height: 330px;
      object-fit: contain;
      filter: drop-shadow(0 30px 26px rgba(0, 0, 0, .24));
    }

    .mmx-pro-lock {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 13px;
      padding: 7px 11px;
      border-radius: 999px;
      background: linear-gradient(135deg, #F8C85E, #E99B2B);
      color: #3F2900;
      font-size: 12px;
      font-weight: 900;
      box-shadow: 0 10px 24px -12px rgba(217, 151, 27, .8);
    }

    .mmx-kpi-grid,
    .mmx-content-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 14px;
    }

    .mmx-kpi {
      grid-column: span 3;
      padding: 15px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: color-mix(in srgb, var(--surface) 92%, transparent);
      box-shadow: 0 13px 28px -20px rgba(15, 23, 42, .4);
    }

    .mmx-kpi i {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      margin-bottom: 9px;
      border-radius: 12px;
      background: color-mix(in srgb, var(--accent) 13%, var(--surface));
      color: var(--accent);
      font-size: 18px;
    }

    .mmx-kpi strong {
      display: block;
      margin-top: 5px;
      color: var(--text);
      font-family: 'JetBrains Mono', monospace;
      font-size: clamp(18px, 2vw, 24px);
    }

    .mmx-content-grid .mmx-card {
      grid-column: span 6;
      min-width: 0;
      padding: 18px;
      border: 1px solid var(--border);
      border-radius: 20px;
      background: color-mix(in srgb, var(--surface) 94%, transparent);
      box-shadow: 0 15px 36px -26px rgba(15, 23, 42, .42);
    }

    .mmx-content-grid .mmx-card.wide {
      grid-column: span 12;
    }

    .mmx-section-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 13px;
    }

    .mmx-section-head h2 {
      font-size: 19px;
    }

    .mmx-section-head p {
      margin-top: 3px;
      font-size: 13px;
    }

    .mmx-roster,
    .mmx-shopping-list,
    .mmx-missing-list {
      display: grid;
      gap: 8px;
    }

    .mmx-person,
    .mmx-shopping-item,
    .mmx-missing-item {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      min-width: 0;
      padding: 10px 11px;
      border: 1px solid var(--border);
      border-radius: 14px;
      background: var(--surface2);
    }

    .mmx-person .premium-avatar {
      width: 36px;
      height: 36px;
      border-radius: 12px;
    }

    .mmx-person strong,
    .mmx-shopping-item strong,
    .mmx-missing-item strong {
      color: var(--text);
      font-size: 13px;
    }

    .mmx-person small,
    .mmx-shopping-item small,
    .mmx-missing-item small {
      display: block;
      margin-top: 2px;
      color: var(--text2);
      font-size: 11px;
    }

    .mmx-count,
    .mmx-qty {
      padding: 5px 8px;
      border-radius: 999px;
      background: color-mix(in srgb, var(--accent) 12%, var(--surface));
      color: var(--accent);
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 800;
    }

    .mmx-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }

    .mmx-action {
      min-height: 38px;
      padding: 8px 12px;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: var(--surface2);
      color: var(--text);
      font-family: 'Hind Siliguri', 'Sora', sans-serif;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
    }

    .mmx-action:hover {
      border-color: var(--accent);
      color: var(--accent);
      transform: translateY(-1px);
    }

    .mmx-action.primary {
      border-color: transparent;
      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 76%, #000));
      color: #fff;
    }

    .mmx-action.gold {
      border-color: transparent;
      background: linear-gradient(135deg, #F7C548, #E99B2B);
      color: #382300;
    }

    .mmx-menu-box {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .mmx-menu-slot {
      min-height: 110px;
      padding: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      background: linear-gradient(145deg, var(--surface2), color-mix(in srgb, var(--surface) 88%, transparent));
    }

    .mmx-menu-slot span {
      color: var(--accent);
      font-size: 12px;
      font-weight: 900;
    }

    .mmx-menu-slot strong {
      display: block;
      margin-top: 8px;
      color: var(--text);
      font-family: 'Hind Siliguri', sans-serif;
      font-size: 16px;
      line-height: 1.42;
    }

    .mmx-risk {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px;
      border-radius: 15px;
      background: color-mix(in srgb, var(--accent2) 11%, var(--surface2));
      color: var(--text);
      font-size: 13px;
      line-height: 1.5;
    }

    .mmx-risk.warn {
      background: color-mix(in srgb, var(--yellow) 24%, var(--surface2));
    }

    .mmx-risk i {
      font-size: 22px;
      color: var(--accent2);
    }

    .mmx-demo-note {
      margin-bottom: 14px;
      padding: 12px 14px;
      border: 1px solid color-mix(in srgb, #E99B2B 42%, var(--border));
      border-radius: 16px;
      background: color-mix(in srgb, #F7C548 12%, var(--surface));
      color: var(--text);
      font-size: 13px;
      line-height: 1.5;
    }

    .mmx-empty {
      padding: 18px;
      border: 1px dashed var(--border);
      border-radius: 14px;
      color: var(--text2);
      text-align: center;
      font-size: 13px;
    }

    .mmx-asset-showcase {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 16px;
      align-items: center;
      margin-top: 16px;
      padding: 16px 18px;
    }

    .mmx-asset-pair {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: end;
      gap: 6px;
    }

    .mmx-asset-pair img {
      width: 100%;
      max-height: 150px;
      object-fit: contain;
      filter: drop-shadow(0 18px 16px rgba(0, 0, 0, .18));
    }

    .mmx-asset-showcase h3 {
      color: var(--text);
      font-family: var(--mt-display, 'Hind Siliguri'), sans-serif;
      font-size: 21px;
    }

    .mmx-asset-showcase p {
      margin-top: 5px;
      color: var(--text2);
      font-size: 13px;
      line-height: 1.55;
    }

    .mmx-public-showcase {
      position: relative;
      overflow: hidden;
      width: min(1180px, calc(100% - 32px));
      margin: 32px auto 76px;
      padding: clamp(20px, 4vw, 46px);
      border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
      border-radius: 32px;
      background:
        radial-gradient(560px 340px at 100% 0%, rgba(6, 148, 148, .18), transparent 70%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 130, 67, .16), transparent 72%),
        linear-gradient(145deg, var(--surface), var(--surface2));
      box-shadow: 0 34px 90px -48px rgba(20, 35, 52, .5);
    }

    .mmx-public-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
      align-items: center;
      gap: clamp(20px, 4vw, 50px);
    }

    .mmx-public-showcase h2 {
      max-width: 720px;
      color: var(--text);
      font-family: 'Hind Siliguri', 'Sora', sans-serif;
      font-size: clamp(28px, 3.4vw, 40px);
      line-height: 1.16;
      letter-spacing: -.025em;
    }

    .mmx-public-showcase p {
      max-width: 650px;
      margin-top: 13px;
      color: var(--text2);
      font-size: 15px;
      line-height: 1.65;
    }

    .mmx-public-art {
      min-height: 280px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      align-items: stretch;
    }

    .mmx-public-art-card {
      min-width: 0;
      display: grid;
      place-items: center;
      padding: 12px;
      border: 1px solid color-mix(in srgb, var(--accent2) 14%, var(--border));
      border-radius: 22px;
      background: color-mix(in srgb, var(--surface) 82%, transparent);
    }

    .mmx-public-art img,
    .mmx-public-art img:first-child,
    .mmx-public-art img:last-child {
      position: static;
      width: 100%;
      max-height: 250px;
      object-fit: contain;
      filter: drop-shadow(0 22px 18px rgba(23, 48, 42, .18));
    }

    .mmx-theme-demo-strip {
      display: grid;
      grid-template-columns: repeat(7, minmax(72px, 1fr));
      gap: 8px;
      margin-top: 20px;
    }

    .mmx-theme-demo {
      position: relative;
      overflow: hidden;
      min-height: 70px;
      padding: 9px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 14px;
      color: #fff;
      font-family: 'Hind Siliguri', sans-serif;
      font-size: 11px;
      font-weight: 800;
      display: flex;
      align-items: flex-end;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 12px 20px -16px rgba(0, 0, 0, .7);
      cursor: pointer;
      text-align: left;
    }

    .mmx-theme-demo::after {
      content: '👑';
      position: absolute;
      right: 7px;
      top: 6px;
      font-size: 11px;
    }

    .mmx-theme-demo:hover,
    .mmx-theme-demo:focus-visible {
      transform: translateY(-2px);
      outline: 3px solid color-mix(in srgb, var(--accent2) 28%, transparent);
      outline-offset: 2px;
    }

    .mmx-public-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 18px;
    }

    .mmx-public-actions button {
      min-height: 44px;
      padding: 10px 16px;
      border: 1px solid var(--border);
      border-radius: 14px;
      background: var(--surface);
      color: var(--text);
      font-family: 'Hind Siliguri', 'Sora', sans-serif;
      font-weight: 800;
      cursor: pointer;
    }

    .mmx-public-actions button.primary {
      border: 0;
      background: linear-gradient(135deg, var(--accent), #E4572E);
      color: #fff;
      box-shadow: 0 14px 28px -14px rgba(228, 87, 46, .6);
    }

    html[data-mm-theme] .mmx-content-grid .mmx-card,
    html[data-mm-theme] .mmx-kpi,
    html[data-mm-theme] .mmx-dashboard-food,
    html[data-mm-theme] .mmx-kitchen-shell,
    html[data-mm-theme] .mmx-asset-showcase {
      border-radius: var(--mt-r);
    }

    html[data-mt-card="neon"] .mmx-content-grid .mmx-card,
    html[data-mt-card="neon"] .mmx-kitchen-shell,
    html[data-mt-card="neon"] .mmx-dashboard-food {
      border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
      box-shadow: 0 0 32px -14px color-mix(in srgb, var(--accent) 64%, transparent), 0 18px 42px -22px rgba(0, 0, 0, .55);
    }

    @media (max-width: 900px) {

      .mmx-dashboard-food,
      .mmx-kitchen-hero {
        grid-template-columns: 1fr;
      }

      .mmx-food-art {
        min-height: 180px;
      }

      .mmx-kitchen-art {
        min-height: 230px;
      }

      .mmx-kitchen-art img {
        max-height: 270px;
      }

      .mmx-kpi {
        grid-column: span 6;
      }

      .mmx-content-grid .mmx-card {
        grid-column: span 12;
      }

      .mmx-asset-showcase {
        grid-template-columns: 1fr;
      }

      .mmx-public-grid {
        grid-template-columns: 1fr;
      }

      .mmx-theme-demo-strip {
        grid-template-columns: repeat(4, minmax(72px, 1fr));
      }
    }

    @media (max-width: 560px) {

      .mmx-dashboard-food,
      .mmx-kitchen-shell {
        padding: 13px;
      }

      .mmx-kitchen-hero {
        padding: 17px;
      }

      .mmx-mini-metrics {
        grid-template-columns: repeat(3, minmax(88px, 1fr));
        overflow-x: auto;
        padding-bottom: 4px;
      }

      .mmx-kpi-grid {
        gap: 8px;
      }

      .mmx-kpi {
        padding: 12px;
      }

      .mmx-menu-box {
        grid-template-columns: 1fr;
      }

      .mmx-section-head {
        flex-direction: column;
      }

      .mmx-asset-pair img {
        max-height: 120px;
      }

      .mmx-public-showcase {
        width: min(100% - 20px, 1180px);
        margin-bottom: 52px;
        border-radius: 23px;
      }

      .mmx-public-art {
        min-height: 230px;
        grid-template-columns: 1fr;
      }

      .mmx-theme-demo-strip {
        display: flex;
        overflow-x: auto;
        padding-bottom: 6px;
      }

      .mmx-theme-demo {
        flex: 0 0 104px;
      }
    }

    @media print {

      .mmx-actions,
      .mmx-pro-lock,
      .mmx-demo-note,
      .mmx-asset-showcase {
        display: none !important;
      }

      .mmx-food-art img,
      .mmx-kitchen-art img {
        animation: none !important;
      }
    }