:root {
  --mc-radius-panel: 34px;
  --mc-radius-modal: 28px;
  --mc-radius-popover: 22px;
  --mc-radius-control: 14px;
  --mc-radius-button: 12px;
  --mc-control-height: 48px;
  --mc-action-height: 42px;
  --mc-social-button-bg: #4f5dff;
  --mc-social-button-color: #ffffff;
  --mc-social-button-shadow: 0 12px 24px rgba(79, 93, 255, 0.22);
  --mc-modal-blur: blur(26px) saturate(1.28);
  --mc-popover-blur: blur(24px) saturate(1.24);
  --mc-field-blur: blur(18px) saturate(1.12);
  --mc-overlay-blur: blur(12px) saturate(1.08);
}

:root[data-theme="night"] {
  --mc-social-button-shadow: 0 12px 26px rgba(79, 93, 255, 0.28);
}

:where(
  .profile-social-modal__surface,
  .profile-edit-modal__card,
  .profile-photo-crop-modal__card,
  .c1-likes-modal__surface,
  .amenities-modal__inner,
  .notification-panel,
  .share-dialog__inner,
  .auth-modal__card,
  .locale-modal__card,
  .mobile-menu-panel,
  .messages-people-dialog,
  .messages-reactions-sheet__panel,
  .messages-attachment-viewer__file
) {
  border: 1px solid var(--liquid-glass-border);
  background: var(--liquid-glass-float);
  box-shadow: var(--liquid-glass-shadow);
  backdrop-filter: var(--mc-modal-blur);
  -webkit-backdrop-filter: var(--mc-modal-blur);
  isolation: isolate;
}

:where(
  .profile-social-modal__surface,
  .profile-edit-modal__card,
  .profile-photo-crop-modal__card,
  .c1-likes-modal__surface,
  .amenities-modal__inner,
  .notification-panel,
  .share-dialog__inner,
  .auth-modal__card,
  .locale-modal__card,
  .mobile-menu-panel
)::before {
  background: var(--liquid-glass-top-sheen);
}

:where(
  .profile-social-modal__surface,
  .profile-edit-modal__card,
  .profile-photo-crop-modal__card,
  .c1-likes-modal__surface,
  .amenities-modal__inner,
  .notification-panel,
  .share-dialog__inner,
  .auth-modal__card,
  .locale-modal__card,
  .mobile-menu-panel
)::after {
  border: 1px solid var(--liquid-glass-inner-border);
}

:where(.profile-social-modal__backdrop, .auth-modal, .locale-modal, .messages-reactions-sheet__backdrop),
:where(.c1-likes-modal, .share-dialog, .messages-people-dialog, .amenities-modal)::backdrop {
  backdrop-filter: var(--mc-overlay-blur);
  -webkit-backdrop-filter: var(--mc-overlay-blur);
}

:where(.c1-likes-modal__search, .share-dialog__search, .messages-people-dialog__search) {
  min-height: var(--mc-control-height);
  border: 1px solid var(--liquid-glass-inner-border);
  border-radius: var(--mc-radius-control);
  background: var(--liquid-glass-item-active-bg);
  color: var(--theme-text-muted);
  box-shadow: var(--liquid-glass-shadow-soft);
  backdrop-filter: var(--mc-field-blur);
  -webkit-backdrop-filter: var(--mc-field-blur);
}

:where(.profile-social-modal__follow, .c1-likes-modal__follow, .search-user-result__follow, .notification-item__action, .messages-people-dialog__submit) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  min-height: var(--mc-action-height);
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--mc-radius-button);
  background: var(--mc-social-button-bg);
  color: var(--mc-social-button-color);
  box-shadow: var(--mc-social-button-shadow);
  font: inherit;
  font-size: 0.94rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

:where(.profile-social-modal__follow, .c1-likes-modal__follow, .search-user-result__follow, .notification-item__action, .messages-people-dialog__submit)[aria-pressed="true"],
:where(.profile-social-modal__follow, .c1-likes-modal__follow, .search-user-result__follow, .notification-item__action, .messages-people-dialog__submit).is-following {
  border-color: var(--liquid-glass-inner-border);
  background: var(--liquid-glass-item-active-bg);
  color: var(--theme-text);
  box-shadow: none;
}

:where(.profile-social-modal__follow, .c1-likes-modal__follow, .search-user-result__follow, .notification-item__action, .messages-people-dialog__submit)[aria-busy="true"] {
  cursor: progress;
  opacity: 0.68;
}

:where(.profile-social-modal__item, .c1-likes-modal__item, .search-user-result) {
  transition: background-color 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

:where(.profile-social-modal__item, .c1-likes-modal__item, .search-user-result):hover,
:where(.profile-social-modal__item, .c1-likes-modal__item, .search-user-result):focus-within {
  background: var(--liquid-glass-item-active-bg);
}

:where(.profile-social-modal__state, .c1-likes-modal__state) {
  color: var(--theme-text-muted);
  font-weight: 650;
  line-height: 1.45;
}