/* Glass dock */
#mm-bar.mm-maxv{ position:fixed; left:0; right:0; bottom:0; z-index:9999;
  display:grid; grid-template-columns:1fr 1fr auto 1fr 1fr; grid-template-rows:var(--mm-bar-row-h,56px);
  align-items:center; gap:14px; padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  color:var(--mm-text,#F4F6F8);
  border-top-left-radius:var(--mm-radius,22px); border-top-right-radius:var(--mm-radius,22px);
  --bg-mid: color-mix(in srgb, var(--mm-primary,#0A2A45) 12%, black);
  background:
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="120" height="120" filter="url(%23n)" opacity="0.035"/></svg>') repeat,
    linear-gradient(to bottom, rgba(255,255,255,.14), rgba(255,255,255,.04) 40%, rgba(0,0,0,.12)),
    color-mix(in srgb, var(--bg-mid) calc(var(--mm-glass-opacity,.50)*100%), transparent);
  background-blend-mode:overlay,normal,normal;
  backdrop-filter: blur(var(--mm-glass-blur,22px)) saturate(160%); -webkit-backdrop-filter: blur(var(--mm-glass-blur,22px)) saturate(160%);
  box-shadow: var(--mm-shadow, 0 -2px 22px rgba(0,0,0,.22)); overflow:visible;
}
#mm-bar .mm-item{ height:var(--mm-bar-row-h,56px); text-decoration:none; color:inherit; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font-size:12px;}
#mm-bar .mm-item svg{ color:var(--mm-icon,#fff); width:24px; height:24px; }
#mm-bar .mm-item span{ opacity:.98; font-weight:600; letter-spacing:.1px; }
#mm-bar.mm-maxv::before{ content:''; position:absolute; left:0; right:0; top:0; height:34%; border-top-left-radius:inherit; border-top-right-radius:inherit; background:linear-gradient(to bottom, rgba(255,255,255,.18), rgba(255,255,255,0)); pointer-events:none; }

/* ORB button */
#mm-bar .mm-cta.mm-orb{
  position:relative; width:var(--mm-cta-size,92px); height:var(--mm-cta-size,92px);
  margin-top: calc(-0.56 * var(--mm-cta-size,92px)); border-radius:999px; display:flex; align-items:center; justify-content:center;
  text-decoration:none; color:var(--mm-cta-text,#fff);
  background:
    radial-gradient(120% 120% at 80% 85%, color-mix(in srgb, var(--mm-cta-base,#E21B1B) 70%, black) 0%, transparent 60%),
    radial-gradient(120% 120% at 30% 25%, color-mix(in srgb, white 25%, var(--mm-cta-base,#E21B1B)) 0%, transparent 60%),
    radial-gradient(100% 100% at 50% 60%, var(--mm-cta-base,#E21B1B) 0%, color-mix(in srgb, var(--mm-cta-base,#E21B1B) 60%, black) 75%);
  border: var(--mm-cta-border-w,3px) solid var(--mm-cta-border,#7DD3FC);
  box-shadow: 0 24px 34px rgba(0,0,0,.42), inset 0 10px 18px rgba(255,255,255,.20), inset 0 -12px 20px rgba(0,0,0,.24);
  overflow: visible;
}
#mm-bar .mm-cta.mm-orb .mm-cta-label{ font-weight:800; font-size:13px; letter-spacing:.2px; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
#mm-bar .mm-cta.mm-orb::before{ content:''; position:absolute; left:8%; top:10%; width:64%; height:36%; background: radial-gradient(80% 120% at 50% 0%, var(--mm-cta-spec,#fff) 0%, rgba(255,255,255,.55) 35%, rgba(255,255,255,0) 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; filter: blur(0.6px); opacity:.95; pointer-events:none; }
#mm-bar .mm-cta.mm-orb::after{ content:''; position:absolute; inset:2.5%; border-radius:999px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.15); pointer-events:none; }
#mm-bar .mm-cta.mm-orb .mm-layer{ position:absolute; inset:-20%; border-radius:999px; pointer-events:none; }

/*** EFFECTS (only 4 kept) ***/
/* Ripple loop */
#mm-bar .mm-cta.ripple-loop .f1,
#mm-bar .mm-cta.ripple-loop .f2{
  box-shadow:0 0 0 0 rgba(125,211,252,.45);
  animation: mmRipple 2s ease-out infinite;
  transform:translateZ(0);
}
#mm-bar .mm-cta.ripple-loop .f2{ animation-delay:1s; }
@keyframes mmRipple{ 0%{ box-shadow:0 0 0 0 rgba(125,211,252,.45); opacity:.95;} 80%{ box-shadow:0 0 0 56px rgba(125,211,252,0); opacity:0;} 100%{ opacity:0;} }

/* Bounce */
#mm-bar .mm-cta.bounce{ animation: mmBounce 1.3s cubic-bezier(.34,1.56,.64,1) infinite; transform-origin:50% 70%; }
@keyframes mmBounce{ 0%,100%{ transform: translateY(0) scale(1);} 30%{ transform: translateY(-9px) scale(1.08);} 60%{ transform: translateY(1px) scale(.98);} }

/* Neon-breath */
#mm-bar .mm-cta.neon-breath .f1{
  inset:-10px; border-radius:999px;
  box-shadow:0 0 20px 6px color-mix(in srgb, var(--mm-cta-base,#E21B1B) 80%, white);
  animation: mmNeon 2.2s ease-in-out infinite; opacity:.75; filter:blur(2px);
}
@keyframes mmNeon{ 0%,100%{ transform:scale(.92); opacity:.55;} 50%{ transform:scale(1); opacity:.95;} }

/* Ring-pulse */
#mm-bar .mm-cta.ring-pulse .f1,
#mm-bar .mm-cta.ring-pulse .f2{
  border-radius:999px; box-shadow:0 0 0 0 rgba(255,255,255,.28);
  animation: mmRing 1.8s ease-out infinite;
}
#mm-bar .mm-cta.ring-pulse .f2{ animation-delay:.6s; }
@keyframes mmRing{ 0%{ box-shadow:0 0 0 0 rgba(255,255,255,.28); opacity:.9;} 100%{ box-shadow:0 0 0 60px rgba(255,255,255,0); opacity:0;} }

/* Skins preset -> set primary */
.mm-skin-dark #mm-bar{ --mm-primary:#0B0B0E; }
.mm-skin-blue #mm-bar{ --mm-primary:#0A2A45; }
.mm-skin-red  #mm-bar{ --mm-primary:#3A0C0C; }

@media (min-width:768px){ #mm-bar{ display:none; } }


/* Neon + Bounce (combined) */
#mm-bar .mm-cta.neon-bounce{ animation: mmBounce 1.3s cubic-bezier(.34,1.56,.64,1) infinite; transform-origin:50% 70%; }
#mm-bar .mm-cta.neon-bounce .f1{
  inset:-10px; border-radius:999px;
  box-shadow:0 0 22px 8px color-mix(in srgb, var(--mm-cta-base,#E21B1B) 80%, white);
  animation: mmNeon 2.2s ease-in-out infinite; opacity:.75; filter:blur(2px);
}