.hm-platform-share {
  position: fixed;
  inset: 0;
  z-index: 30000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15,23,42,.34);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.hm-platform-share.is-open { opacity: 1; pointer-events: auto; }
.hm-platform-share__panel {
  width: min(390px,calc(100vw - 28px));
  padding: 18px;
  border: 1px solid var(--hm-line,#e5eaf0);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(22,34,51,.2);
  transform: translateY(10px) scale(.98);
  transition: transform .18s ease;
}
.hm-platform-share.is-open .hm-platform-share__panel { transform: translateY(0) scale(1); }
.hm-platform-share__top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.hm-platform-share__top strong { color:var(--hm-text,#172033); font-size:17px; }
.hm-platform-share__close { width:36px; height:36px; border:0; border-radius:12px; background:#f1f5f7; color:#667085; font-size:22px; cursor:pointer; }
.hm-platform-share__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.hm-platform-share__button { min-height:76px; display:grid; place-items:center; align-content:center; gap:7px; border:1px solid var(--hm-line,#e5eaf0); border-radius:16px; background:#fff; color:var(--hm-text,#172033); font-size:12px; font-weight:650; cursor:pointer; }
.hm-platform-share__button:hover { background:#f6fbfb; border-color:rgba(19,154,154,.25); }
.hm-platform-share__icon { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:#f4f7f8; font-size:13px; font-weight:800; }
.hm-platform-share__icon svg { width:18px; height:18px; fill:currentColor; }
.hm-platform-share__note { margin:12px 2px 0; color:var(--hm-muted,#667085); font-size:11px; text-align:center; }
.hm-platform-share-toast { position:fixed; left:50%; bottom:28px; z-index:31000; transform:translateX(-50%); padding:10px 14px; border-radius:999px; background:rgba(23,32,51,.94); color:#fff; font-size:13px; box-shadow:0 8px 24px rgba(0,0,0,.2); }
@media (max-width:760px) {
  .hm-platform-share { place-items:end center; padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px)); }
  .hm-platform-share__panel { width:100%; border-radius:24px 24px 20px 20px; }
  .hm-platform-share__button { min-height:72px; }
  .hm-platform-share-toast { bottom:calc(94px + env(safe-area-inset-bottom,0px)); }
}