body { margin: 0; overflow: hidden; }

.popup-fixed {
      position: fixed;
      right: 16px;
      bottom: 18px;
      transform: none;
      z-index: 9999;
      padding: 12px 18px 14px;
      border-radius: 18px 18px 6px 18px;
      background: linear-gradient(135deg, #fff1f7, #ffd1e8);
      border: 2px solid #ff7db7;
      box-shadow: 0 10px 24px rgba(255, 125, 183, 0.32);
      font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #ff4f9a;
      letter-spacing: 0.02em;
      pointer-events: auto;
      animation: popup-float 2.6s ease-in-out infinite;
      max-width: min(88vw, 260px);
      box-sizing: border-box;
    }
    .popup-fixed-link {
      text-decoration: none;
    }
    .popup-fixed-link:focus-visible .popup-fixed {
      outline: 3px solid #ff9cc8;
      outline-offset: 3px;
    }
    .popup-fixed::before {
      content: "";
      position: absolute;
      right: 18px;
      bottom: -9px;
      width: 16px;
      height: 16px;
      background: #ffd1e8;
      border: 2px solid #ff7db7;
      border-left: 0;
      border-top: 0;
      transform: rotate(45deg);
      border-bottom-right-radius: 4px;
    }
    .popup-fixed::after {
      content: "";
      position: absolute;
      left: 12px;
      top: -7px;
      width: 10px;
      height: 10px;
      background: #ff7db7;
      border-radius: 50%;
      box-shadow: 16px 2px 0 #ffeaa7, 32px 0 0 #ff9cc8;
    }
    @keyframes popup-float {
      0% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
      100% { transform: translateY(0); }
    }
    @media (max-width: 560px) {
      .popup-fixed {
        right: 8px;
        bottom: 10px;
        padding: 10px 14px 12px;
        font-size: 13px;
        max-width: 72vw;
      }
    }