/* v144: copy the current phone material, not its layout, onto desktop.
   The thin specular rim is a separate desktop-only layer. */
@media (min-width: 701px) {
  html.premium-space-demo .liquid-nav {
    background: rgba(255, 255, 255, .35);
    border-color: rgba(255, 255, 255, .92);
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, .96),
      0 3px 8px rgba(65, 82, 87, .12);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }

  html.premium-space-demo .liquid-nav button {
    color: #526164;
  }

  html.premium-space-demo .liquid-nav .lens {
    background: linear-gradient(130deg,
      rgba(255, 255, 255, .74),
      rgba(255, 255, 255, .18) 50%,
      rgba(255, 255, 255, .63));
    border-color: #fff;
    box-shadow:
      inset 2px 3px 4px #fff,
      inset -2px -3px 4px #91a5b339,
      0 2px 7px #8b9da929;
    backdrop-filter: blur(2px) contrast(1.15);
    -webkit-backdrop-filter: blur(2px) contrast(1.15);
  }

  /* A polished rim only: do not fill the transparent centre or tint text. */
  @supports (mask-composite: exclude) {
    html.premium-space-demo .liquid-nav::before {
      content: '';
      position: absolute;
      inset: 1px;
      padding: 1px;
      border-radius: inherit;
      background: linear-gradient(120deg,
        rgba(255, 255, 255, .95) 0%,
        rgba(255, 255, 255, .12) 34%,
        rgba(89, 110, 115, .18) 55%,
        rgba(255, 255, 255, .82) 76%,
        rgba(255, 255, 255, .15) 100%);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      pointer-events: none;
    }
  }
}

/* The middle of the three equal actions is the shared anchor centre.
   Only horizontal positioning changes; existing opening/closing stays intact. */
@media (min-width: 701px) {
html.premium-space-demo #contact-menu {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
}

}