/* Fixed, non-draggable MATTHEW customer-support shortcut */
#floatingCs {
  position: fixed;
  z-index: 9999;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(166, 215, 255, .78);
  border-radius: 50%;
  color: #f5f9ff;
  background: linear-gradient(145deg, #1c6cbd, #09264b 72%);
  box-shadow: 0 8px 26px rgba(0, 0, 0, .38), 0 0 20px rgba(66, 164, 255, .28), inset 0 1px 0 rgba(255,255,255,.24);
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  transition: box-shadow .2s ease, filter .2s ease, transform .2s ease;
}
#floatingCs:hover { filter: brightness(1.1); box-shadow: 0 10px 30px rgba(0,0,0,.42), 0 0 26px rgba(66,164,255,.42); }
#floatingCs .cs-icon { font-size: 24px; line-height: 1; }
#floatingCs:focus-visible { outline: 3px solid #b8e4ff; outline-offset: 4px; }
@media (max-width: 480px) { #floatingCs { width: 56px; height: 56px; right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); } #floatingCs .cs-icon { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { #floatingCs { transition: none; } }