.header__btn-ctrl--circle {cursor: pointer;}
.header__btn-ctrl--circle.is-active {color: var(--accent);}
.header__btn-ctrl--circle.is-empty {opacity: .72;}
.header__btn-ctrl--circle.is-empty:hover {opacity: 1;}
.uprofile__btn-social {width: auto; min-width: 128px; max-width: 100%; flex: 0 1 auto; padding: 0 14px; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0; white-space: nowrap; justify-content: center;}
.uprofile__btn-social .fal {flex: 0 0 auto;}
.uprofile__btn-social .js-social-follow-label {min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.uprofile__btn-social.is-active {background: var(--bg-lighter-2); color: var(--accent);}
.uprofile__btn-social.is-active:hover {background: var(--bg-lighter); color: var(--accent);}
.social-circle__header {margin-bottom: 12px;}
.social-viewer {display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid rgba(255,163,50,0.22); border-radius: 8px; background: linear-gradient(135deg, rgba(255,163,50,0.08), var(--bg-lighter));}
.social-viewer > .fal {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background: rgba(255,163,50,0.13); color: var(--accent); font-size: 17px;}
.social-viewer div {min-width: 0;}
.social-viewer strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tt); font-size: 15px; font-weight: 800; line-height: 1.2;}
.social-viewer small {display: block; margin-top: 5px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-dashboard {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 14px 0 22px;}
.social-dashboard--radar {grid-template-columns: repeat(4, minmax(0, 1fr));}
.social-stat {display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 68px; padding: 14px 16px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); color: var(--tt); text-decoration: none;}
.social-stat--signal {border-color: rgba(255,163,50,0.32); background: linear-gradient(135deg, rgba(255,163,50,0.08), var(--bg-lighter));}
.social-stat--link {cursor: pointer; transition: border-color .18s, background .18s, transform .18s;}
.social-stat--link:hover {border-color: rgba(255,163,50,0.48); background: var(--bg-lighter-2); color: var(--tt); transform: translateY(-1px);}
.social-stat > .fal {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background: rgba(255,163,50,0.12); color: var(--accent); font-size: 17px;}
.social-stat strong {display: block; font-size: 20px; font-weight: 800; line-height: 1;}
.social-stat small {display: block; margin-top: 6px; color: var(--tt-darker); font-size: 12px; line-height: 1.25;}
.social-content {display: flex; flex-direction: column; gap: 24px;}
.social-content .social-section {margin-top: 0;}
.social-content--starter .social-section--suggestions {order: -1; margin-top: 0;}
.social-section {margin-top: 24px;}
.social-section:first-child {margin-top: 0;}
.social-section--primary {margin-top: 0;}
.social-section__head {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;}
.social-section__head--stack {align-items: flex-start;}
.social-section__title {font-size: 18px; font-weight: 800; color: var(--tt); line-height: 1.2;}
.social-section__title .fal {margin-right: 9px; color: var(--accent);}
.social-filters {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px;}
.social-filter {display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); color: var(--tt-darker); font-size: 12px; font-weight: 800; text-decoration: none;}
.social-filter:hover {border-color: rgba(255,163,50,0.42); color: var(--accent);}
.social-filter.is-active {background: var(--accent); color: #000; border-color: var(--accent);}
.social-filter.is-active .fal {color: #000;}
.social-search {margin-bottom: 12px; padding: 12px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter);}
.social-search__label {display: block; margin-bottom: 8px; color: var(--tt); font-size: 13px; font-weight: 800; line-height: 1.2;}
.social-search__box {display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 1px solid rgba(255,163,50,0.22); border-radius: 8px; background: var(--bg);}
.social-search__box .fal {flex: 0 0 auto; color: var(--accent);}
.social-search__input {width: 100%; height: 42px; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--tt); font: inherit; font-size: 14px;}
.social-search__input::placeholder {color: var(--tt-darker);}
.social-search__hint {display: block; margin-top: 8px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-search__results {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px;}
.social-search__results[hidden] {display: none;}
.social-search__state {grid-column: 1 / -1; min-height: 44px; padding: 12px; border: 1px dashed rgba(255,163,50,0.22); border-radius: 8px; color: var(--tt-darker); font-size: 13px; line-height: 1.35;}
.social-people, .social-feed, .social-suggestions {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.social-person, .social-suggest {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 72px; padding: 12px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); transition: border-color .18s, background .18s, opacity .18s, transform .18s;}
.social-suggest {background: linear-gradient(135deg, rgba(255,163,50,0.06), var(--bg-lighter));}
.social-suggest:hover {border-color: rgba(255,163,50,0.36); background: var(--bg-lighter-2);}
.social-person__main {display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--tt); text-decoration: none;}
.social-person__main:hover strong {color: var(--accent);}
.social-person__avatar {flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--bg-lighter-2);}
.social-person__body {min-width: 0;}
.social-person__body strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 800; line-height: 1.2;}
.social-person__body small {display: block; margin-top: 4px; color: var(--tt-darker); font-size: 12px; line-height: 1.25;}
.social-person__unfollow {flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 0 12px; border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; background: var(--bg-lighter-2); color: var(--tt-darker); font-family: inherit; font-size: 12px; font-weight: 800; cursor: pointer; transition: border-color .18s, color .18s, background .18s, opacity .18s;}
.social-person__unfollow:hover {border-color: rgba(255,163,50,0.42); color: var(--accent);}
.social-person__unfollow.is-loading {opacity: .6; pointer-events: none;}
.social-person__unfollow:disabled {opacity: .55; cursor: not-allowed;}
.social-person__unfollow:disabled:hover {border-color: rgba(255,255,255,0.08); color: var(--tt-darker);}
.social-suggest__follow.is-active {background: rgba(255,163,50,0.13); border-color: rgba(255,163,50,0.34); color: var(--accent);}
.social-feed__item {display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 68px; padding: 14px 16px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); color: var(--tt); text-decoration: none; transition: border-color .18s, background .18s, transform .18s, opacity .18s;}
.social-feed__item:hover {border-color: rgba(255,163,50,0.48); background: var(--bg-lighter-2); color: var(--tt); transform: translateY(-1px);}
.social-feed__item > .fal {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 8px; background: rgba(255,163,50,0.12); color: var(--accent); font-size: 17px;}
.social-feed__item > div {min-width: 0;}
.social-feed__item strong {display: block; font-size: 14px; font-weight: 800; line-height: 1.25;}
.social-feed__item small {display: block; margin-top: 4px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-person.is-removing, .social-suggest.is-removing, .social-feed__item.is-removing {opacity: 0; transform: translateY(-4px);}
.social-empty {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 116px; padding: 22px 16px; border: 1px dashed rgba(255,163,50,0.24); border-radius: 8px; background: rgba(255,255,255,0.02); color: var(--tt-darker); text-align: center;}
.social-empty[hidden] {display: none;}
.social-empty .fal {margin-bottom: 10px; color: var(--accent); font-size: 22px;}
.social-empty strong {display: block; color: var(--tt); font-size: 14px; font-weight: 800;}
.social-empty small {display: block; max-width: 360px; margin-top: 6px; font-size: 12px; line-height: 1.35;}
.social-toast {position: fixed; right: 18px; bottom: 18px; z-index: 9999; display: flex; align-items: center; gap: 10px; max-width: min(420px, calc(100vw - 24px)); padding: 13px 14px; border: 1px solid rgba(255,163,50,0.32); border-radius: 8px; background: var(--bg-lighter-2); color: var(--tt); box-shadow: 0 14px 34px rgba(0,0,0,.28); opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s;}
.social-toast.is-visible {opacity: 1; transform: translateY(0);}
.social-toast > .fal {color: var(--accent); flex: 0 0 auto;}
.social-toast a {margin-left: 4px; color: var(--accent); font-weight: 800; white-space: nowrap;}
.social-mini {margin-top: 24px;}
.social-mini__head {justify-content: space-between; gap: 14px;}
.social-mini__head .sect__title .fal {margin-right: 9px; color: var(--accent);}
.social-mini__all {display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border: 1px solid rgba(255,163,50,0.18); border-radius: 8px; color: var(--tt-darker); font-size: 12px; font-weight: 800; text-decoration: none;}
.social-mini__all:hover {border-color: rgba(255,163,50,0.42); color: var(--accent);}
.social-mini__list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.social-mini__item {display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 66px; padding: 13px 14px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); color: var(--tt); text-decoration: none; transition: border-color .18s, background .18s, transform .18s;}
.social-mini__item:hover {border-color: rgba(255,163,50,0.44); background: var(--bg-lighter-2); color: var(--tt); transform: translateY(-1px);}
.social-mini__item > .fal {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: rgba(255,163,50,0.12); color: var(--accent); font-size: 16px;}
.social-mini__body {display: block; min-width: 0;}
.social-mini__body strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 800; line-height: 1.25;}
.social-mini__body small {display: block; margin-top: 4px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-mini__empty {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 132px; padding: 22px 16px; border: 1px dashed rgba(255,163,50,0.24); border-radius: 8px; background: rgba(255,255,255,0.02); text-align: center;}
.social-mini__empty > .fal {margin-bottom: 10px; color: var(--accent); font-size: 24px;}
.social-mini__empty strong {color: var(--tt); font-size: 15px; font-weight: 800;}
.social-mini__empty small {max-width: 410px; margin-top: 6px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-mini__cta {display: inline-flex; align-items: center; justify-content: center; min-height: 34px; margin-top: 12px; padding: 0 13px; border-radius: 8px; background: var(--accent); color: #000; font-size: 12px; font-weight: 800; text-decoration: none;}
.social-mini__cta:hover {background: var(--accent-darker); color: #000;}
.social-profile-preview {margin-top: 16px;}
.social-profile-preview__head {justify-content: space-between; gap: 12px;}
.social-profile-preview__head .sect__title .fal {margin-right: 9px; color: var(--accent);}
.social-profile-preview__status {flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border: 1px solid rgba(255,163,50,0.18); border-radius: 8px; color: var(--tt-darker); font-size: 12px; font-weight: 800;}
.social-profile-preview.is-active .social-profile-preview__status {border-color: rgba(255,163,50,0.42); background: rgba(255,163,50,0.12); color: var(--accent);}
.social-profile-preview__list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}
.social-profile-preview__item {display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 68px; padding: 13px 14px; border: 1px solid rgba(255,163,50,0.16); border-radius: 8px; background: var(--bg-lighter); color: var(--tt); text-decoration: none; transition: border-color .18s, background .18s, transform .18s;}
.social-profile-preview__item:hover {border-color: rgba(255,163,50,0.44); background: var(--bg-lighter-2); color: var(--tt); transform: translateY(-1px);}
.social-profile-preview__item > .fal {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: rgba(255,163,50,0.12); color: var(--accent); font-size: 16px;}
.social-profile-preview__item > span {display: block; min-width: 0;}
.social-profile-preview__item strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 800; line-height: 1.25;}
.social-profile-preview__item small {display: block; margin-top: 4px; color: var(--tt-darker); font-size: 12px; line-height: 1.35;}
.social-profile-preview__open {display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 34px; margin-top: 12px; padding: 0 13px; border-radius: 8px; background: var(--accent); color: #000; font-size: 12px; font-weight: 800; text-decoration: none; box-sizing: border-box;}
.social-profile-preview__open:hover {background: var(--accent-darker); color: #000;}
.social-profile-preview__empty {display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 13px 14px; border: 1px dashed rgba(255,163,50,0.24); border-radius: 8px; background: rgba(255,255,255,0.02); color: var(--tt-darker);}
.social-profile-preview__empty .fal {color: var(--accent);}
.social-profile-preview__empty strong {color: var(--tt); font-size: 14px; font-weight: 800;}
.social-guest {display: flex; align-items: center; justify-content: center; min-height: 320px;}
.social-guest__box {width: 100%; max-width: 520px; padding: 34px 24px; border: 1px solid rgba(255,163,50,0.22); border-radius: 8px; background: var(--bg-lighter); text-align: center;}
.social-guest__box > .fal {display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 8px; background: rgba(255,163,50,0.13); color: var(--accent); font-size: 22px;}
.social-guest__box h1 {margin: 0; color: var(--tt); font-size: 24px; font-weight: 800; line-height: 1.2;}
.social-guest__box p {max-width: 420px; margin: 10px auto 0; color: var(--tt-darker); font-size: 14px; line-height: 1.45;}
.social-guest__login {display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 18px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--accent); color: #000; font-family: inherit; font-size: 13px; font-weight: 800; cursor: pointer;}
.social-guest__login:hover {background: var(--accent-darker);}
@media screen and (max-width: 768px) {
	.uprofile__btn-social {flex: 1 1 0; min-width: 0;}
	.social-dashboard, .social-people, .social-feed, .social-suggestions, .social-search__results {grid-template-columns: 1fr;}
	.social-dashboard--radar {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.social-viewer {align-items: flex-start;}
	.social-viewer strong {white-space: normal;}
	.social-mini__list {grid-template-columns: 1fr;}
	.social-profile-preview__head {display: block;}
	.social-profile-preview__status {margin-top: 10px;}
	.social-profile-preview__list {grid-template-columns: 1fr;}
	.social-section__head--stack {display: block;}
	.social-filters {justify-content: flex-start; margin-top: 10px;}
	.social-person, .social-suggest, .social-person__main {align-items: flex-start;}
	.social-person__unfollow {min-width: 44px; min-height: 44px; padding: 0 10px;}
	.social-person__unfollow .js-social-follow-label {display: inline;}
}