.lotto-share-overlay { display: none; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.5); z-index: 3000; align-items: flex-end; }
  .lotto-share-overlay.active { display: flex; }
  .lotto-share-modal { width: 100%; margin: 0 auto; max-width: 480px; background: #fff; border-radius: 24px 24px 0 0; padding: 24px 20px 30px; transform: translateY(100%); transition: transform 0.25s cubic-bezier(0.1, 0.9, 0.2, 1); }
  .lotto-share-overlay.active .lotto-share-modal { transform: translateY(0); }
  .lotto-share-title { font-size: 18px; font-weight: 800; color: #0f172a; text-align: center; margin-bottom: 24px; }
  .lotto-share-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 10px; }
  .lotto-share-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; }
  .lotto-share-icon { width: 52px; height: 52px; border-radius: 26px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
  .lotto-share-icon.kakao { background: #fee500; color: #191600; }
  .lotto-share-icon.sms { background: #10b981; color: #fff; }
  .lotto-share-icon.native { background: #3b82f6; color: #fff; }
  .lotto-share-icon.link { background: #64748b; color: #fff; }
  .lotto-share-icon svg { width: 24px; height: 24px; }
  .lotto-share-text { font-size: 12px; font-weight: 700; color: #475569; }
  .lotto-share-close { width: 100%; background: #f1f5f9; color: #0f172a; border: none; border-radius: 16px; padding: 14px; font-size: 15px; font-weight: 800; margin-top: 24px; cursor: pointer; }