/* Profile flyout hardfix: keeps search and followers/following as small popups, never page content. */
.hidden{display:none!important}

.top-search-form{position:relative!important;z-index:2147482000!important}
.top-search-form [data-top-search-suggest]{display:none!important}
.top-search-flyout{
  position:fixed!important;
  z-index:2147483000!important;
  display:block!important;
  box-sizing:border-box!important;
  max-height:min(340px,calc(100vh - 24px))!important;
  overflow:auto!important;
  border-radius:16px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.22)!important;
  padding:8px!important;
  color:#0f172a!important;
}
.top-search-flyout.hidden{display:none!important}
.top-search-flyout-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:48px!important;
  padding:8px!important;
  border-radius:12px!important;
  text-decoration:none!important;
  color:#0f172a!important;
  line-height:1.15!important;
}
.top-search-flyout-row:hover{background:#eef7f1!important}
.top-search-flyout-avatar,
.top-search-flyout-row img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  display:block!important;
  aspect-ratio:1/1!important;
}
.top-search-flyout-text{display:block!important;min-width:0!important;overflow:hidden!important}
.top-search-flyout-text strong{display:block!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#0f172a!important}
.top-search-flyout-text small{display:block!important;font-size:11px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.top-search-flyout-empty{padding:12px!important;font-size:13px!important;color:#64748b!important;text-align:center!important}

/* Kill the old page/modal renderer if another asset fails to load. */
.profile-social-modal.hidden{display:none!important}
.profile-social-modal:not(.hidden){
  position:fixed!important;
  z-index:2147482500!important;
  left:12px!important;
  top:12px!important;
  width:min(330px,calc(100vw - 24px))!important;
  height:auto!important;
  max-height:420px!important;
  overflow:visible!important;
  background:transparent!important;
}
.profile-social-modal .profile-social-backdrop{display:none!important}
.profile-social-modal .profile-social-dialog{
  width:100%!important;
  max-width:330px!important;
  max-height:420px!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 20px 48px rgba(15,23,42,.25)!important;
  border:1px solid rgba(15,23,42,.12)!important;
  padding:10px!important;
}
.profile-social-modal img,
.profile-social-list img,
.profile-social-user img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  aspect-ratio:1/1!important;
}

.profile-social-flyout{
  position:fixed!important;
  z-index:2147483200!important;
  display:block!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 22px 55px rgba(15,23,42,.26)!important;
  padding:10px!important;
  color:#0f172a!important;
  max-height:min(390px,calc(100vh - 24px))!important;
  overflow:auto!important;
}
.profile-social-flyout.hidden{display:none!important}
.profile-social-flyout-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:4px 4px 8px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  margin-bottom:6px!important;
}
.profile-social-flyout-head strong{font-size:14px!important;font-weight:900!important;color:#0f172a!important}
.profile-social-flyout-close{
  appearance:none!important;
  border:0!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#eef2f7!important;
  color:#0f172a!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.profile-social-flyout-list{display:grid!important;gap:6px!important;max-height:250px!important;overflow:auto!important}
.profile-social-flyout-user{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:12px!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
.profile-social-flyout-user:hover{background:#eef7f1!important}
.profile-social-flyout-avatar,
.profile-social-flyout-user img{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  aspect-ratio:1/1!important;
  display:block!important;
}
.profile-social-flyout-user span{min-width:0!important;overflow:hidden!important;display:block!important}
.profile-social-flyout-user strong{display:block!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#0f172a!important}
.profile-social-flyout-user small{display:block!important;font-size:11px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.profile-social-flyout-more{
  width:100%!important;
  border:0!important;
  border-radius:999px!important;
  background:#0f172a!important;
  color:#fff!important;
  font-weight:800!important;
  padding:9px 12px!important;
  margin-top:8px!important;
  cursor:pointer!important;
}
.profile-social-flyout-more.hidden{display:none!important}
.profile-social-flyout-status{padding:8px!important;text-align:center!important;font-size:12px!important;color:#64748b!important}

.profile-stat-pop-btn{
  cursor:pointer!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  border-radius:12px!important;
}
.profile-stat-pop-btn:hover{background:#eef7f1!important;transform:translateY(-1px)!important}

.profile-viewers-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483300!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
.profile-viewers-modal.hidden{display:none!important}
.profile-viewers-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,23,42,.48)!important;
  backdrop-filter:blur(10px)!important;
}
.profile-viewers-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-height:min(720px,calc(100dvh - 32px))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.98)!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.32)!important;
}
.profile-viewers-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px 12px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.profile-viewers-head strong{display:block!important;font-size:18px!important;font-weight:950!important;color:#0f172a!important;line-height:1.15!important}
.profile-viewers-head small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#64748b!important;font-weight:800!important}
.profile-viewers-close{
  appearance:none!important;
  border:0!important;
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  background:#eef2f7!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.profile-viewers-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 170px!important;
  gap:10px!important;
  padding:12px 18px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.profile-viewers-controls label{display:grid!important;gap:5px!important;min-width:0!important;font-size:11px!important;font-weight:900!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.profile-viewers-controls input,
.profile-viewers-controls select{
  width:100%!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(15,23,42,.14)!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  padding:8px 11px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.profile-viewers-list{
  display:grid!important;
  gap:8px!important;
  padding:12px 14px!important;
  overflow:auto!important;
  min-height:160px!important;
}
.profile-viewer-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:9px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
.profile-viewer-row:hover{background:#eef7f1!important;border-color:rgba(24,119,242,.18)!important}
.profile-viewer-profile-link{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) minmax(112px,auto)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
.profile-viewer-avatar{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  display:block!important;
}
.profile-viewer-main,
.profile-viewer-meta{display:block!important;min-width:0!important;overflow:hidden!important}
.profile-viewer-main strong,
.profile-viewer-meta b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#0f172a!important}
.profile-viewer-main strong{font-size:14px!important;font-weight:950!important}
.profile-viewer-main small,
.profile-viewer-meta small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#64748b!important;font-size:12px!important;font-weight:800!important}
.profile-viewer-meta{text-align:right!important}
.profile-viewer-meta b{font-size:12px!important;font-weight:950!important;color:#1877f2!important}
.profile-viewer-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.profile-viewer-action-btn{
  appearance:none!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  min-height:26px!important;
  padding:0 8px!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.profile-viewer-action-btn:hover{background:#eaf3ff!important;border-color:rgba(24,119,242,.24)!important;color:#0b5ed7!important}
.profile-viewer-action-btn:disabled{opacity:.55!important;cursor:wait!important}
.profile-viewer-bookmark-btn.is-active{background:#e8f1ff!important;border-color:rgba(24,119,242,.32)!important;color:#0b5ed7!important}
.profile-viewer-action-btn.is-danger{background:#fff7f7!important;border-color:rgba(220,38,38,.18)!important;color:#b91c1c!important}
.profile-viewer-action-btn.is-danger:hover{background:#fee2e2!important;border-color:rgba(220,38,38,.28)!important;color:#991b1b!important}
.profile-viewers-more{
  align-self:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#1877f2!important;
  color:#fff!important;
  font-weight:950!important;
  padding:10px 18px!important;
  margin:0 16px 12px!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(24,119,242,.22)!important;
}
.profile-viewers-more.hidden{display:none!important}
.profile-viewers-status,
.profile-viewers-empty{
  padding:14px!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:center!important;
}
.profile-viewers-sentinel{height:1px!important}

/* Extra guard for the accidental bottom-left profile list regression. */
body > .profile-social-list,
body > .profile-social-user,
body > [data-profile-social-list]{display:none!important}

@media(max-width:640px){
  .top-search-flyout{left:10px!important;width:calc(100vw - 20px)!important}
  .profile-social-flyout{left:10px!important;width:calc(100vw - 20px)!important;max-height:70vh!important}
  .profile-viewers-modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  .profile-viewers-dialog{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}
  .profile-viewers-head{padding:14px 14px 10px!important}
  .profile-viewers-controls{grid-template-columns:1fr!important;padding:10px 14px!important}
  .profile-viewers-list{padding:10px!important;min-height:0!important;flex:1!important}
  .profile-viewer-row{grid-template-columns:1fr!important;align-items:start!important}
  .profile-viewer-profile-link{grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important}
  .profile-viewer-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .profile-viewer-meta{grid-column:2!important;text-align:left!important;margin-top:-3px!important}
  .profile-viewer-actions{padding-left:52px!important;justify-content:flex-start!important;margin-top:-2px!important}
  .profile-viewer-action-btn{min-height:25px!important;padding:0 7px!important;font-size:10.5px!important}
}