.popup-share.profile-share-dialog {
  --share-bg: #fff;
  --share-text: #18181b;
  --share-muted: #71717a;
  --share-border: #e4e4e7;
  --share-soft: #f4f4f5;
  position: fixed;
  inset: 0;
  z-index: 2147483004 !important;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100dvh;
  padding: 24px;
  box-sizing: border-box;
  color: var(--share-text);
  font: 15px/1.6 var(--font-sans, "Inter", system-ui, sans-serif);
}
.popup-share.profile-share-dialog *, .popup-share.profile-share-dialog *::before, .popup-share.profile-share-dialog *::after { box-sizing: border-box; }
.popup-share.profile-share-dialog .popup-bk { position: absolute; inset: 0; width: 100%; height: 100%; background: rgb(24 24 27 / .22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.popup-share.profile-share-dialog .popup-content {
  position: relative;
  inset: auto;
  transform: none;
  z-index: 1;
  width: min(100%, 600px);
  max-width: 600px;
  max-height: calc(var(--higen-visual-height, 100dvh) - 48px);
  margin: 0;
  padding: 0;
  border: 1px solid var(--share-border);
  border-radius: 28px;
  background: var(--share-bg);
  color: var(--share-text);
  box-shadow: 0 24px 80px rgb(0 0 0 / .12);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--share-border) transparent;
}
.popup-share.profile-share-dialog .share-profile-modal { padding: 36px 32px 20px; color: var(--share-text); }
.popup-share.profile-share-dialog .share-hero { display: block; margin: 0 0 28px; padding: 0 32px 0 0; }
.popup-share.profile-share-dialog .share-hero h2 { margin: 0 0 12px; color: var(--share-text); font-size: 28px; font-weight: 500; line-height: 1.25; letter-spacing: -.04em; }
.popup-share.profile-share-dialog .share-profile-modal p { margin: 0; color: var(--share-muted); font-size: 14px; font-weight: 400; line-height: 1.65; }
.popup-share.profile-share-dialog .popup-content button.share-close { top: 16px; right: 16px; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; border: 0 !important; background: transparent !important; box-shadow: none; }
.popup-share.profile-share-dialog .popup-content button.share-close::before,
.popup-share.profile-share-dialog .popup-content button.share-close::after { height: 1.5px; background: var(--share-muted); }
.popup-share.profile-share-dialog .popup-content button.share-close:hover { background: var(--share-soft) !important; }
.popup-share.profile-share-dialog .share-link-preview { flex-direction: row; align-items: center; width: 100%; min-height: 56px; gap: 12px; margin: 0 0 28px; padding: 6px 6px 6px 16px; border: 1px solid var(--share-border); border-radius: 18px; background: var(--share-bg); }
.popup-share.profile-share-dialog .share-link-preview span { color: var(--share-text); font-size: 13px; font-weight: 400; user-select: text; }
.popup-share.profile-share-dialog .share-message-label { margin: 0 0 8px; color: var(--share-muted); font-size: 13px; font-weight: 400; line-height: 1.5; }
.popup-share.profile-share-dialog textarea { display: block; width: 100%; min-height: 196px !important; margin: 0; padding: 16px; border: 1px solid var(--share-border); border-radius: 22px; background: var(--share-bg); color: var(--share-text); font: 400 15px/1.65 var(--font-sans, "Inter", system-ui, sans-serif); resize: vertical; transition: border-color .15s ease; }
.popup-share.profile-share-dialog textarea:focus { border-color: var(--share-muted); box-shadow: none; }
.popup-share.profile-share-dialog .share-actions { display: flex; align-items: center; gap: 8px; margin-top: 24px; }
.popup-share.profile-share-dialog .share-profile-modal :is(.share-link-preview button, .share-action) {
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px !important;
  border: 1px solid var(--share-border) !important;
  border-radius: 999px;
  background: var(--share-bg) !important;
  color: var(--share-text) !important;
  font: 400 13px/1.5 var(--font-sans, "Inter", system-ui, sans-serif) !important;
  box-shadow: none;
}
.popup-share.profile-share-dialog .share-profile-modal .share-action.primary { margin-left: auto; border-color: var(--share-text) !important; background: var(--share-text) !important; color: var(--share-bg) !important; }
.popup-share.profile-share-dialog .share-profile-modal :is(.share-link-preview button, .share-action.secondary):hover { background: var(--share-soft) !important; }
.popup-share.profile-share-dialog .share-profile-modal .share-copy-status { min-height: 22px; margin-top: 12px; color: var(--share-muted); font-size: 12px; }
.popup-share.profile-share-dialog :is(button, a):focus-visible { outline: 2px solid var(--share-muted) !important; outline-offset: 4px; }
:is(html, body).higen-theme-dark .popup-share.profile-share-dialog { --share-bg: #18181b; --share-text: #f4f4f5; --share-muted: #a1a1aa; --share-border: #3f3f46; --share-soft: #27272a; }
html.higen-theme-dark .popup-share.profile-share-dialog .popup-content { background: var(--share-bg) !important; border-color: var(--share-border) !important; color: var(--share-text) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal :is(h2, .share-link-preview span, textarea) { color: var(--share-text) !important; -webkit-text-fill-color: var(--share-text) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal :is(p, .share-message-label) { color: var(--share-muted) !important; -webkit-text-fill-color: var(--share-muted) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal :is(.share-link-preview, textarea) { background: var(--share-bg) !important; border-color: var(--share-border) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal textarea { min-height: 196px !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal :is(.share-link-preview button, .share-action) { color: var(--share-text) !important; -webkit-text-fill-color: var(--share-text) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .share-profile-modal .share-action.primary { color: var(--share-bg) !important; -webkit-text-fill-color: var(--share-bg) !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .popup-content button.share-close { background: transparent !important; box-shadow: none !important; }
html.higen-theme-dark .popup-share.profile-share-dialog .popup-content button.share-close::before,
html.higen-theme-dark .popup-share.profile-share-dialog .popup-content button.share-close::after { background: var(--share-muted) !important; }
@media (max-width: 600px) {
  .popup-share.profile-share-dialog { padding: 12px; }
  .popup-share.profile-share-dialog .popup-content { max-height: calc(var(--higen-visual-height, 100dvh) - 24px); border-radius: 24px; }
  .popup-share.profile-share-dialog .share-profile-modal { padding: 32px 24px 16px; }
  .popup-share.profile-share-dialog .share-hero { margin-bottom: 24px; padding-right: 24px; }
  .popup-share.profile-share-dialog .share-hero h2 { font-size: 26px; }
  .popup-share.profile-share-dialog .share-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .popup-share.profile-share-dialog .share-profile-modal .share-action { width: 100%; }
  .popup-share.profile-share-dialog .share-profile-modal .share-action.primary { grid-column: 1 / -1; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .popup-share.profile-share-dialog * { transition: none !important; } }
