html,
body,
#singlehub-app,
#singlehub-app * {
    scroll-behavior: auto !important;
}

#singlehub-app.singlehub-app {
    --bg: #eef4fb;
    --panel: #ffffff;
    --panel-soft: #f7f9fc;
    --ink: #243246;
    --muted: #728198;
    --muted-2: #9ba8ba;
    --line: #dbe4ef;
    --blue: #2c7be5;
    --blue-soft: #d9ebff;
    --accent: #D4322C;
    --accent-dark: #a92722;
    --accent-soft: #fde8e6;
    --highlight-blue: #2c7be5;
    --highlight-blue-soft: #eef5ff;
    --soft: #8c9aab;
    --nav: #263545;
    --nav-soft: #314254;
    --nav-text: #b9c5d4;
    --danger: #d72f2f;
    --green: #06c879;
    --success-button-bg: #65c900;
    --success-button-border: #56b900;
    --success-button-hover-bg: #5dbd00;
    --success-button-hover-border: #50ac00;
    --success-button-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
    --success-button-hover-shadow: 0 0 0 3px rgba(101, 201, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .12);
    --shadow: 0 8px 24px rgba(31, 48, 72, .12);
    --radius: 6px;
    --bottom-nav-space: calc(72px + env(safe-area-inset-bottom));
    --profile-card-width: 316px;
    width: 100%;
    min-height: 100vh;
    color: var(--ink);
    background:
        radial-gradient(circle at 80% -20%, rgba(255, 255, 255, .82), transparent 22rem),
        var(--bg);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.35;
    letter-spacing: 0;
    isolation: isolate;
}

#singlehub-app.singlehub-app--theme-dark {
    color-scheme: dark;
    --bg: #101722;
    --panel: #172230;
    --panel-soft: #1c2938;
    --ink: #e7edf6;
    --muted: #a4b2c4;
    --muted-2: #7f8da1;
    --line: #2b3b4f;
    --blue: #67a7ff;
    --blue-soft: #203a5b;
    --accent: #D4322C;
    --accent-dark: #b62521;
    --accent-soft: rgba(212, 50, 44, .24);
    --highlight-blue: #67a7ff;
    --highlight-blue-soft: #203a5b;
    --soft: #7f8da1;
    --nav: #172331;
    --nav-soft: #223247;
    --nav-text: #bac8d9;
    --danger: #f14e55;
    --green: #28d990;
    --success-button-bg: #078a59;
    --success-button-border: #28d990;
    --success-button-hover-bg: #099a61;
    --success-button-hover-border: #78efb9;
    --success-button-shadow: inset 0 0 0 1px rgba(214, 255, 235, .12), inset 0 -1px 0 rgba(0, 0, 0, .2);
    --success-button-hover-shadow: 0 0 0 3px rgba(40, 217, 144, .16), inset 0 0 0 1px rgba(214, 255, 235, .16);
    --shadow: 0 14px 32px rgba(1, 7, 15, .36);
}

body.singlehub-app-template {
    margin: 0 !important;
    background: #eef4fb;
    overflow-x: hidden;
}

html.theme-dark {
    background: #101722;
    color-scheme: dark;
}

html.theme-dark body.singlehub-app-template,
body.singlehub-app-template.singlehub-theme-dark {
    color: #e7edf6;
    background:
        radial-gradient(circle at 78% -18%, rgba(58, 111, 165, .24), transparent 24rem),
        linear-gradient(180deg, #121c29 0%, #101722 44%, #0e1520 100%);
}

body.singlehub-app-template #wpadminbar {
    display: none !important;
}

#singlehub-app *,
#singlehub-app *::before,
#singlehub-app *::after {
    box-sizing: border-box;
}

#singlehub-app [hidden] {
    display: none !important;
}

#singlehub-app a {
    color: inherit;
    text-decoration: none;
}

#singlehub-app button,
#singlehub-app input,
#singlehub-app textarea,
#singlehub-app select {
    font: inherit;
}

#singlehub-app button {
    cursor: pointer;
}

#singlehub-app :focus-visible {
    outline: 2px solid rgba(44, 123, 229, .55);
    outline-offset: 2px;
}

#singlehub-app #singlehub-main:focus,
#singlehub-app #singlehub-main:focus-visible {
    outline: 0;
}

#singlehub-app .screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.entry-content #singlehub-app.singlehub-app,
.ct-container #singlehub-app.singlehub-app {
    max-width: none;
}

#singlehub-app .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: 72px;
    background: rgba(238, 244, 251, .74);
    border-bottom: 1px solid transparent;
    box-shadow: none;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.admin-bar #singlehub-app .site-header {
    top: 0;
}

#singlehub-app .site-header.is-scrolled {
    background: rgba(238, 244, 251, .82);
    border-bottom-color: rgba(195, 209, 226, .46);
    box-shadow: 0 10px 30px rgba(42, 58, 79, .12);
}

#singlehub-app .site-header-grid,
#singlehub-app .dashboard {
    width: min(100%, 1600px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 258px minmax(700px, 1fr) 318px;
    gap: 16px;
}

#singlehub-app .site-header-grid {
    height: 100%;
    align-items: start;
    padding: 0 16px;
}

#singlehub-app .dashboard {
    min-height: 100vh;
    padding: 78px 16px 28px;
}

body.admin-bar #singlehub-app .dashboard {
    padding-top: 78px;
}

#singlehub-app .brand-row {
    height: 64px;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 8px;
    padding: 14px 14px 0;
}

#singlehub-app .menu-button {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 6px;
    display: grid;
    place-items: center;
    color: #415269;
    background: transparent;
    padding: 0;
}

#singlehub-app .menu-button svg,
#singlehub-app .menu-icon {
    width: 22px;
    height: 22px;
}

#singlehub-app .logo {
    width: 112px;
    height: 43px;
    display: flex;
    align-items: center;
}

#singlehub-app .logo img {
    width: auto;
    max-width: 112px;
    max-height: 43px;
    height: auto;
    display: block;
}

#singlehub-app .logo .logo-img-dark {
    display: none;
}

html.theme-dark #singlehub-app .logo .logo-img-light,
#singlehub-app.singlehub-app--theme-dark .logo .logo-img-light {
    display: none;
}

html.theme-dark #singlehub-app .logo .logo-img-dark,
#singlehub-app.singlehub-app--theme-dark .logo .logo-img-dark {
    display: block;
}

#singlehub-app .topbar {
    height: 64px;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-top: 19px;
}

#singlehub-app .search {
    width: min(100%, var(--profile-card-width));
    height: 40px;
    border: 1px solid #d1dbe8;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 22px 1fr;
    align-items: center;
    gap: 9px;
    padding: 0 14px;
    color: #9aabc0;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 8px 22px rgba(48, 64, 86, .08);
}

#singlehub-app .search svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .search input {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--ink);
    background: transparent;
    font-size: 16px;
}

#singlehub-app .search input::placeholder {
    color: #9aabc0;
}

#singlehub-app .singlehub-global-search {
    position: relative;
    display: block;
    padding: 0;
}

#singlehub-app .singlehub-global-search__field {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 22px 1fr;
    align-items: center;
    gap: 9px;
    padding: 0 14px;
}

#singlehub-app .singlehub-global-search__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 120;
    width: min(520px, calc(100vw - 28px));
    max-height: min(70vh, 560px);
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #26364a;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 7px;
    box-shadow: 0 16px 38px rgba(31, 48, 72, .2);
    padding: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(78, 100, 128, .22) transparent;
}

#singlehub-app .singlehub-global-search__panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-global-search__state {
    padding: 10px 12px;
    color: #728198;
    font-size: 13px;
}

#singlehub-app .singlehub-global-search__state[hidden] {
    display: none;
}

#singlehub-app .singlehub-global-search__group + .singlehub-global-search__group {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf2f7;
}

#singlehub-app .singlehub-global-search__label {
    padding: 5px 8px 6px;
    color: #7f8fa3;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

#singlehub-app .singlehub-global-search__item,
#singlehub-app .singlehub-global-search__notice,
#singlehub-app .singlehub-global-search__all {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 7px 8px;
    color: #26364a;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .singlehub-global-search__all {
    min-height: 38px;
    display: block;
    margin-top: 8px;
    padding: 9px 10px;
    color: #2c7be5;
    font-weight: 800;
    text-align: center;
    border-top: 1px solid #edf2f7;
}

#singlehub-app .singlehub-global-search__notice {
    margin-bottom: 8px;
    color: #6d4b12;
    background: #fff7df;
    border: 1px solid #f1d99c;
}

#singlehub-app .singlehub-global-search__item:hover,
#singlehub-app .singlehub-global-search__item:focus-visible,
#singlehub-app .singlehub-global-search__item.is-active,
#singlehub-app .singlehub-global-search__notice:hover,
#singlehub-app .singlehub-global-search__notice:focus-visible,
#singlehub-app .singlehub-global-search__notice.is-active,
#singlehub-app .singlehub-global-search__all:hover,
#singlehub-app .singlehub-global-search__all:focus-visible,
#singlehub-app .singlehub-global-search__all.is-active {
    outline: 0;
    background: #eef5ff;
}

#singlehub-app .singlehub-global-search__avatar,
#singlehub-app .singlehub-global-search__icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #2c7be5;
    background: #eaf3ff;
    background-position: center;
    background-size: cover;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-global-search__icon svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .singlehub-global-search__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .singlehub-global-search__copy strong,
#singlehub-app .singlehub-global-search__copy span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-global-search__copy strong {
    color: #26364a;
    font-size: 14px;
    font-weight: 800;
}

#singlehub-app .singlehub-global-search__copy span {
    color: #728198;
    font-size: 12px;
}

#singlehub-app .top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    color: #516276;
}

#singlehub-app .main-actions {
    display: none;
}

#singlehub-app .rail-actions {
    height: 64px;
    padding-right: 8px;
    padding-top: 14px;
}

#singlehub-app .icon-button {
    position: relative;
    width: 28px;
    height: 28px;
    border: 0;
    display: grid;
    place-items: center;
    color: #536579;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .icon-button svg {
    width: 25px;
    height: 25px;
}

#singlehub-app .moon {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #1f6fd0;
    background: #dcecff;
    padding: 0;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

#singlehub-app .moon:hover,
#singlehub-app .moon:focus-visible {
    background: #cfe4ff;
    box-shadow: 0 0 0 4px rgba(44, 123, 229, .11);
    outline: 0;
}

#singlehub-app .moon svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .badge-dot,
#singlehub-app .singlehub-badge--counter {
    position: absolute;
    top: -8px;
    right: -7px;
    min-width: 18px;
    height: 16px;
    border-radius: 5px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: #fff;
    background: #d62f2f;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

#singlehub-app .badge-dot.is-hidden,
#singlehub-app .badge-dot[hidden] {
    display: none;
}

#singlehub-app .notification-menu {
    position: relative;
    display: grid;
    place-items: center;
}

#singlehub-app .notification-trigger:hover,
#singlehub-app .notification-trigger:focus-visible,
#singlehub-app .notification-menu.is-open .notification-trigger {
    color: #1f6fd0;
    outline: 0;
}

#singlehub-app .notification-dropdown {
    position: absolute;
    top: 38px;
    right: -10px;
    z-index: 95;
    width: min(352px, calc(100vw - 24px));
    max-height: min(74vh, 540px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    color: #26364a;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 7px;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .18);
}

#singlehub-app .notification-dropdown:hover {
    scrollbar-color: rgba(78, 100, 128, .2) transparent;
}

#singlehub-app .notification-dropdown::-webkit-scrollbar {
    width: 5px;
}

#singlehub-app .notification-dropdown::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

#singlehub-app .notification-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

#singlehub-app .notification-dropdown::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
}

#singlehub-app .notification-dropdown:hover::-webkit-scrollbar-thumb {
    background: rgba(78, 100, 128, .18);
}

#singlehub-app .notification-dropdown[hidden] {
    display: none;
}

#singlehub-app .notification-head {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    border-bottom: 1px solid #edf2f7;
}

#singlehub-app .notification-head strong {
    color: #26364a;
    font-size: 17px;
    font-weight: 760;
}

#singlehub-app .notification-mark-all {
    border: 0;
    border-radius: 5px;
    padding: 7px 9px;
    color: var(--accent);
    background: transparent;
    font-size: 12px;
    font-weight: 760;
    line-height: 1.15;
    cursor: pointer;
}

#singlehub-app .notification-mark-all:hover,
#singlehub-app .notification-mark-all:focus-visible {
    color: var(--accent-dark);
    background: var(--accent-soft);
    outline: 0;
}

#singlehub-app .notification-mark-all:disabled {
    color: #9ba8ba;
    background: transparent;
    cursor: default;
}

#singlehub-app .notification-section {
    padding: 10px 0;
}

#singlehub-app .notification-section + .notification-section {
    border-top: 1px solid #edf2f7;
}

#singlehub-app .notification-label {
    padding: 0 16px 6px;
    color: #7a8ba1;
    font-size: 12px;
    font-weight: 780;
    letter-spacing: .02em;
    text-transform: uppercase;
}

#singlehub-app .notification-item {
    width: 100%;
    min-height: 64px;
    border: 0;
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 10px;
    align-items: center;
    padding: 9px 16px;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease;
}

#singlehub-app .notification-item:hover,
#singlehub-app .notification-item:focus-visible {
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .notification-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: transparent;
}

#singlehub-app .notification-item.unread .notification-dot {
    background: #2d7be7;
    box-shadow: 0 0 0 3px rgba(45, 123, 231, .12);
}

#singlehub-app .notification-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .notification-icon svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .notification-item.read {
    color: #68798e;
}

#singlehub-app .notification-item.read .notification-icon {
    color: #7d8ca0;
    background: #f1f4f8;
}

#singlehub-app .notification-copy {
    min-width: 0;
}

#singlehub-app .notification-copy strong {
    display: block;
    color: #26364a;
    font-size: 14px;
    font-weight: 780;
    line-height: 1.25;
}

#singlehub-app .notification-item.read .notification-copy strong {
    color: #536276;
    font-weight: 700;
}

#singlehub-app .notification-copy span {
    display: block;
    margin-top: 3px;
    color: #7b8ca2;
    font-size: 12px;
    line-height: 1.25;
}

#singlehub-app .notification-empty {
    padding: 12px 18px 14px 42px;
    color: #65758a;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

#singlehub-app .user-menu {
    position: relative;
    display: grid;
    place-items: center;
}

#singlehub-app .user-menu-trigger {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

#singlehub-app .user-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid white;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .14);
}

#singlehub-app .user-menu-trigger:hover,
#singlehub-app .user-menu-trigger:focus-visible,
#singlehub-app .user-menu.is-open .user-menu-trigger {
    outline: 0;
}

#singlehub-app .user-menu-trigger:hover .user-avatar,
#singlehub-app .user-menu-trigger:focus-visible .user-avatar,
#singlehub-app .user-menu.is-open .user-avatar {
    box-shadow: 0 0 0 3px rgba(45, 123, 231, .18), 0 2px 7px rgba(0, 0, 0, .14);
}

#singlehub-app .user-dropdown {
    position: absolute;
    top: 46px;
    right: -6px;
    z-index: 98;
    width: 206px;
    padding: 0;
    color: #233146;
    background: #fff;
    border: 1px solid #d7e1ed;
    border-radius: 5px;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .18);
}

#singlehub-app .user-dropdown[hidden] {
    display: none;
}

#singlehub-app .user-dropdown::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 22px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-top: 1px solid #d7e1ed;
    border-left: 1px solid #d7e1ed;
    transform: rotate(45deg);
}

#singlehub-app .user-menu-head {
    position: relative;
    z-index: 1;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 18px;
    color: var(--accent);
    font-size: 16px;
    font-weight: 800;
    border-bottom: 1px solid #d7e1ed;
}

#singlehub-app .user-menu-head svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

#singlehub-app .user-menu-section {
    position: relative;
    z-index: 1;
    padding: 9px 0;
}

#singlehub-app .user-menu-section + .user-menu-section {
    border-top: 1px solid #dfe7f1;
}

#singlehub-app .user-menu-item {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 18px;
    color: #233146;
    background: transparent;
    text-decoration: none;
    font-size: 15px;
    font-weight: 520;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .user-menu-item svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: currentColor;
    fill: none;
}

#singlehub-app .user-menu-item span {
    min-width: 0;
}

#singlehub-app .user-menu-item:hover,
#singlehub-app .user-menu-item:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .sidebar-wrap {
    min-width: 0;
    position: sticky;
    top: var(--sticky-offset, 80px);
    z-index: 2;
    align-self: start;
}

body.admin-bar #singlehub-app .sidebar-wrap,
body.admin-bar #singlehub-app .right-rail {
    top: var(--sticky-offset, 80px);
}

#singlehub-app .sidebar {
    width: 100%;
    overflow: hidden;
    background: var(--nav);
    color: var(--nav-text);
    border-radius: 5px;
    box-shadow: var(--shadow);
    padding: 12px 12px 20px;
}

#singlehub-app .nav-section {
    padding: 0 6px 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

#singlehub-app .nav-section:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

#singlehub-app .nav-title {
    margin: 12px 0 8px;
    color: #8191a5;
    font-size: 12px;
    font-weight: 700;
    transition: color .2s ease, height .28s ease, margin .28s ease, background-color .2s ease;
}

#singlehub-app .nav-item {
    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--nav-text);
    font-weight: 650;
    line-height: 1.2;
    border-radius: 6px;
    transition: gap .28s ease, justify-content .28s ease;
}

#singlehub-app .nav-item:hover,
#singlehub-app .nav-item:focus-visible {
    color: #fff;
    outline: 0;
}

#singlehub-app .nav-item.active,
#singlehub-app .nav-item.is-active {
    color: #fff;
}

#singlehub-app .nav-item.active svg,
#singlehub-app .nav-item.is-active svg {
    color: #fff;
}

#singlehub-app .nav-item svg {
    width: 19px;
    height: 19px;
    color: #a8b5c7;
    flex: 0 0 auto;
}

#singlehub-app .nav-item .label {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    opacity: 1;
    transition: opacity .18s ease, max-width .28s ease;
}

#singlehub-app .pill,
#singlehub-app .singlehub-badge--nav {
    min-width: 23px;
    height: 21px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    padding: 0 7px;
    color: #fff;
    background: #2d7de5;
    font-size: 12px;
    font-weight: 800;
    max-width: 56px;
    overflow: hidden;
    opacity: 1;
    transition: opacity .18s ease, max-width .28s ease, padding .28s ease, min-width .28s ease;
}

#singlehub-app .small-red {
    min-width: auto;
    height: 19px;
    border-radius: 5px;
    background: #e0282d;
    font-size: 10px;
}

#singlehub-app .nav-item .pill:not(.small-red),
#singlehub-app .singlehub-badge--nav:not(.small-red) {
    min-width: 28px;
    height: 20px;
    padding: 0 8px;
    color: #9bc7ff;
    background: #263e60;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

#singlehub-app .pill-group {
    display: inline-flex;
    gap: 5px;
    margin-left: auto;
    max-width: 100px;
    overflow: hidden;
    opacity: 1;
    transition: opacity .18s ease, max-width .28s ease;
}

#singlehub-app .pill-group .pill {
    margin-left: 0;
}

#singlehub-app.is-nav-collapsed .dashboard {
    grid-template-columns: 64px minmax(700px, 1fr) 318px;
}

#singlehub-app.is-nav-collapsed .sidebar {
    width: 64px;
    padding: 12px 10px 20px;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) {
    z-index: 30;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .sidebar {
    width: 258px;
    padding: 12px 12px 20px;
}

#singlehub-app.is-nav-collapsed .nav-section {
    padding: 0 0 12px;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .nav-section {
    padding: 0 6px 12px;
}

#singlehub-app.is-nav-collapsed .nav-title {
    height: 1px;
    margin: 14px 10px 10px;
    overflow: hidden;
    color: transparent;
    background: rgba(255, 255, 255, .1);
    font-size: 0;
    line-height: 0;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .nav-title {
    height: auto;
    margin: 12px 0 8px;
    overflow: visible;
    color: #8191a5;
    background: transparent;
    font-size: 12px;
    line-height: normal;
}

#singlehub-app.is-nav-collapsed .nav-item {
    justify-content: center;
    gap: 0;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .nav-item {
    justify-content: flex-start;
    gap: 12px;
}

#singlehub-app.is-nav-collapsed .nav-item .label,
#singlehub-app.is-nav-collapsed .pill,
#singlehub-app.is-nav-collapsed .pill-group {
    max-width: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    opacity: 0;
    pointer-events: none;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .nav-item .label {
    max-width: 180px;
    opacity: 1;
    pointer-events: auto;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .pill {
    max-width: 56px;
    min-width: 23px;
    padding-left: 7px;
    padding-right: 7px;
    opacity: 1;
    pointer-events: auto;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .singlehub-badge--nav:not(.small-red) {
    min-width: 28px;
    padding-left: 8px;
    padding-right: 8px;
}

#singlehub-app.is-nav-collapsed .sidebar-wrap:is(:hover, :focus-within) .pill-group {
    max-width: 100px;
    opacity: 1;
    pointer-events: auto;
}

#singlehub-app .singlehub-status-dot,
#singlehub-app .status-dot {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--green);
}

#singlehub-app .status-dot.is-active {
    background: #18d379;
}

#singlehub-app .status-dot.is-online {
    background: #078345;
}

#singlehub-app .content {
    min-width: 0;
}

#singlehub-app .singlehub-section {
    min-width: 0;
}

#singlehub-app .main-grid {
    display: grid;
    grid-template-columns: var(--profile-card-width) minmax(380px, 1fr);
    gap: 16px;
    align-items: start;
}

#singlehub-app .card,
#singlehub-app .feed-card,
#singlehub-app .side-card,
#singlehub-app .singlehub-card,
#singlehub-app .singlehub-profile-panel {
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

#singlehub-app .profile-card {
    min-width: 0;
    position: relative;
}

#singlehub-app .singlehub-featured-profile__link {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#singlehub-app .photo-stage {
    position: relative;
    height: 313px;
    background: #d9e3ef;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    touch-action: pan-y;
    user-select: none;
}

#singlehub-app .singlehub-featured-profile .profile-slider-track {
    height: 100%;
    display: flex;
    transition: transform .28s ease;
}

#singlehub-app .singlehub-featured-profile .profile-slider-track.is-loop-jump {
    transition: none;
}

#singlehub-app .singlehub-featured-profile__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

#singlehub-app .singlehub-featured-profile__slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#singlehub-app .singlehub-featured-profile__photo--locked {
    background:
        linear-gradient(135deg, rgba(193, 211, 238, .86), rgba(247, 188, 202, .72)),
        #d9e3ef;
}

#singlehub-app .singlehub-featured-profile__photo-fill {
    position: absolute;
    inset: 0;
}

#singlehub-app .singlehub-featured-profile__photo--locked .singlehub-featured-profile__photo-fill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(32, 44, 60, .7), transparent 46%);
}

#singlehub-app .singlehub-featured-profile__photo--locked .singlehub-featured-profile__photo-fill::after {
    content: "\f307";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(39, 48, 60, .72);
    font-family: dashicons;
    font-size: 36px;
}

#singlehub-app .age-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    padding: 4px 10px;
    color: #17354d;
    background: rgba(255, 255, 255, .78);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(30, 46, 66, .14);
}

#singlehub-app .age-tag.limit {
    left: auto;
    right: 10px;
}

#singlehub-app .age-tag.limit:empty {
    display: none;
}

#singlehub-app .profile-slide-button {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: rgba(49, 63, 80, .8);
    background: rgba(255, 255, 255, .54);
    box-shadow: 0 8px 18px rgba(24, 37, 55, .16);
    opacity: 0;
    transform: translateY(-50%) scale(.94);
    pointer-events: none;
}

#singlehub-app .profile-slide-button.prev {
    left: 12px;
}

#singlehub-app .profile-slide-button.next {
    right: 12px;
}

#singlehub-app .profile-slide-button svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .photo-stage:hover .profile-slide-button,
#singlehub-app .photo-stage:focus-within .profile-slide-button {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    pointer-events: auto;
}

#singlehub-app .slider-lines {
    position: absolute;
    left: 50%;
    bottom: 26px;
    width: min(calc(100% - 44px), 200px);
    display: flex;
    justify-content: center;
    gap: 8px;
    transform: translateX(-50%);
}

#singlehub-app .slider-lines span,
#singlehub-app .slider-lines button {
    width: clamp(10px, 100%, 32px);
    max-width: 32px;
    min-width: 10px;
    height: 5px;
    flex: 1 1 22px;
    border: 0;
    border-radius: 99px;
    padding: 0;
    background: rgba(255, 255, 255, .52);
    cursor: pointer;
}

#singlehub-app .slider-lines span.is-active,
#singlehub-app .slider-lines button.is-active {
    background: rgba(255, 255, 255, .92);
}

#singlehub-app .slider-lines:has(span:nth-child(7)),
#singlehub-app .slider-lines:has(button:nth-child(7)) {
    width: min(calc(100% - 44px), 178px);
    gap: 5px;
}

#singlehub-app .slider-lines:has(span:nth-child(10)),
#singlehub-app .slider-lines:has(button:nth-child(10)) {
    width: min(calc(100% - 44px), 148px);
    gap: 4px;
    overflow: hidden;
}

#singlehub-app .slider-lines:has(span:nth-child(7)) span,
#singlehub-app .slider-lines:has(button:nth-child(7)) button {
    height: 4px;
    min-width: 7px;
}

#singlehub-app .slider-lines:has(span:nth-child(10)) span,
#singlehub-app .slider-lines:has(button:nth-child(10)) button {
    flex-basis: 8px;
    max-width: 10px;
    min-width: 0;
}

#singlehub-app .action-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #fff;
    border-bottom: 1px solid #d8e2ee;
}

#singlehub-app .profile-action {
    height: 64px;
    border: 0;
    border-right: 1px solid #d8e2ee;
    background: #f3f6fa;
    color: #435264;
    display: grid;
    place-items: center;
}

#singlehub-app .profile-action:last-child {
    border-right: 0;
}

#singlehub-app .profile-action svg {
    width: 25px;
    height: 25px;
}

#singlehub-app .profile-action.heart {
    color: var(--danger);
}

#singlehub-app .profile-action.heart svg {
    width: 38px;
    height: 38px;
    fill: currentColor;
    stroke: currentColor;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-block {
    order: 2;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-hidden {
    order: 2;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-like {
    order: 3;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-favorite {
    order: 4;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-hide {
    order: 5;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-no-interest {
    order: 5;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-like.is-active,
#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-favorite.is-active,
#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-hidden.is-active {
    box-shadow: inset 0 -3px 0 currentColor;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-favorite.is-active {
    color: #f27432;
}

#singlehub-app #singlehub-profile-primary-actions .singlehub-action--profile-hidden.is-active {
    color: #6b7b8e;
    background: #eef3f8;
}

#singlehub-app .person-head {
    padding: 20px 22px 18px;
    background: #f4f6f9;
}

#singlehub-app .person-head h2 {
    margin: 0 0 9px;
    color: #26364a;
    font-size: 18px;
    font-weight: 800;
}

#singlehub-app .status-line,
#singlehub-app .registered-line {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6f7e90;
    line-height: 1.55;
}

#singlehub-app .tiny-icon {
    width: 16px;
    height: 16px;
    color: #68778a;
    flex: 0 0 auto;
}

#singlehub-app .registered-line svg,
#singlehub-app .registered-line .tiny-icon {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    flex: 0 0 16px;
    stroke-width: 2.1;
}

#singlehub-app .profile-details {
    padding: 16px 20px 22px;
}

#singlehub-app .detail-item {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 13px;
    padding: 8px 0;
    border-bottom: 1px dashed #d5e0ec;
    align-items: center;
}

#singlehub-app .detail-item:last-child {
    border-bottom: 0;
}

#singlehub-app .detail-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #6a7280;
}

#singlehub-app .detail-icon svg {
    width: 19px;
    height: 19px;
}

#singlehub-app .detail-title {
    margin-bottom: 3px;
    color: #243246;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .detail-copy {
    color: #65758a;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .chat-card {
    --contact-compose-bottom: 34px;
    --contact-compose-height: 38px;
    min-width: 0;
    height: 860px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

#singlehub-app .card-header {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border-bottom: 1px solid #e6edf5;
    background: #fff;
}

#singlehub-app .card-header h1,
#singlehub-app .card-header h2 {
    margin: 0;
    color: #253347;
    font-size: 22px;
    font-weight: 650;
}

#singlehub-app .toggle {
    width: 35px;
    height: 18px;
    border: 1px solid #aebbd0;
    border-radius: 999px;
    background: #f8fbff;
    padding: 2px;
}

#singlehub-app .toggle span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: #9aa8ba;
}

#singlehub-app .toggle.is-on {
    border-color: #9ec3ef;
    background: #dcecff;
}

#singlehub-app .toggle.is-on span {
    background: var(--blue);
    transform: translateX(17px);
}

#singlehub-app .singlehub-chat-widget {
    display: none;
}

#singlehub-app .chat-scroll {
    margin: 20px 20px 0;
    border: 1px solid #d4deeb;
    border-radius: 5px;
    background: #fbfdff;
    overflow: auto;
    flex: 1;
    min-height: 0;
    padding: 16px 18px 0;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

#singlehub-app .chat-scroll.is-locked {
    overflow: hidden;
}

#singlehub-app .message {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 11px;
    align-items: start;
    margin: 0 0 10px;
}

#singlehub-app .message-avatar {
    width: 28px;
    height: 28px;
    margin-top: 2px;
    border-radius: 50%;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .62), transparent),
        #c8d5e6;
    background-position: center;
    background-size: cover;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}

#singlehub-app .singlehub-home-chat-avatar-link {
    width: 34px;
    height: 34px;
    margin-top: 3px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}

#singlehub-app .singlehub-home-chat-avatar-link .message-avatar {
    width: 100%;
    height: 100%;
    margin-top: 0;
    display: block;
}

#singlehub-app .chat-scroll > .message > .message-avatar {
    display: block;
}

#singlehub-app .bubble {
    position: relative;
    border-radius: 5px;
    background: #eaf0f7;
    padding: 10px 12px 11px;
    color: #5c718d;
    font-size: 16px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
    word-break: break-word;
}

#singlehub-app .bubble strong {
    display: block;
    margin-bottom: 4px;
    color: #516783;
    font-weight: 850;
}

#singlehub-app .bubble .singlehub-home-chat-message-text {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#singlehub-app .bubble::before {
    content: "";
    position: absolute;
    top: -6px;
    right: -42px;
    bottom: -6px;
    width: 42px;
}

#singlehub-app .bubble:hover .message-bubble-menu-trigger,
#singlehub-app .bubble:focus-within .message-bubble-menu-trigger,
#singlehub-app .bubble.is-menu-open .message-bubble-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}

#singlehub-app .bubble.is-menu-open,
#singlehub-app .bubble.is-editing {
    z-index: 24;
}

#singlehub-app .bubble.is-editing {
    width: min(100%, 520px);
    min-width: min(100%, 300px);
    padding: 8px;
    white-space: normal;
}

#singlehub-app .meta {
    margin: 5px 0 9px 47px;
    color: #a4b1c1;
    font-size: 12px;
}

#singlehub-app .compose {
    display: grid;
    grid-template-columns: 1fr 52px 52px;
    margin: 16px 20px 34px;
    border: 1px solid #cfd9e6;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

#singlehub-app .compose textarea {
    min-width: 0;
    height: 36px;
    min-height: 36px;
    max-height: 92px;
    border: 0;
    outline: 0;
    padding: 8px 12px;
    color: var(--ink);
    line-height: 1.25;
    resize: none;
    overflow-y: auto;
}

#singlehub-app .compose button {
    border: 0;
    border-left: 1px solid #9eabba;
    display: grid;
    place-items: center;
    color: #69788a;
    background: #f8fafc;
}

#singlehub-app .compose svg {
    width: 19px;
    height: 19px;
}

#singlehub-app .direct-chat .emoji-picker {
    height: min(348px, 42vh);
    margin: 12px 20px 0;
    overflow: hidden;
    border: 1px solid #d7e1ed;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .16);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
}

#singlehub-app .direct-chat .emoji-picker[hidden] {
    display: none !important;
}

#singlehub-app .direct-chat .emoji-picker-top {
    min-height: 50px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    border-bottom: 1px solid #edf2f7;
}

#singlehub-app .direct-chat .emoji-tabs {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

#singlehub-app .direct-chat .emoji-tabs::-webkit-scrollbar {
    display: none;
}

#singlehub-app .direct-chat .emoji-tab {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 7px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #526276;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    transition: background-color .14s ease, color .14s ease, transform .14s ease;
}

#singlehub-app .direct-chat .emoji-tab:hover,
#singlehub-app .direct-chat .emoji-tab:focus-visible {
    color: #1f6fd0;
    background: #f1f6fd;
    outline: 0;
}

#singlehub-app .direct-chat .emoji-tab.is-active {
    color: #1f6fd0;
    background: #e8f2ff;
}

#singlehub-app .direct-chat .emoji-picker-close {
    width: 46px;
    height: 46px;
    border: 0;
    display: grid;
    place-items: center;
    color: #4f5f72;
    background: transparent;
}

#singlehub-app .direct-chat .emoji-picker-close:hover,
#singlehub-app .direct-chat .emoji-picker-close:focus-visible {
    color: #182436;
    background: #f4f7fb;
    outline: 0;
}

#singlehub-app .direct-chat .emoji-picker-close svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .direct-chat .emoji-title {
    padding: 14px 18px 8px;
    color: #253347;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.2;
}

#singlehub-app .direct-chat .emoji-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    gap: 3px;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 14px 16px;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

#singlehub-app .emoji-grid:hover {
    scrollbar-color: rgba(103, 119, 140, .36) transparent;
}

#singlehub-app .emoji-grid::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#singlehub-app .emoji-grid::-webkit-scrollbar-track {
    background: transparent;
}

#singlehub-app .emoji-grid::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
}

#singlehub-app .emoji-grid:hover::-webkit-scrollbar-thumb {
    background: rgba(103, 119, 140, .34);
}

#singlehub-app .direct-chat .emoji-option {
    height: 34px;
    border: 0;
    border-radius: 7px;
    display: grid;
    place-items: center;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    transition: background-color .12s ease, transform .12s ease;
}

#singlehub-app .direct-chat .emoji-option:hover,
#singlehub-app .direct-chat .emoji-option:focus-visible {
    background: #eef4fb;
    outline: 0;
}

#singlehub-app .feed-card {
    margin-top: 16px;
}

#singlehub-app .feed-title {
    min-height: 57px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .feed-title h3,
#singlehub-app .feed-title h2 {
    margin: 0;
    color: #253347;
    font-size: 21px;
    line-height: 1;
    font-weight: 800;
}

#singlehub-app .feed-title a {
    color: var(--blue);
    font-size: 14px;
    line-height: 1;
}

#singlehub-app .profile-section .feed-title {
    min-height: 62px;
}

#singlehub-app .profile-section .feed-title > span {
    color: #5c6d82;
    font-size: 14px;
    line-height: 1;
}

#singlehub-app .singlehub-profile-view__loading {
    min-height: clamp(132px, 28vh, 260px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    color: #6c7c91;
    font-size: 14px;
    font-weight: 700;
}

#singlehub-app .singlehub-profile-loading-spinner {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid rgba(44, 123, 229, .18);
    border-top-color: rgba(44, 123, 229, .72);
    border-radius: 50%;
    animation: singlehub-profile-loading-spin .72s linear infinite;
}

@keyframes singlehub-profile-loading-spin {
    to {
        transform: rotate(360deg);
    }
}

#singlehub-app .singlehub-profile-detail {
    min-width: 0;
}

#singlehub-app .profile-top-grid {
    display: grid;
    grid-template-columns: var(--profile-card-width) minmax(380px, 1fr);
    gap: 16px;
    align-items: start;
}

#singlehub-app .singlehub-profile-detail .profile-slider-track {
    height: 100%;
    display: flex;
    transition: transform .28s ease;
}

#singlehub-app .singlehub-profile-detail .profile-slider-track.is-loop-jump {
    transition: none;
}

#singlehub-app .singlehub-profile-slide {
    position: relative;
    min-width: 100%;
    height: 100%;
    border: 0;
    display: block;
    padding: 0;
    background: #d9e3ef;
}

#singlehub-app .singlehub-profile-slide img,
#singlehub-app .singlehub-profile-photo-main__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#singlehub-app .singlehub-profile-detail .photo-shade {
    position: absolute;
    inset: auto 0 0;
    height: 46%;
    pointer-events: none;
    background: linear-gradient(to top, rgba(17, 27, 42, .68), transparent);
}

#singlehub-app .singlehub-profile-detail .photo-corner-button {
    position: absolute;
    top: 12px;
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #26364a;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 8px 18px rgba(24, 37, 55, .16);
}

#singlehub-app .singlehub-profile-detail .photo-corner-button.profile-link {
    right: 58px;
}

#singlehub-app .singlehub-profile-detail .photo-corner-button.contact-link {
    right: 12px;
}

#singlehub-app .singlehub-profile-detail .profile-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding: 28px 18px 18px;
    color: #fff;
}

#singlehub-app .singlehub-profile-detail .name-line {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
}

#singlehub-app .singlehub-profile-detail .name-line h1 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 850;
}

#singlehub-app .singlehub-profile-detail .profile-name-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

#singlehub-app .singlehub-profile-detail .age-stack {
    display: grid;
    justify-items: end;
    gap: 3px;
    color: rgba(255, 255, 255, .88);
    font-weight: 800;
}

#singlehub-app .singlehub-profile-detail .status-line {
    margin-top: 6px;
    color: rgba(255, 255, 255, .82);
}

#singlehub-app .singlehub-profile-photo-placeholder {
    width: 100%;
    height: 100%;
    border: 0;
    display: grid;
    place-content: center;
    gap: 12px;
    padding: 24px;
    color: #27384f;
    text-align: center;
    background:
        linear-gradient(135deg, rgba(193, 211, 238, .86), rgba(247, 188, 202, .72)),
        #d9e3ef;
}

#singlehub-app .singlehub-profile-photo-placeholder__icon svg {
    width: 34px;
    height: 34px;
}

#singlehub-app .singlehub-profile-photo-placeholder__text {
    max-width: 260px;
    font-weight: 800;
}

#singlehub-app .profile-command-list {
    display: grid;
    background: #fff;
}

#singlehub-app .profile-command {
    min-height: 50px;
    border: 0;
    border-bottom: 1px solid #dbe4ef;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    color: #33445a;
    background: #fff;
    font-weight: 750;
    text-align: left;
}

#singlehub-app #singlehub-profile-actions .profile-command {
    border-bottom: 1px solid #dbe4ef;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-message {
    order: 10;
    border-radius: 5px 5px 0 0;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-video {
    order: 20;
    border-radius: 0;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-flower {
    order: 30;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-smile {
    order: 40;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-like {
    order: 50;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-map {
    order: 60;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-details {
    order: 70;
}

#singlehub-app #singlehub-profile-actions .singlehub-action--profile-report {
    order: 80;
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

#singlehub-app .profile-command:last-child {
    border-bottom: 0;
}

#singlehub-app .profile-command:hover,
#singlehub-app .profile-command:focus-visible {
    color: var(--blue);
    background: #f4f8fd;
    outline: 0;
}

#singlehub-app .profile-summary-card {
    min-width: 0;
}

#singlehub-app .profile-summary-header {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: #fff;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .profile-title-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: #5f7087;
}

#singlehub-app .profile-title-line strong {
    color: #253347;
    font-size: 26px;
    line-height: 1.1;
    font-weight: 850;
}

#singlehub-app .profile-presence {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#singlehub-app .profile-presence svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .status-dot.is-offline {
    background: #a9b5c4;
}

#singlehub-app .profile-map-panel,
#singlehub-app .profile-user-panel {
    max-height: 0;
    overflow: hidden;
    border-bottom: 0 solid var(--bg);
    transition: max-height .24s ease, border-bottom-width .2s ease;
}

#singlehub-app .profile-summary-card.is-map-open .profile-map-panel,
#singlehub-app .profile-summary-card.is-details-open .profile-user-panel {
    max-height: 520px;
    border-bottom-width: 2px;
}

#singlehub-app .profile-map {
    min-height: 220px;
    margin: 16px 20px 0;
    border: 1px solid #d7e1ed;
    border-radius: 6px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .48) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, .48) 1px, transparent 1px),
        #dbe7f4;
    background-size: 32px 32px;
}

#singlehub-app .profile-map-fallback {
    padding: 12px 20px;
    color: #63758d;
    font-weight: 700;
}

#singlehub-app .profile-map-panel .singlehub-button {
    margin: 0 20px 18px;
}

#singlehub-app .profile-user-panel-inner {
    padding: 18px 20px;
}

#singlehub-app .user-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

#singlehub-app .user-detail-head h3 {
    margin: 0;
    color: #26364a;
    font-size: 20px;
    font-weight: 760;
}

#singlehub-app .user-detail-head p {
    margin: 3px 0 0;
    color: #718197;
    font-size: 13px;
}

#singlehub-app .profile-details-close {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 5px;
    display: grid;
    place-items: center;
    color: #5a6b7f;
    background: transparent;
    cursor: pointer;
}

#singlehub-app .profile-details-close:hover,
#singlehub-app .profile-details-close:focus-visible {
    color: #1f6fd0;
    background: rgba(44, 123, 229, .09);
    outline: 0;
}

#singlehub-app .profile-details-close svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .user-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 18px;
}

#singlehub-app .user-detail-row {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 8px 0;
    border-bottom: 0;
}

#singlehub-app .user-detail-row:first-child {
    padding-top: 2px;
}

#singlehub-app .user-detail-icon {
    width: 34px;
    height: 34px;
    margin-top: 1px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #697789;
}

#singlehub-app .user-detail-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding-top: 1px;
}

#singlehub-app .user-detail-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2e3b4d;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .user-detail-copy span,
#singlehub-app .activity-lines span {
    display: block;
    color: #5d6f86;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .user-detail-copy svg,
#singlehub-app .activity-lines svg {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    color: #586a80;
}

#singlehub-app .admin-action-list {
    display: grid;
    align-content: start;
    border-left: 1px solid #dce5ef;
    padding-left: 16px;
}

#singlehub-app .admin-action-row {
    min-height: 42px;
    border: 0;
    border-bottom: 1px solid #d6e0ec;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 4px;
    color: #33445a;
    background: transparent;
    text-align: left;
}

#singlehub-app .admin-action-row:hover,
#singlehub-app .admin-action-row:focus-visible {
    color: var(--blue);
    outline: 0;
}

#singlehub-app .profile-summary-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
    padding: 18px 20px 10px;
}

#singlehub-app .profile-summary-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
    padding: 0 20px 20px;
}

#singlehub-app .stat-box {
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #fbfdff;
    overflow: hidden;
}

#singlehub-app .stat-box h3 {
    margin: 0;
    padding: 13px 15px;
    border-bottom: 1px solid #dce5ef;
    color: #253347;
    font-size: 17px;
}

#singlehub-app .stat-list {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

#singlehub-app .stat-list li {
    min-height: 42px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 14px;
    color: #65758a;
    border-bottom: 1px solid #edf2f7;
}

#singlehub-app .stat-list li:last-child {
    border-bottom: 0;
}

#singlehub-app .stat-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #697789;
}

#singlehub-app .stat-list strong {
    color: #253347;
    font-weight: 850;
}

#singlehub-app .profile-awards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

#singlehub-app .profile-award {
    min-height: 34px;
    border: 1px solid #dce5ef;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    color: #253347;
    background: #fff;
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .profile-award svg {
    width: 17px;
    height: 17px;
    color: var(--blue);
}

#singlehub-app .profile-tabs-shell {
    overflow: hidden;
}

#singlehub-app .profile-tab-list {
    min-height: 56px;
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
    scrollbar-width: none;
}

#singlehub-app .profile-tab-list::-webkit-scrollbar {
    display: none;
}

#singlehub-app .profile-tab {
    min-width: 132px;
    border: 0;
    border-bottom: 3px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    color: #5d6f86;
    background: transparent;
    font-weight: 850;
}

#singlehub-app .profile-tab.is-active,
#singlehub-app .profile-tab[aria-selected="true"] {
    color: var(--blue);
    border-bottom-color: var(--blue);
    background: #fff;
}

#singlehub-app .profile-tab-count {
    min-width: 28px;
    height: 20px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    padding: 0 8px;
    color: #1f6fd0;
    background: #d8e9ff;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

#singlehub-app .profile-tab-count:empty {
    display: none;
}

#singlehub-app .profile-content-card,
#singlehub-app .profile-tab-panel {
    min-width: 0;
}

#singlehub-app .profile-tab-panel {
    padding: 18px 20px 22px;
}

#singlehub-app .profile-content-heading {
    margin: 0 0 12px;
    color: #253347;
    font-size: 20px;
}

#singlehub-app .profile-section-body {
    color: #46566b;
    font-size: 16px;
    line-height: 1.55;
}

#singlehub-app .profile-section-body p {
    margin: 0 0 12px;
}

#singlehub-app .profile-section-body p:last-child {
    margin-bottom: 0;
}

#singlehub-app .profile-questions {
    display: grid;
    gap: 0;
}

#singlehub-app .singlehub-profile-question,
#singlehub-app .question-item {
    padding: 13px 0;
    border-bottom: 1px dashed #d3dfeb;
}

#singlehub-app .singlehub-profile-question:last-child,
#singlehub-app .question-item:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-profile-question h4 {
    margin: 0 0 5px;
    color: #253347;
    font-size: 15px;
}

#singlehub-app .singlehub-profile-question p {
    margin: 0;
}

#singlehub-app .gallery-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

#singlehub-app .gallery-tile {
    aspect-ratio: 1;
    border: 0;
    border-radius: 6px;
    display: block;
    overflow: hidden;
    padding: 0;
    background: #d9e3ef;
    box-shadow: 0 0 0 1px #edf2f7;
}

#singlehub-app .gallery-tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .16s ease;
}

#singlehub-app .gallery-tile:hover img,
#singlehub-app .gallery-tile:focus-visible img {
    transform: scale(1.04);
}

#singlehub-app .profile-forum-posts {
    display: grid;
    gap: 12px;
}

#singlehub-app .singlehub-profile-empty-text {
    margin: 0;
    color: #607188;
    font-size: 15px;
    line-height: 1.45;
}

#singlehub-app .people-row > .singlehub-profile-empty-text {
    grid-column: 1 / -1;
    padding: 10px 0;
    text-align: center;
}

#singlehub-app .singlehub-profile-forum-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
}

#singlehub-app .singlehub-profile-forum-status.is-loading::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid rgba(44, 123, 229, .18);
    border-top-color: rgba(44, 123, 229, .72);
    border-radius: 50%;
    animation: singlehub-profile-loading-spin .72s linear infinite;
}

#singlehub-app .forum-post-card {
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

#singlehub-app .forum-post-head {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px 14px;
    background: #f8fafc;
    border-bottom: 1px solid #edf2f7;
}

#singlehub-app .forum-post-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: #68778a;
    font-weight: 850;
}

#singlehub-app .forum-post-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#singlehub-app .forum-post-author {
    color: #253347;
    font-weight: 850;
}

#singlehub-app .forum-post-date {
    color: #6d7e94;
    font-size: 13px;
}

#singlehub-app .forum-post-link {
    color: var(--blue);
    font-weight: 800;
}

#singlehub-app .forum-post-body {
    padding: 14px;
}

#singlehub-app .forum-post-title {
    display: inline-block;
    margin-bottom: 8px;
    color: #253347;
    font-weight: 850;
}

#singlehub-app .forum-post-body p {
    margin: 0;
    color: #53657d;
    line-height: 1.5;
}

@media (min-width: 761px) {
    #singlehub-app .singlehub-profile-detail .photo-shade,
    #singlehub-app .singlehub-profile-detail .photo-corner-button,
    #singlehub-app .singlehub-profile-detail .profile-overlay {
        display: none;
    }
}

#singlehub-app .profile-command-list {
    padding: 16px 20px 20px;
    background: var(--panel);
}

#singlehub-app .profile-command {
    min-height: 43px;
    border: 1px solid #d8e2ee;
    border-bottom: 0;
    gap: 10px;
    padding: 9px 14px;
    color: #4d5d72;
    background: #f3f6fa;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

#singlehub-app .profile-command:first-child {
    border-radius: 5px 5px 0 0;
}

#singlehub-app .profile-command:last-child {
    border-bottom: 1px solid #d8e2ee;
    border-radius: 0 0 5px 5px;
}

#singlehub-app .profile-command.is-danger {
    color: #d03137;
}

#singlehub-app .profile-command svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .profile-summary-card {
    display: flex;
    flex-direction: column;
}

#singlehub-app .profile-top-grid {
    align-items: stretch;
}

#singlehub-app .profile-summary-header {
    min-height: 60px;
    padding: 0 10px 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .profile-title-line {
    flex-wrap: nowrap;
    gap: 6px;
    overflow: hidden;
    white-space: nowrap;
}

#singlehub-app .profile-title-line strong {
    font-size: 22px;
    font-weight: 760;
}

#singlehub-app .profile-title-line span {
    color: #5d6d81;
    font-size: 15px;
}

#singlehub-app .favorite-name-marker {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: #f27432;
}

#singlehub-app .favorite-name-marker[hidden] {
    display: none;
}

#singlehub-app .favorite-name-marker svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2.8;
    fill: none;
}

#singlehub-app .favorite-name-marker.is-liked {
    color: #e22d2d;
}

#singlehub-app .favorite-name-marker.is-favorite {
    color: #f27432;
}

#singlehub-app .favorite-name-marker.is-hidden {
    color: #6b7b8e;
}

#singlehub-app .result-status-dot {
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    box-shadow: 0 2px 7px rgba(20, 31, 45, .22);
}

#singlehub-app .result-status-dot.is-active,
#singlehub-app .result-status-dot.is-online {
    background: #18d379;
}

#singlehub-app .result-status-dot.is-online {
    background: #078345;
}

#singlehub-app .result-status-dot.is-offline {
    background: #a8b2bf;
}

#singlehub-app .profile-admin-trigger {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #53657b;
    background: transparent;
    cursor: pointer;
}

#singlehub-app .profile-admin-trigger:hover,
#singlehub-app .profile-admin-trigger:focus-visible,
#singlehub-app .profile-admin-menu.is-open .profile-admin-trigger {
    color: #1f6fd0;
    background: #eef4fb;
    outline: 0;
}

#singlehub-app .profile-admin-trigger svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .profile-admin-menu {
    position: relative;
    display: grid;
    place-items: center;
}

#singlehub-app .profile-admin-menu summary {
    list-style: none;
}

#singlehub-app .profile-admin-menu summary::-webkit-details-marker {
    display: none;
}

#singlehub-app .profile-admin-menu[open] .profile-admin-trigger {
    color: #1f6fd0;
    background: #eef4fb;
}

#singlehub-app .profile-admin-panel {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 36;
    width: 250px;
    padding: 7px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 5px;
    box-shadow: 0 10px 24px rgba(31, 48, 72, .16);
}

#singlehub-app .profile-admin-menu:not(.is-open) .profile-admin-panel,
#singlehub-app .profile-admin-panel[hidden] {
    display: none;
}

#singlehub-app .profile-admin-item {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 12px;
    padding: 9px 18px;
    color: #2f3e52;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .profile-admin-item svg {
    width: 18px;
    height: 18px;
    justify-self: center;
    color: currentColor;
    fill: none;
}

#singlehub-app .profile-admin-item span {
    min-width: 0;
}

#singlehub-app .profile-admin-item:hover,
#singlehub-app .profile-admin-item:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .profile-map-panel,
#singlehub-app .profile-user-panel {
    opacity: 0;
    background: #eef4fb;
    transition: max-height .34s ease, opacity .24s ease, border-width .24s ease;
}

#singlehub-app .profile-summary-card.is-map-open .profile-map-panel,
#singlehub-app .profile-summary-card.is-details-open .profile-user-panel {
    opacity: 1;
    border-bottom-width: 2px;
}

#singlehub-app .profile-summary-card.is-map-open .profile-map-panel {
    max-height: 380px;
}

#singlehub-app .profile-summary-card.is-details-open .profile-user-panel {
    max-height: 680px;
}

#singlehub-app .profile-map {
    height: 340px;
    min-height: 260px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #dce8f2;
}

#singlehub-app .profile-map-fallback {
    display: none;
    padding: 22px;
    color: #5c6d82;
    background: #eef4fb;
}

#singlehub-app .profile-map-panel.is-unavailable .profile-map {
    display: none;
}

#singlehub-app .profile-map-panel.is-unavailable .profile-map-fallback {
    display: block;
}

#singlehub-app .profile-user-panel-inner {
    padding: 18px 22px 22px;
}

#singlehub-app .profile-summary-card.is-details-open .profile-user-panel {
    max-height: 680px;
    overflow: hidden;
    opacity: 1;
    border-bottom-width: 2px;
}

#singlehub-app .user-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: start;
}

#singlehub-app .admin-action-list {
    border-left: 0;
    padding-left: 0;
}

#singlehub-app .admin-action-row {
    min-height: 51px;
    border: 0;
    border-bottom: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .admin-action-row:hover,
#singlehub-app .admin-action-row:focus-visible {
    color: #1f6fd0;
    background: rgba(44, 123, 229, .06);
    outline: 0;
}

#singlehub-app .admin-action-row:hover .admin-action-copy,
#singlehub-app .admin-action-row:focus-visible .admin-action-copy {
    color: #1f6fd0;
}

#singlehub-app .admin-action-row:hover .admin-action-icon,
#singlehub-app .admin-action-row:focus-visible .admin-action-icon {
    color: #fff;
    background: #747f8e;
}

#singlehub-app .admin-action-icon {
    width: 34px;
    height: 34px;
    margin-top: 1px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #747f8e;
}

#singlehub-app .admin-action-icon svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: currentColor;
}

#singlehub-app .admin-action-copy {
    padding-top: 2px;
}

#singlehub-app .admin-action-copy strong {
    display: block;
    color: #2e3b4d;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .admin-action-copy span {
    display: block;
    color: #5d6f86;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .admin-action-badge {
    min-width: 24px;
    height: 22px;
    align-self: start;
    margin-top: 0;
    padding: 0 8px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #1f6fd0;
    background: #d8e9ff;
    font-size: 12px;
    font-weight: 760;
}

#singlehub-app .activity-lines {
    display: grid;
    gap: 2px;
}

#singlehub-app .activity-lines span {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    column-gap: 4px;
}

#singlehub-app .activity-lines svg,
#singlehub-app .activity-lines i[data-lucide],
#singlehub-app .activity-lines .singlehub-icon {
    width: 15px;
    height: 15px;
    justify-self: center;
}

#singlehub-app .activity-lines .singlehub-icon--flower-line {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}

#singlehub-app .profile-summary-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 22px 30px;
    align-items: start;
    padding: 20px 22px 22px;
}

#singlehub-app .profile-facts {
    display: grid;
    gap: 1px;
    align-content: start;
}

#singlehub-app .profile-fact {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 14px;
    align-items: start;
    min-height: 51px;
    padding: 8px 0;
    border-bottom: 1px dashed #d5e0ec;
}

#singlehub-app .profile-fact-icon {
    width: 34px;
    height: 34px;
    margin-top: 1px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: white;
    background: #6a7280;
}

#singlehub-app .profile-fact-icon svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .profile-fact-title {
    margin-bottom: 3px;
    color: #243246;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .profile-fact-copy {
    color: #65758a;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .profile-fact-copy svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

#singlehub-app .interest-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#singlehub-app .interest-tags span {
    padding: 3px 7px;
    border-radius: 4px;
    color: white;
    background: #7a8593;
    font-size: 11px;
    font-weight: 800;
}

#singlehub-app .interest-tags .interest-tags__text {
    width: 100%;
    padding: 0;
    color: #65758a;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
}

#singlehub-app .stat-box {
    margin-top: 12px;
    padding: 14px 20px 20px;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    background: #f3f6fa;
    box-shadow: none;
}

#singlehub-app .stat-box h3 {
    margin: 0;
    padding: 0 0 13px;
    border-bottom: 1px solid #d8e2ee;
    color: #253347;
    font-size: 18px;
    line-height: 1.2;
}

#singlehub-app .stat-list li {
    min-height: 35px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 11px;
    padding: 0;
    color: #526276;
    font-size: 15px;
    line-height: 1.25;
    border-top: 1px solid #d8e2ee;
    border-bottom: 0;
}

#singlehub-app .stat-list li:first-child {
    border-top: 0;
}

#singlehub-app .stat-icon {
    width: 24px;
    height: 24px;
    background: #747f8e;
}

#singlehub-app .stat-icon svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.2;
}

#singlehub-app .profile-fact-icon i[data-lucide],
#singlehub-app .stat-icon i[data-lucide],
#singlehub-app .user-detail-icon i[data-lucide],
#singlehub-app .admin-action-icon i[data-lucide],
#singlehub-app .admin-action-row > i[data-lucide],
#singlehub-app .profile-command i[data-lucide],
#singlehub-app .profile-action i[data-lucide] {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
}

#singlehub-app .profile-fact-icon i[data-lucide]::before,
#singlehub-app .stat-icon i[data-lucide]::before,
#singlehub-app .user-detail-icon i[data-lucide]::before,
#singlehub-app .admin-action-icon i[data-lucide]::before,
#singlehub-app .admin-action-row > i[data-lucide]::before,
#singlehub-app .profile-command i[data-lucide]::before,
#singlehub-app .profile-action i[data-lucide]::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .22);
}

#singlehub-app .singlehub-icon--flower-line {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-block;
    background: currentColor;
    -webkit-mask: url("../images/flower-line.svg") center / contain no-repeat;
    mask: url("../images/flower-line.svg") center / contain no-repeat;
}

#singlehub-app .profile-action .singlehub-icon--flower-line {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
}

#singlehub-app .stat-icon .singlehub-icon--flower-line,
#singlehub-app .user-detail-icon .singlehub-icon--flower-line,
#singlehub-app .profile-fact-icon .singlehub-icon--flower-line {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
}

#singlehub-app .stat-label {
    color: #42536a;
    white-space: nowrap;
}

#singlehub-app .stat-value {
    min-width: 28px;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    justify-self: end;
    color: #1f6fd0;
    background: #d8e9ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

#singlehub-app .profile-awards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-top: 12px;
}

#singlehub-app .profile-award {
    min-height: 0;
    border: 0;
    border-radius: 0;
    display: block;
    min-width: 0;
    overflow: hidden;
    aspect-ratio: 188 / 128;
    padding: 0;
    background: transparent;
}

#singlehub-app .profile-award img {
    width: 113%;
    max-width: none;
    height: auto;
    margin: 0 0 0 -6.5%;
    display: block;
}

#singlehub-app .people-row {
    display: grid;
    grid-template-columns: repeat(6, minmax(112px, 1fr));
    gap: 18px;
    padding: 24px 20px 28px;
}

#singlehub-app .person-tile {
    min-width: 0;
    text-align: center;
}

#singlehub-app .round-photo,
#singlehub-app .singlehub-profile-tile__photo {
    width: 118px;
    height: 118px;
    margin: 0 auto 13px;
    border-radius: 50%;
    display: block;
    background:
        linear-gradient(135deg, rgba(196, 213, 238, .92), rgba(238, 196, 211, .72)),
        #d9e3ef;
    background-position: center;
    background-size: cover;
    border: 5px solid #fff;
    box-shadow: 0 0 0 2px #edf2f7, 0 5px 14px rgba(37, 50, 71, .16);
}

#singlehub-app .singlehub-profile-tile__photo--locked::after {
    content: "\f307";
    display: grid;
    height: 100%;
    place-items: center;
    color: rgba(39, 48, 60, .72);
    font-family: dashicons;
    font-size: 28px;
}

#singlehub-app .person-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #1f6fd0;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .person-age {
    display: block;
    margin-top: 4px;
    color: #607188;
    font-size: 12px;
}

#singlehub-app .feed-title .answer-title-extra {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2477f2;
    font-size: 15px;
    font-weight: 500;
}

#singlehub-app .feed-title .answer-title-extra .pill {
    margin-left: 0;
}

#singlehub-app .singlehub-profile-answer-card + .singlehub-profile-verse-card {
    margin-top: 16px;
}

#singlehub-app .singlehub-profile-tile--placeholder {
    pointer-events: none;
}

#singlehub-app .singlehub-profile-tile__photo--placeholder {
    background:
        linear-gradient(90deg, rgba(214, 225, 239, .78), rgba(238, 244, 251, .96), rgba(214, 225, 239, .78)),
        #d9e3ef;
}

#singlehub-app .singlehub-profile-tile__name--placeholder,
#singlehub-app .singlehub-profile-tile__meta--placeholder {
    display: block;
    height: 13px;
    margin-inline: auto;
    border-radius: 999px;
    background: #e7eef7;
}

#singlehub-app .singlehub-profile-tile__name--placeholder {
    width: 76px;
}

#singlehub-app .singlehub-profile-tile__meta--placeholder {
    width: 52px;
}

#singlehub-app .verse-card {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(320px, 1fr);
    gap: 30px;
    padding: 26px;
    overflow: hidden;
    position: relative;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(241, 248, 255, .84)),
        radial-gradient(circle at 92% 8%, rgba(188, 218, 255, .58), transparent 24rem),
        radial-gradient(circle at 74% 100%, rgba(214, 231, 255, .72), transparent 22rem),
        repeating-linear-gradient(135deg, rgba(77, 136, 199, .08) 0 1px, transparent 1px 22px),
        #fff;
}

#singlehub-app .verse-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

#singlehub-app .verse-copy {
    position: relative;
    z-index: 1;
    color: #5a6d85;
    font-size: 18px;
    line-height: 1.45;
}

#singlehub-app .verse-card img + .verse-copy {
    margin-top: 0;
}

#singlehub-app .verse-copy h3 {
    margin: 0 0 8px;
    color: #344155;
    font-size: 20px;
}

#singlehub-app .verse-copy p {
    margin: 0 0 12px;
}

#singlehub-app .verse-copy p:last-child {
    margin-bottom: 0;
}

#singlehub-app .verse-copy a {
    color: var(--blue);
}

#singlehub-app .right-rail {
    min-width: 0;
    padding-top: 0;
    position: sticky;
    top: var(--sticky-offset, 80px);
    align-self: start;
}

#singlehub-app .side-card {
    margin-bottom: 16px;
}

#singlehub-app .singlehub-widget--recent-online {
    overflow: visible;
}

#singlehub-app .singlehub-widget--recent-online .side-header {
    padding-right: 12px;
}

#singlehub-app .side-header {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .side-header h3,
#singlehub-app .side-header h2 {
    margin: 0;
    color: #253347;
    font-size: 21px;
    font-weight: 650;
}

#singlehub-app .online-menu {
    position: relative;
    display: grid;
    place-items: center;
    margin-right: -6px;
}

#singlehub-app .online-menu-trigger {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #26364a;
    background: transparent;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

#singlehub-app .online-menu-trigger:hover,
#singlehub-app .online-menu-trigger:focus-visible,
#singlehub-app .online-menu.is-open .online-menu-trigger {
    color: #111b2a;
    background: #eef4fb;
    outline: 0;
}

#singlehub-app .online-menu-trigger svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .online-menu-panel {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 35;
    width: 210px;
    padding: 7px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 5px;
    box-shadow: 0 10px 24px rgba(31, 48, 72, .16);
}

#singlehub-app .online-menu-panel[hidden] {
    display: none;
}

#singlehub-app .online-menu-item {
    width: 100%;
    min-height: 35px;
    border: 0;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 7px 18px;
    color: #2f3e52;
    background: transparent;
    font-size: 15px;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .online-menu-item svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .online-menu-item:hover,
#singlehub-app .online-menu-item:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .online-menu-separator {
    height: 1px;
    margin: 7px 0;
    background: #e2e9f2;
}

#singlehub-app .online-list {
    padding: 8px 28px 14px 22px;
    max-height: none;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: rgba(78, 100, 128, .16) transparent;
}

#singlehub-app .singlehub-widget--recent-online .online-list {
    max-height: clamp(220px, calc(100vh - var(--sticky-offset, 80px) - 96px), 620px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

#singlehub-app .online-list::-webkit-scrollbar {
    width: 4px;
}

#singlehub-app .online-list::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

#singlehub-app .online-list::-webkit-scrollbar-track {
    background: transparent;
}

#singlehub-app .online-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(78, 100, 128, .12);
}

#singlehub-app .online-list:hover::-webkit-scrollbar-thumb {
    background: rgba(78, 100, 128, .24);
}

#singlehub-app .online-person {
    min-height: 56px;
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 10px;
    align-items: center;
    border-bottom: 1px dashed #d8e2ef;
}

#singlehub-app .online-person:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-widget-item__photo {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .62), transparent),
        #c8d5e6;
    background-position: center;
    background-size: cover;
}

#singlehub-app .singlehub-widget-item__photo--presence-anchor {
    position: relative;
}

#singlehub-app .singlehub-widget-presence {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #a9b5c4;
    box-shadow: 0 1px 4px rgba(31, 45, 68, .18);
}

#singlehub-app .singlehub-widget-presence.is-active {
    background: #18d379;
}

#singlehub-app .singlehub-widget-presence.is-online {
    background: #078345;
}

#singlehub-app .singlehub-widget-presence.is-offline {
    background: #a9b5c4;
}

#singlehub-app .online-name {
    display: inline;
    color: #26364a;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .online-time,
#singlehub-app .online-age {
    color: #63758d;
    line-height: 1.35;
}

#singlehub-app .forum-list {
    display: grid;
    gap: 8px;
    padding: 16px 18px 20px;
}

#singlehub-app .forum-item {
    min-height: 58px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    color: #46566b;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 7px;
    box-shadow: 0 3px 10px rgba(39, 54, 75, .04);
    font-size: 15px;
    line-height: 1.35;
}

#singlehub-app .forum-item:first-child {
    border-top: 1px solid #dbe4ef;
}

#singlehub-app .forum-link {
    min-height: 0;
    justify-content: flex-start;
    padding: 4px 2px 0;
    color: #2275f5;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 14px;
}

#singlehub-app .forum-widget-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .forum-widget-title {
    min-width: 0;
    overflow: hidden;
    color: #2f4057;
    font-weight: 650;
    text-overflow: ellipsis;
}

#singlehub-app .forum-widget-meta {
    min-width: 0;
    display: flex;
    gap: 4px 9px;
    align-items: center;
    overflow: hidden;
    color: #73859b;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
}

#singlehub-app .forum-widget-meta-part {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .forum-widget-meta-part:not(:last-child) {
    flex: 0 0 auto;
}

#singlehub-app .forum-widget-meta-part:last-child {
    flex: 1 1 auto;
}

#singlehub-app .singlehub-widget--forum-activity .forum-list {
    gap: 6px;
    padding: 12px 14px 16px;
}

#singlehub-app .singlehub-widget--forum-activity .forum-item {
    min-height: 50px;
    padding: 8px 10px;
}

#singlehub-app .singlehub-widget--forum-activity .forum-link {
    min-height: 0;
    padding: 5px 2px 0;
}

#singlehub-app .singlehub-icon--forum-widget {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    color: #8496ab;
}

#singlehub-app .singlehub-widget__notice {
    margin: 0;
    padding: 16px 22px 20px;
    color: #46566b;
    font-size: 16px;
    line-height: 1.45;
}

#singlehub-app .singlehub-widget__notice--blocked {
    color: #c63d15;
    font-weight: 700;
}

#singlehub-app .singlehub-content-slot,
#singlehub-app .singlehub-search-view,
#singlehub-app .singlehub-relations-view,
#singlehub-app .singlehub-profile-view,
#singlehub-app .singlehub-account-placeholder {
    min-width: 0;
}

#singlehub-app.is-restoring-relation-return {
    visibility: hidden;
}

@media (min-width: 1041px) {
    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay:not([hidden]) {
        position: fixed;
        z-index: 5000;
        inset: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: var(--bg);
        scrollbar-width: thin;
        scrollbar-color: rgba(78, 100, 128, .24) transparent;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay:not([hidden])::-webkit-scrollbar {
        width: 7px;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay:not([hidden])::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(78, 100, 128, .24);
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__header {
        z-index: 5010;
        background: rgba(238, 244, 251, .74);
        border-bottom-color: transparent;
        box-shadow: none;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay.is-scrolled .singlehub-profile-route-overlay__header {
        background: rgba(238, 244, 251, .82);
        border-bottom-color: rgba(195, 209, 226, .46);
        box-shadow: 0 10px 30px rgba(42, 58, 79, .12);
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__shell {
        min-height: 100vh;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__main {
        display: block;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-detail--desktop:not([hidden]) {
        width: 100%;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-dialog-backdrop:has(.photo-lightbox:not([hidden])) {
        z-index: 7000;
    }
}

#singlehub-app .singlehub-section__header,
#singlehub-app .singlehub-profile-view__toolbar,
#singlehub-app .singlehub-search-form,
#singlehub-app .singlehub-search-results,
#singlehub-app .singlehub-relations-results {
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

#singlehub-app .singlehub-section__header,
#singlehub-app .singlehub-profile-view__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    padding: 18px 20px;
}

#singlehub-app .singlehub-section__header h2 {
    margin: 0;
    font-size: 24px;
}

#singlehub-app .singlehub-eyebrow {
    margin: 0 0 4px;
    color: #08756c;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

#singlehub-app .singlehub-button {
    min-height: 42px;
    border: 1px solid #cfd9e6;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    color: #26364a;
    background: #fff;
    font-weight: 800;
}

#singlehub-app .singlehub-button--primary {
    color: #fff;
    border-color: var(--blue);
    background: var(--blue);
}

#singlehub-app .singlehub-button--danger {
    color: #fff;
    border-color: var(--danger);
    background: var(--danger);
}

#singlehub-app .singlehub-field,
#singlehub-app select.singlehub-field,
#singlehub-app textarea.singlehub-field {
    min-height: 40px;
    border: 1px solid #cfd9e6;
    border-radius: 5px;
    padding: 8px 10px;
    color: var(--ink);
    background: #fff;
}

#singlehub-app .singlehub-search-form {
    display: grid;
    gap: 14px;
    padding: 20px;
}

#singlehub-app .singlehub-search-form {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}

#singlehub-app .singlehub-search-view.search-view {
    display: grid;
    gap: 16px;
}

#singlehub-app .singlehub-search-view [data-sh-search-form-panel] {
    display: grid;
    gap: 18px;
}

#singlehub-app .singlehub-search-results-panel.result-view {
    display: grid;
    gap: 16px;
}

#singlehub-app .singlehub-search-view.search-view[hidden],
#singlehub-app .singlehub-search-view [data-sh-search-form-panel][hidden],
#singlehub-app .singlehub-search-view [data-sh-search-results-panel][hidden] {
    display: none;
}

#singlehub-app .singlehub-search-view .detail-search-card {
    min-height: 760px;
    margin-top: 0;
    position: relative;
    z-index: 3;
    overflow: visible;
}

#singlehub-app .singlehub-search-view .detail-search-card .feed-title {
    min-height: 62px;
}

#singlehub-app .singlehub-search-view .detail-search-form {
    display: grid;
    gap: 10px;
    max-width: 980px;
    padding: 22px 32px 34px;
}

#singlehub-app .singlehub-search-view .search-row {
    min-height: 38px;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: center;
    gap: 24px;
}

#singlehub-app .singlehub-search-view .search-label {
    color: #4f6076;
    font-weight: 760;
}

#singlehub-app .singlehub-search-view .search-field,
#singlehub-app .singlehub-search-view .search-select,
#singlehub-app .singlehub-search-view .search-number {
    width: 100%;
    height: 38px;
    border: 1px solid #cfdbe8;
    border-radius: 4px;
    color: #243246;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03);
    font-size: 17px;
}

#singlehub-app .singlehub-search-view .search-field,
#singlehub-app .singlehub-search-view .search-number {
    padding: 0 16px;
}

#singlehub-app .singlehub-search-view .search-field::placeholder,
#singlehub-app .singlehub-search-view .search-number::placeholder {
    color: #b4c0d0;
}

#singlehub-app .singlehub-search-view .search-select {
    appearance: none;
    padding: 0 42px 0 16px;
    background-image:
        linear-gradient(45deg, transparent 50%, #526276 50%),
        linear-gradient(135deg, #526276 50%, transparent 50%);
    background-position:
        calc(100% - 20px) 16px,
        calc(100% - 14px) 16px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

#singlehub-app .singlehub-search-view .singlehub-search-select--multiple {
    min-height: 132px;
    height: auto;
    padding: 8px 12px;
    background-image: none;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect {
    position: relative;
    width: 100%;
    display: grid;
    gap: 7px;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect--select-shell {
    height: auto;
    min-height: 38px;
    overflow: visible;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    background-image: none;
    box-shadow: none;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__toggle {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #cfdbe8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #243246;
    background-color: #fff;
    background-image:
        linear-gradient(45deg, transparent 50%, #526276 50%),
        linear-gradient(135deg, #526276 50%, transparent 50%);
    background-position:
        calc(100% - 20px) 16px,
        calc(100% - 14px) 16px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03);
    padding: 0 42px 0 16px;
    text-align: left;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__toggle span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__toggle:disabled {
    cursor: not-allowed;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect--select-shell > .singlehub-multiselect__toggle,
#singlehub-app .singlehub-search-view .singlehub-search-row .singlehub-multiselect > .singlehub-multiselect__toggle.search-select {
    width: 100%;
    height: 38px;
    border: 1px solid #cfdbe8 !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #243246;
    background-color: #fff !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #526276 50%),
        linear-gradient(135deg, #526276 50%, transparent 50%);
    background-position:
        calc(100% - 20px) 16px,
        calc(100% - 14px) 16px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03) !important;
    padding: 0 42px 0 16px;
    font-size: 17px;
    line-height: 1;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__panel {
    position: absolute;
    z-index: 42;
    top: calc(38px + 6px);
    left: 0;
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #cfdbe8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(31, 48, 72, .16);
    padding: 4px;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__option {
    position: relative;
    width: 100%;
    min-height: 34px;
    border: 0;
    border-radius: 4px;
    display: block;
    color: #314159;
    background: transparent;
    padding: 7px 34px 7px 12px;
    text-align: left;
    cursor: pointer;
    font-size: 15px;
    font-weight: 650;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__option:hover,
#singlehub-app .singlehub-search-view .singlehub-multiselect__option:focus-visible,
#singlehub-app .singlehub-search-view .singlehub-multiselect__option.is-selected {
    color: #1f5fbf;
    background: #eef5ff;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__option.is-selected::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 13px;
    width: 7px;
    height: 13px;
    border: solid #1f5fbf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__pills {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect[data-sh-multiselect-count="0"] .singlehub-multiselect__pills {
    display: none;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__pill {
    min-width: 0;
    max-width: 100%;
    min-height: 28px;
    border: 1px solid #b8cbe0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #284461;
    background: #f2f7fc;
    padding: 3px 4px 3px 11px;
    font-size: 14px;
    font-weight: 750;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__pill-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__pill-remove {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #506987;
    background: rgba(255, 255, 255, .82);
    padding: 0 0 1px;
    line-height: 1;
    cursor: pointer;
    font-size: 13px;
    font-weight: 850;
}

#singlehub-app .singlehub-search-view .singlehub-multiselect__pill-remove:hover,
#singlehub-app .singlehub-search-view .singlehub-multiselect__pill-remove:focus-visible {
    color: #fff;
    background: #1f5fbf;
}

#singlehub-app .singlehub-search-view .singlehub-search-row--confession > :not(.search-label),
#singlehub-app .singlehub-search-view .singlehub-search-row--music > :not(.search-label) {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    display: grid !important;
    gap: 7px !important;
    color: inherit !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#singlehub-app .singlehub-search-view .singlehub-search-row--confession > :not(.search-label).is-open,
#singlehub-app .singlehub-search-view .singlehub-search-row--music > :not(.search-label).is-open {
    z-index: 80 !important;
}

#singlehub-app .singlehub-search-view .singlehub-search-row--confession > :not(.search-label) > .singlehub-multiselect__toggle,
#singlehub-app .singlehub-search-view .singlehub-search-row--music > :not(.search-label) > .singlehub-multiselect__toggle {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    border: 1px solid #cfdbe8 !important;
    border-radius: 4px !important;
    color: #243246 !important;
    background-color: #fff !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #526276 50%),
        linear-gradient(135deg, #526276 50%, transparent 50%) !important;
    background-position:
        calc(100% - 20px) 16px,
        calc(100% - 14px) 16px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03) !important;
    padding: 0 42px 0 16px !important;
    text-align: left !important;
}

#singlehub-app .singlehub-search-view .singlehub-search-optional-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}

#singlehub-app .singlehub-search-view .singlehub-search-optional-toggle input {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled {
    opacity: .62;
}

#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled .segmented button,
#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled .search-country-toggle,
#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled .search-field,
#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled .search-select,
#singlehub-app .singlehub-search-view .singlehub-search-optional-row.is-disabled .search-number {
    cursor: not-allowed;
}

#singlehub-app .singlehub-search-view .select-short {
    max-width: 132px;
}

#singlehub-app .singlehub-search-view .search-country-picker {
    position: relative;
    width: 100%;
}

#singlehub-app .singlehub-search-view .search-country-toggle {
    display: flex;
    align-items: center;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .singlehub-search-view .search-country-panel {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid #cfdbe8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(31, 48, 72, .16);
}

#singlehub-app .singlehub-search-view .search-country-panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-search-view .search-country-filter {
    border-width: 0 0 1px;
    border-radius: 0;
}

#singlehub-app .singlehub-search-view .search-country-options {
    max-height: 260px;
    overflow-y: auto;
    padding: 4px;
}

#singlehub-app .singlehub-search-view .search-country-options button {
    width: 100%;
    min-height: 34px;
    border: 0;
    border-radius: 4px;
    display: block;
    color: #314159;
    background: transparent;
    padding: 7px 12px;
    text-align: left;
    cursor: pointer;
    font-size: 15px;
    font-weight: 650;
}

#singlehub-app .singlehub-search-view .search-country-options button:hover,
#singlehub-app .singlehub-search-view .search-country-options button:focus-visible,
#singlehub-app .singlehub-search-view .search-country-options button.is-active {
    color: #1f5fbf;
    background: #eef5ff;
}

#singlehub-app .singlehub-search-view .segmented {
    width: max-content;
    overflow: hidden;
    display: inline-flex;
    border: 1px solid #8d9bac;
    border-radius: 5px;
    background: #f7f9fc;
}

#singlehub-app .singlehub-search-view .segmented button {
    min-width: 58px;
    height: 38px;
    border: 0;
    border-left: 1px solid #8d9bac;
    color: #66778d;
    background: transparent;
    padding: 0 18px;
    cursor: pointer;
    font-weight: 700;
}

#singlehub-app .singlehub-search-view .segmented button:first-child {
    border-left: 0;
}

#singlehub-app .singlehub-search-view .segmented button.is-active {
    color: #fff;
    background: #737f90;
}

#singlehub-app .singlehub-search-view .range-pair {
    display: grid;
    grid-template-columns: 180px 180px auto;
    align-items: center;
    gap: 36px;
    max-width: 520px;
}

#singlehub-app .singlehub-search-view .range-control {
    display: grid;
    gap: 5px;
}

#singlehub-app .singlehub-search-view .search-number {
    text-align: center;
}

#singlehub-app .singlehub-search-view .unit-label {
    color: #5d6d81;
    font-size: 17px;
}

#singlehub-app .singlehub-search-view .range-control input[type="range"] {
    width: 100%;
    height: 8px;
    accent-color: #2f7be0;
    cursor: pointer;
}

#singlehub-app .singlehub-search-view .search-submit {
    min-width: 104px;
    height: 38px;
    border: 1px solid var(--success-button-border);
    border-radius: 5px;
    justify-self: start;
    color: #fff;
    background: var(--success-button-bg);
    box-shadow: var(--success-button-shadow);
    padding: 0 22px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
}

#singlehub-app .singlehub-search-view .search-submit:hover,
#singlehub-app .singlehub-search-view .search-submit:focus-visible {
    border-color: var(--success-button-hover-border);
    background: var(--success-button-hover-bg);
    box-shadow: var(--success-button-hover-shadow);
    outline: 0;
}

#singlehub-app .singlehub-search-view .result-list.singlehub-search-results {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

#singlehub-app .singlehub-account-placeholder__body {
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 22px;
    color: #405168;
    background: var(--panel);
    box-shadow: var(--shadow);
}

#singlehub-app .singlehub-account-placeholder__icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--blue);
}

#singlehub-app .singlehub-account-placeholder__icon svg {
    width: 26px;
    height: 26px;
}

#singlehub-app .singlehub-account-placeholder__body h3 {
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 20px;
}

#singlehub-app .singlehub-account-placeholder__body p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.5;
}

#singlehub-app .singlehub-account-placeholder__body .singlehub-account-placeholder__route {
    margin-top: 12px;
    color: #08756c;
    font-weight: 800;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-placeholder__body {
    background: var(--panel);
    box-shadow: var(--shadow);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-button {
    color: #e7edf6;
    border-color: var(--line);
    background: var(--panel-soft);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-button--primary {
    color: #fff;
    border-color: var(--blue);
    background: var(--blue);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-button--danger {
    color: #fff;
    border-color: var(--danger);
    background: var(--danger);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-field,
#singlehub-app.singlehub-app--theme-dark select.singlehub-field,
#singlehub-app.singlehub-app--theme-dark textarea.singlehub-field {
    color: var(--ink);
    border-color: #2d3d52;
    background: #172230;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-field::placeholder,
#singlehub-app.singlehub-app--theme-dark textarea.singlehub-field::placeholder {
    color: #77879b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-label,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .unit-label {
    color: #b4c2d4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-select,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-number {
    color: #dce6f2;
    background-color: #172230;
    border-color: #33455b;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-field::placeholder,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-number::placeholder {
    color: #7f8fa4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-select {
    background-image:
        linear-gradient(45deg, transparent 50%, #9eafc4 50%),
        linear-gradient(135deg, #9eafc4 50%, transparent 50%);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-search-select--multiple {
    background-image: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__toggle {
    color: #dce6f2;
    background-color: #172230;
    border-color: #33455b;
    background-image:
        linear-gradient(45deg, transparent 50%, #9eafc4 50%),
        linear-gradient(135deg, #9eafc4 50%, transparent 50%);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect--select-shell > .singlehub-multiselect__toggle,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-search-row .singlehub-multiselect > .singlehub-multiselect__toggle.search-select {
    color: inherit;
    background: transparent !important;
    border-color: transparent;
    box-shadow: none !important;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__panel {
    color: #dce6f2;
    background: #172230;
    border-color: #33455b;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__option {
    color: #dce6f2;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__option:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__option:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__option.is-selected {
    color: #9bc7ff;
    background: #203047;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__option.is-selected::after {
    border-color: #9bc7ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__pill {
    color: #dce6f2;
    background: #203047;
    border-color: #40546f;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__pill-remove {
    color: #b9c8dc;
    background: rgba(255, 255, 255, .08);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__pill-remove:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .singlehub-multiselect__pill-remove:focus-visible {
    color: #112035;
    background: #9bc7ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-panel {
    color: #dce6f2;
    background: #172230;
    border-color: #33455b;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-filter {
    border-bottom-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-options button {
    color: #dce6f2;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-options button:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-options button:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-country-options button.is-active {
    color: #9bc7ff;
    background: #203047;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .segmented {
    background: #172230;
    border-color: #4c5e74;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .segmented button {
    color: #b9c6d7;
    border-left-color: #4c5e74;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .segmented button:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .segmented button:focus-visible {
    color: #9bc7ff;
    background: #203047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .segmented button.is-active {
    color: #101722;
    background: #9fb0c5;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .range-control input[type="range"] {
    accent-color: #67a7ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-submit {
    color: #fff;
    border-color: var(--success-button-border);
    background: var(--success-button-bg);
    box-shadow: var(--success-button-shadow);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-submit:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-view .search-submit:focus-visible {
    border-color: var(--success-button-hover-border);
    background: var(--success-button-hover-bg);
    box-shadow: var(--success-button-hover-shadow);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-placeholder__body h3 {
    color: #edf4fb;
}

#singlehub-app .singlehub-account-editor,
#singlehub-app .singlehub-mobile-account-shell {
    min-width: 0;
}

#singlehub-app .singlehub-account-editor__heading {
    min-width: 0;
}

#singlehub-app .singlehub-account-editor__header {
    align-items: flex-end;
}

#singlehub-app .singlehub-account-editor__state {
    min-height: 20px;
    color: #08756c;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .singlehub-account-editor__header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-left: auto;
}

#singlehub-app .singlehub-account-editor__header-actions .singlehub-account-editor__state {
    min-width: 0;
    text-align: right;
}

#singlehub-app .singlehub-account-editor__surface {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-account-editor__tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 10px;
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    scrollbar-width: thin;
}

#singlehub-app .singlehub-account-tab {
    min-height: 38px;
    border: 1px solid #d8e2ef;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 0 12px;
    color: #52647d;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
}

#singlehub-app .singlehub-account-tab svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .singlehub-account-tab.is-active,
#singlehub-app .singlehub-account-tab:hover,
#singlehub-app .singlehub-account-tab:focus-visible {
    color: #fff;
    border-color: #6f7d92;
    background: #6f7d92;
}

#singlehub-app .singlehub-account-editor__notice,
#singlehub-app .singlehub-account-panel {
    border-radius: var(--radius);
    background: var(--panel);
    box-shadow: var(--shadow);
}

#singlehub-app .singlehub-account-editor__notice {
    margin: 0;
    padding: 16px 20px;
    color: #51647d;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-editor__notice a {
    color: #2275f5;
    font-weight: 800;
}

#singlehub-app .singlehub-account-panel {
    display: grid;
    gap: 12px;
    padding: 18px 22px 24px;
}

#singlehub-app .singlehub-account-panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-admin-warning {
    display: grid;
    gap: 4px;
    border: 1px solid #e2b84d;
    border-radius: var(--radius);
    padding: 14px 18px;
    color: #5b4300;
    background: #fff4cf;
    box-shadow: var(--shadow);
}

#singlehub-app .singlehub-account-admin-warning[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-admin-warning strong {
    font-size: 15px;
}

#singlehub-app .singlehub-account-admin-warning span {
    color: #725500;
    line-height: 1.45;
}

#singlehub-app .singlehub-profile-status-warning {
    margin: 0 0 24px;
    max-width: 100%;
}

#singlehub-app .singlehub-profile-status-warning strong {
    font-size: 20px;
}

#singlehub-app .singlehub-contact-block-warning-dialog {
    width: min(640px, calc(100vw - 32px));
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-contact-block-warning-card {
    gap: 14px;
    padding: 20px;
}

#singlehub-app .singlehub-contact-block-warning-profile {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

#singlehub-app .singlehub-contact-block-warning-photo {
    width: 72px;
    height: 72px;
    border: 3px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    display: block;
    object-fit: cover;
    box-shadow: 0 8px 18px rgba(75, 55, 0, .16);
}

#singlehub-app .singlehub-contact-block-warning-identity {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .singlehub-contact-block-warning-kicker {
    color: #725500;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#singlehub-app .singlehub-contact-block-warning-name {
    overflow: hidden;
    color: #253246;
    font-size: 22px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-contact-block-warning-age {
    color: #725500;
    font-size: 15px;
    line-height: 1.35;
}

#singlehub-app .singlehub-contact-block-warning-title {
    font-size: 21px;
    line-height: 1.25;
}

#singlehub-app .singlehub-contact-block-warning-message {
    color: #725500;
    font-size: 16px;
    line-height: 1.5;
    white-space: pre-wrap;
}

#singlehub-app .singlehub-contact-block-warning-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
}

#singlehub-app .singlehub-action--contact-block-warning-read {
    min-height: 40px;
    padding-inline: 18px;
}

#singlehub-app .singlehub-account-admin-hero {
    display: grid;
    gap: 4px;
    border-bottom: 1px solid #d8e2ef;
    padding-bottom: 14px;
}

#singlehub-app .singlehub-account-admin-hero h3 {
    margin: 0;
    color: #223249;
    font-size: 22px;
    line-height: 1.15;
}

#singlehub-app .singlehub-account-admin-hero p {
    margin: 0;
    color: #53657f;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-admin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

#singlehub-app .singlehub-account-admin-section {
    min-width: 0;
}

#singlehub-app .singlehub-account-admin-section .singlehub-account-field {
    grid-template-columns: 164px minmax(0, 1fr);
}

#singlehub-app .singlehub-account-admin-chats {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-account-admin-chats[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-admin-chats__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

#singlehub-app .singlehub-account-admin-chats__header h4 {
    margin: 0 0 3px;
    color: #223249;
    font-size: 18px;
    line-height: 1.2;
}

#singlehub-app .singlehub-account-admin-chats__header p {
    margin: 0;
    color: #53657f;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-admin-chat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
}

#singlehub-app .singlehub-account-admin-chat-contact {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 96px;
    padding: 12px;
    border: 1px solid #d4dfed;
    border-radius: 8px;
    background: #fff;
    color: #223249;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .singlehub-account-admin-chat-contact:hover,
#singlehub-app .singlehub-account-admin-chat-contact:focus-visible {
    border-color: #7aa7d9;
    box-shadow: 0 0 0 2px rgba(67, 127, 190, .14);
    outline: none;
}

#singlehub-app .singlehub-account-admin-chat-contact__avatar {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #eef4fb;
    object-fit: cover;
}

#singlehub-app .singlehub-account-admin-chat-contact__body {
    display: grid;
    gap: 4px;
    min-width: 0;
}

#singlehub-app .singlehub-account-admin-chat-contact__name {
    font-weight: 700;
}

#singlehub-app .singlehub-account-admin-chat-contact__meta,
#singlehub-app .singlehub-account-admin-chat-contact__latest,
#singlehub-app .singlehub-account-admin-chat-empty {
    color: #53657f;
}

#singlehub-app .singlehub-account-admin-chat-contact__counts {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#singlehub-app .singlehub-account-admin-chat-contact__counts span {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef6ff;
    color: #223249;
    font-size: 12px;
}

#singlehub-app .singlehub-account-admin-chat-dialog[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-admin-chat-dialog {
    position: fixed;
    inset: 0;
    z-index: 100000;
}

#singlehub-app .singlehub-account-admin-chat-dialog__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 31, 46, .54);
}

#singlehub-app .singlehub-account-admin-chat-dialog__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(900px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    margin: 24px auto;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(25, 37, 54, .34);
}

#singlehub-app .singlehub-account-admin-chat-dialog__header,
#singlehub-app .singlehub-account-admin-chat-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #d8e2ef;
}

#singlehub-app .singlehub-account-admin-chat-dialog__footer {
    border-top: 1px solid #d8e2ef;
    border-bottom: 0;
}

#singlehub-app .singlehub-account-admin-chat-dialog__header h4 {
    margin: 0;
    color: #223249;
    font-size: 18px;
}

#singlehub-app .singlehub-account-admin-chat-dialog__summary {
    padding: 10px 18px;
    border-bottom: 1px solid #d8e2ef;
    color: #53657f;
}

#singlehub-app .singlehub-account-admin-chat-dialog__messages {
    display: grid;
    gap: 10px;
    min-height: 260px;
    padding: 16px 18px;
    overflow: auto;
    background: #f4f7fb;
}

#singlehub-app .singlehub-account-admin-chat-message {
    max-width: 76%;
    padding: 10px 12px;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    background: #fff;
}

#singlehub-app .singlehub-account-admin-chat-message--target {
    justify-self: end;
    border-color: #bdd6f3;
    background: #eef6ff;
}

#singlehub-app .singlehub-account-admin-chat-message--contact {
    justify-self: start;
}

#singlehub-app .singlehub-account-admin-chat-message__meta {
    display: block;
    margin-bottom: 6px;
    color: #53657f;
    font-size: 12px;
}

#singlehub-app .singlehub-account-admin-chat-message__body {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

#singlehub-app .singlehub-account-field--admin-reason textarea {
    min-height: 132px;
    resize: vertical;
}

#singlehub-app .singlehub-account-check--admin-template-save {
    margin-top: 4px;
}

#singlehub-app .singlehub-account-field--admin-template-name[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-admin-actions {
    justify-content: flex-start;
}

#singlehub-app .singlehub-account-section-title {
    margin: 8px 0 2px;
    padding-bottom: 8px;
    color: #223249;
    border-bottom: 1px solid #cfd9e6;
    font-size: 19px;
    line-height: 1.2;
}

#singlehub-app .singlehub-account-grid,
#singlehub-app .singlehub-account-settings-list,
#singlehub-app .singlehub-account-question-list {
    display: grid;
    gap: 4px;
}

#singlehub-app .singlehub-account-field {
    min-width: 0;
    display: grid;
    grid-template-columns: 178px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
}

#singlehub-app .singlehub-account-label {
    min-height: 34px;
    display: flex;
    align-items: center;
    color: #53657f;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
}

#singlehub-app .singlehub-account-label .singlehub-account-label-badge {
    min-height: 19px;
    border-radius: 5px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    margin-left: 8px;
    padding: 0 7px;
    color: #fff;
    background: #e0282d;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

#singlehub-app .singlehub-account-control-wrap {
    position: relative;
    min-width: 0;
    display: grid;
    align-items: center;
}

#singlehub-app .singlehub-account-control-wrap .singlehub-field {
    width: 100%;
    min-height: 34px;
    padding: 6px 36px 6px 12px;
    color: #243246;
    border-color: #c9d5e5;
    background: #fff;
    font-size: 14px;
}

#singlehub-app .singlehub-account-control-wrap .singlehub-field[data-sh-compact-control="postal"] {
    width: 112px;
    max-width: 100%;
    padding-right: 12px;
}

#singlehub-app .singlehub-account-control-wrap .singlehub-field[data-sh-compact-control="date"] {
    width: 168px;
    max-width: 100%;
    padding-right: 12px;
}

#singlehub-app .singlehub-account-field textarea.singlehub-field {
    min-height: 92px;
    resize: vertical;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-field--rich {
    align-items: stretch;
}

#singlehub-app .singlehub-account-rich-wrap {
    position: relative;
    min-width: 0;
    grid-column: 2;
    display: grid;
}

#singlehub-app .singlehub-account-toolbar {
    min-height: 35px;
    border: 1px solid #c9d5e5;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 9px;
    color: #5b6b80;
    background: #f7f9fc;
}

#singlehub-app .singlehub-account-editor-button {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #53657f;
    background: transparent;
    cursor: pointer;
}

#singlehub-app .singlehub-account-editor-button:hover,
#singlehub-app .singlehub-account-editor-button:focus-visible {
    color: #1d4f8f;
    background: #eaf2ff;
    outline: none;
}

#singlehub-app .singlehub-account-wysiwyg {
    min-height: 260px;
    width: 100%;
    border: 1px solid #c9d5e5;
    border-radius: 0 0 5px 5px;
    padding: 12px 14px;
    color: #243246;
    background: #fff;
    overflow: auto;
    line-height: 1.55;
    outline: none;
    white-space: normal;
}

#singlehub-app .singlehub-account-wysiwyg:focus {
    border-color: #7da8e8;
    box-shadow: 0 0 0 2px rgba(34, 117, 245, .14);
}

#singlehub-app .singlehub-account-wysiwyg:empty::before {
    content: attr(data-placeholder);
    color: #7a889a;
}

#singlehub-app .singlehub-account-emoji-panel {
    position: absolute;
    z-index: 12;
    top: 38px;
    left: 8px;
    width: 248px;
    border: 1px solid #c9d5e5;
    border-radius: 6px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(31, 48, 72, .16);
}

#singlehub-app .singlehub-account-emoji-option {
    min-height: 34px;
    border: 1px solid #d5dfed;
    border-radius: 5px;
    background: #f8fbff;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}

#singlehub-app .singlehub-account-emoji-option:hover,
#singlehub-app .singlehub-account-emoji-option:focus-visible {
    border-color: #9fc2f6;
    background: #edf5ff;
    outline: none;
}

#singlehub-app .singlehub-account-rich-source[hidden],
#singlehub-app .singlehub-account-emoji-panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-toolbar svg {
    width: 16px;
    height: 16px;
}

#singlehub-app .singlehub-account-range {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding-right: 30px;
}

#singlehub-app .singlehub-account-range-slider {
    width: 100%;
    min-height: 34px;
    accent-color: #2275f5;
}

#singlehub-app .singlehub-account-range-value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

#singlehub-app .singlehub-account-control-wrap .singlehub-account-range-number {
    width: 76px;
    padding-right: 8px;
}

#singlehub-app .singlehub-account-range-unit {
    color: #53657f;
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .singlehub-account-valid {
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%) scale(.82);
    opacity: 0;
    color: #04bd71;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
}

#singlehub-app .singlehub-account-field.is-valid .singlehub-account-valid {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

#singlehub-app .singlehub-account-field.is-valid .singlehub-field,
#singlehub-app .singlehub-account-field.is-valid .singlehub-account-segment {
    border-color: #04bd71;
}

#singlehub-app .singlehub-account-field.is-invalid .singlehub-field,
#singlehub-app .singlehub-account-field.is-invalid .singlehub-account-segment {
    border-color: #e2394f;
    box-shadow: 0 0 0 2px rgba(226, 57, 79, .10);
}

#singlehub-app .singlehub-account-field.is-attention .singlehub-field,
#singlehub-app .singlehub-account-field.is-attention .singlehub-account-segment {
    border-color: #d91531;
    box-shadow: 0 0 0 3px rgba(217, 21, 49, .22);
}

#singlehub-app .singlehub-account-field.is-valid .singlehub-account-range-slider {
    accent-color: #04bd71;
}

#singlehub-app .singlehub-account-field.is-invalid .singlehub-account-range-slider,
#singlehub-app .singlehub-account-field.is-attention .singlehub-account-range-slider {
    accent-color: #d91531;
}

#singlehub-app .singlehub-account-field.is-locked .singlehub-field {
    color: #47586f;
    background: #eef3f8;
}

#singlehub-app .singlehub-account-error {
    grid-column: 2;
    min-height: 14px;
    margin-top: -2px;
    color: #be1e36;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

#singlehub-app .singlehub-account-error:empty {
    display: none;
    min-height: 0;
    margin-top: 0;
}

#singlehub-app .singlehub-account-help {
    grid-column: 2;
    margin-top: -2px;
    color: #61718a;
    font-size: 13px;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-field--button .singlehub-button {
    width: fit-content;
    min-height: 31px;
    padding-inline: 11px;
    font-size: 12px;
}

#singlehub-app .singlehub-account-button-row {
    display: grid;
    gap: 6px;
    justify-items: start;
}

#singlehub-app .singlehub-account-button-row .singlehub-account-help {
    grid-column: 1;
    margin-top: 0;
}

#singlehub-app .singlehub-account-region-combo {
    gap: 4px;
}

#singlehub-app .singlehub-account-region-combo .singlehub-account-region-search {
    padding-right: 12px;
}

#singlehub-app .singlehub-account-segment-wrap {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

#singlehub-app .singlehub-account-segment {
    min-height: 34px;
    border: 1px solid #9eb0c6;
    border-radius: 5px;
    display: inline-flex;
    overflow: hidden;
    background: #fff;
}

#singlehub-app .singlehub-account-segment-option {
    min-width: 58px;
    min-height: 34px;
    border: 0;
    border-right: 1px solid #9eb0c6;
    color: #61718a;
    background: #fff;
    padding: 0 12px;
    font-weight: 850;
    cursor: pointer;
}

#singlehub-app .singlehub-account-segment-option:last-child {
    border-right: 0;
}

#singlehub-app .singlehub-account-segment-option.is-active {
    color: #fff;
    background: #6d7b90;
}

#singlehub-app .singlehub-account-checkbox-list,
#singlehub-app .singlehub-account-checkgrid,
#singlehub-app .singlehub-account-inline-checkgrid {
    display: grid;
    gap: 9px;
}

#singlehub-app .singlehub-account-check {
    width: fit-content;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #52647d;
    font-size: 13px;
    font-weight: 750;
}

#singlehub-app .singlehub-account-aligned-controls {
    margin-left: 190px;
    width: calc(100% - 190px);
    min-width: 0;
}

#singlehub-app .singlehub-account-checkgrid {
    grid-template-columns: minmax(160px, 1fr);
    max-width: 520px;
}

#singlehub-app .singlehub-account-checkgrid--chips {
    grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    grid-auto-rows: 42px;
    max-width: none;
    gap: 6px;
}

#singlehub-app .singlehub-account-inline-checkgrid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-auto-rows: 42px;
    gap: 6px;
}

#singlehub-app .singlehub-account-checkgrid--chips .singlehub-account-check,
#singlehub-app .singlehub-account-search-grid .singlehub-account-check,
#singlehub-app .singlehub-account-inline-checkgrid .singlehub-account-check {
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    height: 100%;
    border: 1px solid #c9d6e6;
    border-radius: 6px;
    align-self: stretch;
    padding: 6px 9px;
    background: #fff;
    line-height: 1.2;
}

#singlehub-app .singlehub-account-field:has([data-sh-account-separation-reason]):not(.is-visible) {
    display: none;
}

#singlehub-app .singlehub-account-check.is-disabled {
    color: #9aa8ba;
    border-color: #d7e0eb;
    background: #f5f7fa;
    cursor: not-allowed;
}

#singlehub-app .singlehub-account-check.is-disabled input {
    cursor: not-allowed;
}

#singlehub-app .singlehub-account-checkgrid--chips .singlehub-account-check:has(input:checked),
#singlehub-app .singlehub-account-search-grid .singlehub-account-check:has(input:checked),
#singlehub-app .singlehub-account-inline-checkgrid .singlehub-account-check:has(input:checked) {
    color: #244e84;
    border-color: #b8cff0;
    background: #eef5ff;
}

#singlehub-app .singlehub-account-search-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: 42px;
    gap: 6px;
    max-width: 760px;
}

#singlehub-app .singlehub-search-config-hero {
    margin-bottom: 18px;
}

#singlehub-app .singlehub-search-config-status {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
    padding: 12px 14px;
    border: 1px solid #cfe0ee;
    border-radius: 7px;
    background: #f7fbff;
    color: #26394f;
}

#singlehub-app .singlehub-search-config-status__icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e2f1fb;
    color: #2175a8;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-search-config-status strong,
#singlehub-app .singlehub-search-config-status small {
    display: block;
}

#singlehub-app .singlehub-search-config-status small {
    margin-top: 2px;
    color: #667991;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

#singlehub-app .singlehub-search-config {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-search-config-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px;
}

#singlehub-app .singlehub-search-config-option {
    min-height: 72px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "check label"
        ". badge";
    align-items: start;
    gap: 7px 9px;
    padding: 10px 12px;
    border: 1px solid #c9d6e6;
    border-radius: 7px;
    background: #fff;
    color: #27394f;
    font-size: 13px;
    font-weight: 760;
    line-height: 1.2;
}

#singlehub-app .singlehub-search-config-option input {
    grid-area: check;
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #2c7be5;
}

#singlehub-app .singlehub-search-config-option__label {
    grid-area: label;
    min-width: 0;
    overflow-wrap: anywhere;
}

#singlehub-app .singlehub-search-config-option__badge {
    grid-area: badge;
    justify-self: start;
    padding: 3px 7px;
    border-radius: 999px;
    background: #edf3fb;
    color: #5a6d83;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

#singlehub-app .singlehub-search-config-option.is-selected {
    border-color: #9cc6f4;
    background: #eef6ff;
    color: #244e84;
}

#singlehub-app .singlehub-search-config-option.is-standard .singlehub-search-config-option__badge {
    background: #dff0e8;
    color: #20734c;
}

#singlehub-app .singlehub-search-config-option.is-extra.is-selected .singlehub-search-config-option__badge {
    background: #e7edff;
    color: #355bb5;
}

#singlehub-app .singlehub-search-config-option.is-disabled {
    color: #8b9aad;
    border-color: #d9e2ec;
    background: #f7f9fb;
}

#singlehub-app .singlehub-search-config-option.is-pro-available .singlehub-search-config-option__badge {
    background: #fff0d8;
    color: #8a5a10;
}

#singlehub-app .singlehub-search-config-empty {
    color: #667991;
    font-size: 13px;
    font-weight: 700;
}

#singlehub-app .singlehub-account-control-note {
    margin: 6px 0 0;
    color: #61718a;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

#singlehub-app [data-sh-account-section="interests"] .singlehub-account-aligned-controls--interests {
    margin-top: 6px;
    margin-bottom: 10px;
}

#singlehub-app [data-sh-account-section="interests"] {
    scroll-margin-top: 92px;
}

#singlehub-app [data-sh-account-section="interests"] .singlehub-account-field--textarea {
    margin-top: 6px;
}

#singlehub-app .singlehub-account-check input {
    width: 16px;
    height: 16px;
    margin: 0;
}

#singlehub-app .singlehub-account-warning {
    border: 1px solid #ffc99e;
    border-radius: 4px;
    padding: 14px 16px;
    color: #9c420b;
    background: #fff0e6;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-left: 190px;
    padding-top: 2px;
}

#singlehub-app .singlehub-account-actions .singlehub-button--primary {
    min-height: 31px;
    border-color: var(--success-button-border);
    background: var(--success-button-bg);
    box-shadow: var(--success-button-shadow);
    padding-inline: 14px;
    font-size: 13px;
}

#singlehub-app .singlehub-account-actions .singlehub-button--primary:hover,
#singlehub-app .singlehub-account-actions .singlehub-button--primary:focus-visible {
    color: #fff;
    border-color: var(--success-button-hover-border);
    background: var(--success-button-hover-bg);
    box-shadow: var(--success-button-hover-shadow);
    outline: 0;
}

#singlehub-app .singlehub-account-actions .singlehub-button--secondary {
    min-height: 31px;
    padding-inline: 13px;
    font-size: 13px;
}

#singlehub-app .singlehub-settings-form {
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-settings-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(130, 155, 188, .32);
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 20px;
    align-items: end;
    padding: 24px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(36, 69, 91, .97) 0%, rgba(42, 78, 105, .96) 48%, rgba(43, 104, 112, .94) 100%),
        #24455b;
    box-shadow: 0 16px 34px rgba(31, 48, 72, .16);
}

#singlehub-app .singlehub-settings-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .09) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .28;
    pointer-events: none;
}

#singlehub-app .singlehub-settings-hero__copy,
#singlehub-app .singlehub-settings-status {
    position: relative;
    z-index: 1;
}

#singlehub-app .singlehub-settings-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 26px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    align-items: center;
    padding: 3px 10px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .12);
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-settings-hero h3 {
    max-width: 620px;
    margin: 13px 0 8px;
    color: #fff;
    font-size: 30px;
    line-height: 1.12;
}

#singlehub-app .singlehub-settings-hero p {
    max-width: 640px;
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.55;
}

#singlehub-app .singlehub-settings-status {
    min-height: 112px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 16px;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#singlehub-app .singlehub-settings-status__icon {
    width: 46px;
    height: 46px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    color: #063b2c;
    background: #9af0c5;
}

#singlehub-app .singlehub-settings-status svg {
    width: 25px;
    height: 25px;
}

#singlehub-app .singlehub-settings-status strong,
#singlehub-app .singlehub-settings-status small {
    display: block;
}

#singlehub-app .singlehub-settings-status strong {
    color: #fff;
    font-size: 15px;
}

#singlehub-app .singlehub-settings-status small {
    margin-top: 4px;
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    line-height: 1.35;
}

#singlehub-app .singlehub-settings-sections {
    gap: 14px;
}

#singlehub-app .singlehub-settings-section {
    min-width: 0;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 18px 18px 20px;
    background: var(--panel);
    box-shadow: 0 8px 22px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-settings-section legend {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    padding: 0 8px 0 0;
    color: #223249;
    font-size: 17px;
    font-weight: 900;
}

#singlehub-app .singlehub-settings-section legend span {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    background: #eef5ff;
}

#singlehub-app .singlehub-settings-section legend svg {
    width: 18px;
    height: 18px;
    color: #2c7be5;
}

#singlehub-app .singlehub-settings-section--communication legend span {
    background: #e9fff5;
}

#singlehub-app .singlehub-settings-section--communication legend svg {
    color: #06a86d;
}

#singlehub-app .singlehub-settings-section--comfort legend span {
    background: #fff6e2;
}

#singlehub-app .singlehub-settings-section--comfort legend svg {
    color: #b86d00;
}

#singlehub-app .singlehub-settings-section--support legend span {
    background: #fff0ee;
}

#singlehub-app .singlehub-settings-section--support legend svg {
    color: #d4322c;
}

#singlehub-app .singlehub-settings-section .singlehub-account-field {
    border-top: 1px solid #edf2f8;
    padding-top: 4px;
}

#singlehub-app .singlehub-settings-section .singlehub-account-field:first-of-type {
    border-top: 0;
    padding-top: 0;
}

#singlehub-app .singlehub-settings-section .singlehub-account-label {
    color: #31435b;
    font-size: 14px;
}

#singlehub-app .singlehub-settings-section .singlehub-account-segment {
    border-color: #c9d7e7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

#singlehub-app .singlehub-settings-section .singlehub-account-segment-option {
    min-width: 74px;
    min-height: 34px;
    border-color: #c9d7e7;
    color: #53657f;
    background: #f8fbff;
}

#singlehub-app .singlehub-settings-section .singlehub-account-segment-option.is-active {
    color: #fff;
    background: #2f6eb3;
}

#singlehub-app .singlehub-settings-section--communication .singlehub-account-segment-option.is-active {
    background: #078a59;
}

#singlehub-app .singlehub-settings-section--comfort .singlehub-account-segment-option.is-active {
    background: #94610d;
}

#singlehub-app .singlehub-settings-section--support .singlehub-account-segment-option.is-active {
    background: #b9322d;
}

#singlehub-app .singlehub-settings-support-note {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    border: 1px solid #f1c8c6;
    border-radius: 7px;
    padding: 12px 14px;
    color: #6f302d;
    background: #fff8f7;
}

#singlehub-app .singlehub-settings-support-note svg {
    width: 20px;
    height: 20px;
    color: #d4322c;
}

#singlehub-app .singlehub-settings-support-note p {
    margin: 0;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
}

#singlehub-app .singlehub-settings-form .singlehub-account-actions {
    margin-left: 0;
    justify-content: flex-start;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-profile-form {
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-profile-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(130, 155, 188, .32);
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 330px);
    gap: 20px;
    align-items: end;
    padding: 24px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(36, 69, 91, .97) 0%, rgba(42, 78, 105, .96) 48%, rgba(43, 104, 112, .94) 100%),
        #24455b;
    box-shadow: 0 16px 34px rgba(31, 48, 72, .16);
}

#singlehub-app .singlehub-profile-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .26;
    pointer-events: none;
}

#singlehub-app .singlehub-profile-hero__copy,
#singlehub-app .singlehub-profile-completion {
    position: relative;
    z-index: 1;
}

#singlehub-app .singlehub-profile-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 26px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    align-items: center;
    padding: 3px 10px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .12);
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-profile-hero h3 {
    max-width: 620px;
    margin: 13px 0 8px;
    color: #fff;
    font-size: 30px;
    line-height: 1.12;
}

#singlehub-app .singlehub-profile-hero p {
    max-width: 670px;
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.55;
}

#singlehub-app .singlehub-profile-completion {
    min-height: 116px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 16px;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#singlehub-app .singlehub-profile-completion__ring {
    --sh-profile-completion: 35%;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background:
        radial-gradient(circle closest-side, rgba(36, 69, 91, .96) 72%, transparent 74%),
        conic-gradient(#9af0c5 0 var(--sh-profile-completion), rgba(255, 255, 255, .24) var(--sh-profile-completion) 100%);
}

#singlehub-app .singlehub-profile-completion__ring strong {
    font-size: 15px;
}

#singlehub-app .singlehub-profile-completion > span:last-child strong,
#singlehub-app .singlehub-profile-completion > span:last-child small {
    display: block;
}

#singlehub-app .singlehub-profile-completion > span:last-child strong {
    color: #fff;
    font-size: 15px;
}

#singlehub-app .singlehub-profile-completion > span:last-child small {
    margin-top: 4px;
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    line-height: 1.35;
}

#singlehub-app .singlehub-account-profile-open {
    min-height: 42px;
    border: 1px solid #c9d7e7;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 13px;
    color: #40516a;
    background: #f7fbff;
    font-size: 13px;
    font-weight: 820;
    line-height: 1.15;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

#singlehub-app .singlehub-account-profile-open:hover,
#singlehub-app .singlehub-account-profile-open:focus-visible {
    border-color: #a9c4e4;
    color: #26364a;
    background: #edf5ff;
}

#singlehub-app .singlehub-account-profile-open[aria-disabled="true"] {
    opacity: .6;
    pointer-events: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-profile-open {
    border-color: #31445c;
    color: #dbe7f4;
    background: #1d2a3a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-profile-open:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-profile-open:focus-visible {
    border-color: #466280;
    color: #fff;
    background: #24344a;
}

#singlehub-app .singlehub-profile-sections {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-profile-section {
    min-width: 0;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 14px 18px 16px;
    background: var(--panel);
    box-shadow: 0 8px 22px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-profile-section legend {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 4px;
    padding: 0 8px 0 0;
    color: #223249;
    font-size: 17px;
    font-weight: 900;
}

#singlehub-app .singlehub-profile-section legend span {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    background: #eef5ff;
}

#singlehub-app .singlehub-profile-section legend svg {
    width: 18px;
    height: 18px;
    color: #2c7be5;
}

#singlehub-app .singlehub-profile-section--personal legend span {
    background: #f0fff8;
}

#singlehub-app .singlehub-profile-section--personal legend svg {
    color: #078a59;
}

#singlehub-app .singlehub-profile-section--profession legend span {
    background: #fff6e2;
}

#singlehub-app .singlehub-profile-section--profession legend svg {
    color: #b86d00;
}

#singlehub-app .singlehub-profile-section--interests legend span,
#singlehub-app .singlehub-profile-section--text legend span {
    background: #eff6ff;
}

#singlehub-app .singlehub-profile-section--search legend span {
    background: #fff0ee;
}

#singlehub-app .singlehub-profile-section--search legend svg {
    color: #d4322c;
}

#singlehub-app .singlehub-profile-section .singlehub-account-field {
    border-top: 1px solid #edf2f8;
    padding-top: 4px;
}

#singlehub-app .singlehub-profile-section .singlehub-account-field:first-of-type {
    border-top: 0;
    padding-top: 0;
}

#singlehub-app .singlehub-profile-section .singlehub-account-label {
    color: #31435b;
    font-size: 14px;
}

#singlehub-app .singlehub-profile-section .singlehub-account-segment {
    border-color: #c9d7e7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

#singlehub-app .singlehub-profile-section .singlehub-account-segment-option {
    min-height: 34px;
    border-color: #c9d7e7;
    color: #53657f;
    background: #f8fbff;
}

#singlehub-app .singlehub-profile-section .singlehub-account-segment-option.is-active {
    color: #fff;
    background: #2f6eb3;
}

#singlehub-app .singlehub-profile-section--personal .singlehub-account-segment-option.is-active {
    background: #078a59;
}

#singlehub-app .singlehub-profile-section--search .singlehub-account-check:has(input:checked),
#singlehub-app .singlehub-profile-section--interests .singlehub-account-check:has(input:checked) {
    color: #244e84;
    border-color: #b8cff0;
    background: #eef5ff;
}

#singlehub-app .singlehub-profile-section .singlehub-account-aligned-controls {
    margin-left: 0;
    width: auto;
}

#singlehub-app .singlehub-profile-section--text .singlehub-account-field--rich {
    grid-template-columns: 1fr;
    gap: 8px;
}

#singlehub-app .singlehub-profile-section--text .singlehub-account-rich-wrap,
#singlehub-app .singlehub-profile-section--text .singlehub-account-toolbar,
#singlehub-app .singlehub-profile-section--text .singlehub-account-wysiwyg {
    grid-column: 1;
}

#singlehub-app .singlehub-profile-form .singlehub-account-actions {
    margin-left: 0;
    justify-content: flex-start;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-questions-form {
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-questions-note {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border: 1px solid #bfe3ce;
    border-radius: 8px;
    padding: 14px 16px;
    color: #173f31;
    background: #f1fff8;
    box-shadow: 0 8px 22px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-questions-note svg {
    width: 22px;
    height: 22px;
    color: #078a59;
}

#singlehub-app .singlehub-questions-note p {
    margin: 0;
    line-height: 1.45;
}

#singlehub-app .singlehub-questions-sections {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-questions-section--relationship legend span {
    background: #fff0ee;
}

#singlehub-app .singlehub-questions-section--relationship legend svg {
    color: #d4322c;
}

#singlehub-app .singlehub-questions-section--life legend span {
    background: #f0fff8;
}

#singlehub-app .singlehub-questions-section--life legend svg {
    color: #078a59;
}

#singlehub-app .singlehub-questions-form .singlehub-account-actions {
    margin-left: 0;
    justify-content: flex-start;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-credentials-form {
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-credentials-status {
    grid-template-columns: 54px minmax(0, 1fr);
}

#singlehub-app .singlehub-credentials-status__icon {
    width: 46px;
    height: 46px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    color: #063b2c;
    background: #9af0c5;
}

#singlehub-app .singlehub-credentials-status__icon svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .singlehub-credentials-status strong {
    color: #fff;
}

#singlehub-app .singlehub-credentials-status small {
    color: rgba(255, 255, 255, .74);
}

#singlehub-app .singlehub-credentials-sections {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-credentials-section--membership legend span {
    background: #e9f8ef;
}

#singlehub-app .singlehub-credentials-section--membership legend svg {
    color: #078a59;
}

#singlehub-app .singlehub-account-membership-card__body {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-account-membership-card__summary {
    margin: 0;
    color: #526274;
    line-height: 1.5;
}

#singlehub-app .singlehub-account-membership-card__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

#singlehub-app .singlehub-account-membership-card__facts div {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #fbfdff;
}

#singlehub-app .singlehub-account-membership-card__facts dt,
#singlehub-app .singlehub-account-membership-card__facts dd {
    margin: 0;
}

#singlehub-app .singlehub-account-membership-card__facts dt {
    color: #6b778b;
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-account-membership-card__facts dd {
    margin-top: 4px;
    color: #223149;
    font-weight: 800;
    line-height: 1.35;
}

#singlehub-app .singlehub-account-membership-card .singlehub-button {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#singlehub-app .singlehub-account-membership-card .singlehub-button svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 860px) {
    #singlehub-app .singlehub-account-membership-card__facts {
        grid-template-columns: 1fr;
    }
}

#singlehub-app .singlehub-credentials-section--security legend span {
    background: #f0fff8;
}

#singlehub-app .singlehub-credentials-section--security legend svg {
    color: #078a59;
}

#singlehub-app .singlehub-credentials-password-row .singlehub-button,
#singlehub-app .singlehub-credentials-admin-row .singlehub-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

#singlehub-app .singlehub-credentials-password-row .singlehub-button svg,
#singlehub-app .singlehub-credentials-admin-row .singlehub-button svg {
    width: 16px;
    height: 16px;
}

#singlehub-app .singlehub-credentials-form .singlehub-account-actions {
    margin-left: 0;
    justify-content: flex-start;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-media-form {
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-media-sections {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-media-section--upload legend span {
    background: #f0fff8;
}

#singlehub-app .singlehub-media-section--upload legend svg {
    color: #078a59;
}

#singlehub-app .singlehub-media-section--gallery legend span {
    background: #eff6ff;
}

#singlehub-app .singlehub-media-section--gallery legend svg {
    color: #2c7be5;
}

#singlehub-app .singlehub-account-media-head h3,
#singlehub-app .singlehub-account-delete-copy h3 {
    margin: 0;
    color: #223249;
    font-size: 24px;
    line-height: 1.25;
}

#singlehub-app .singlehub-account-media-head p,
#singlehub-app .singlehub-account-gallery-heading p {
    margin: 7px 0 0;
    color: #53657f;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-photo-required,
#singlehub-app .singlehub-account-delete-copy p {
    margin: 0;
    color: #223249;
    font-size: 17px;
    line-height: 1.55;
}

#singlehub-app .singlehub-account-photo-required {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 2px solid #25b979;
    border-radius: 6px;
    padding: 16px 18px;
    background: #f0fff8;
}

#singlehub-app .singlehub-account-photo-required svg {
    width: 28px;
    height: 28px;
    color: #078a59;
}

#singlehub-app .singlehub-account-dropzone {
    min-height: 238px;
    border: 2px solid #2c7be5;
    border-radius: 8px;
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 30px;
    color: #243246;
    background: #eef7ff;
    text-align: center;
    font-size: 17px;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

#singlehub-app .singlehub-account-dropzone:focus,
#singlehub-app .singlehub-account-dropzone:focus-within,
#singlehub-app .singlehub-account-dropzone.is-drag-over {
    border-color: #06a86d;
    box-shadow: 0 0 0 4px rgba(6, 200, 121, .18);
    outline: 0;
}

#singlehub-app .singlehub-account-dropzone.is-invalid {
    border-color: #d72f2f;
    background: #fff0ee;
    box-shadow: 0 0 0 4px rgba(215, 47, 47, .12);
}

#singlehub-app .singlehub-account-dropzone.is-ready {
    border-color: #06a86d;
    background: #ecfff6;
}

#singlehub-app .singlehub-account-dropzone__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #1b5ea8;
    background: #d9ebff;
}

#singlehub-app .singlehub-account-dropzone svg {
    width: 30px;
    height: 30px;
}

#singlehub-app .singlehub-account-dropzone__title {
    min-height: 42px;
    border-radius: 6px;
    padding: 9px 18px;
    color: #fff;
    background: #2c7be5;
    font-size: 18px;
    line-height: 1.25;
}

#singlehub-app .singlehub-account-dropzone__copy {
    max-width: 520px;
    color: #415269;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-dropzone small {
    color: #61718a;
    font-size: 13px;
    font-weight: 700;
}

#singlehub-app .singlehub-account-media-state {
    min-height: 0;
    margin: -8px 0 0;
    color: #b02626;
    font-weight: 750;
}

#singlehub-app .singlehub-account-media-state:empty {
    display: none;
}

#singlehub-app .singlehub-account-media-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 8px;
}

#singlehub-app .singlehub-account-certify-upload {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

#singlehub-app .singlehub-account-certify-upload__choice {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #53657f;
    font-size: 14px;
    font-weight: 750;
}

#singlehub-app .singlehub-account-photo-progress {
    display: grid;
    width: min(260px, 48%);
    gap: 6px;
    color: #53657f;
    font-size: 13px;
    font-weight: 750;
}

#singlehub-app .singlehub-account-photo-progress__bar {
    display: block;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #dbe8f7;
}

#singlehub-app .singlehub-account-photo-progress__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2c7be5;
}

#singlehub-app .singlehub-account-gallery-wrap {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

#singlehub-app .singlehub-account-gallery-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

#singlehub-app .singlehub-account-gallery-heading h4 {
    margin: 0;
    color: #223249;
    font-size: 19px;
}

#singlehub-app .singlehub-account-gallery {
    display: grid;
    gap: 14px;
}

#singlehub-app .singlehub-account-gallery-row {
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 16px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-account-gallery-row.is-primary {
    border-color: #06c879;
    box-shadow: 0 0 0 3px rgba(6, 200, 121, .12), 0 4px 16px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-account-gallery-row.is-dragging {
    opacity: .62;
}

#singlehub-app .singlehub-account-photo-card__media {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 66px;
    gap: 10px;
    align-items: end;
}

#singlehub-app .singlehub-account-photo-card__badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    border-radius: 999px;
    padding: 4px 9px;
    color: #fff;
    background: rgba(34, 50, 73, .88);
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-account-gallery-row.is-primary .singlehub-account-photo-card__badge {
    background: #078a59;
}

#singlehub-app .singlehub-account-identity-card {
    border-color: #b8c5d9;
    background: #fbfcfe;
}

#singlehub-app .singlehub-account-identity-card .singlehub-account-photo-card__badge {
    background: #49566b;
}

#singlehub-app .singlehub-account-identity-title {
    color: #223249;
    font-size: 17px;
}

#singlehub-app .singlehub-account-tool--identity-gallery {
    grid-column: 1;
    width: 100%;
    justify-self: stretch;
    white-space: nowrap;
}

#singlehub-app .singlehub-account-gallery-preview[data-sh-account-identity-lightbox],
#singlehub-app .singlehub-account-gallery-thumb[data-sh-account-identity-lightbox] {
    cursor: zoom-in;
}

#singlehub-app .singlehub-account-gallery-preview[data-sh-account-identity-lightbox]:focus-visible,
#singlehub-app .singlehub-account-gallery-thumb[data-sh-account-identity-lightbox]:focus-visible {
    outline: 3px solid rgba(47, 128, 237, .34);
    outline-offset: 3px;
}

#singlehub-app .singlehub-account-gallery-preview,
#singlehub-app .singlehub-account-gallery-thumb {
    display: grid;
    place-items: center;
    color: #5e7088;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .45), transparent),
        #d6e0ec;
}

#singlehub-app .singlehub-account-gallery-preview {
    aspect-ratio: 1 / 1;
    min-height: 146px;
    border-radius: 6px;
    overflow: hidden;
}

#singlehub-app .singlehub-account-gallery-preview[data-sh-account-photo-lightbox],
#singlehub-app .singlehub-account-gallery-thumb[data-sh-account-photo-lightbox] {
    cursor: zoom-in;
}

#singlehub-app .singlehub-account-gallery-preview[data-sh-account-photo-lightbox]:focus-visible,
#singlehub-app .singlehub-account-gallery-thumb[data-sh-account-photo-lightbox]:focus-visible {
    outline: 3px solid rgba(47, 128, 237, .34);
    outline-offset: 3px;
}

#singlehub-app .singlehub-account-gallery-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#singlehub-app .singlehub-account-gallery-thumb {
    width: 66px;
    height: 66px;
    border-radius: 6px;
    overflow: hidden;
    align-self: start;
    justify-self: end;
    box-sizing: border-box;
}

#singlehub-app .singlehub-account-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#singlehub-app .singlehub-account-photo-card__body {
    display: grid;
    gap: 10px;
}

#singlehub-app .singlehub-account-photo-card__topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#singlehub-app .singlehub-account-photo-card__topline strong {
    color: #223249;
    font-size: 17px;
}

#singlehub-app .singlehub-account-photo-description {
    display: block;
}

#singlehub-app .singlehub-account-photo-description__input {
    min-height: 38px;
    width: 100%;
    border-color: #b8cce5;
    background: #fff;
}

#singlehub-app .singlehub-account-gallery-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

#singlehub-app .singlehub-account-tool {
    min-height: 38px;
    border: 1px solid #c9d5e4;
    border-radius: 6px;
    display: inline-flex;
    gap: 6px;
    place-items: center;
    align-items: center;
    justify-content: center;
    color: #53657f;
    background: #fff;
    padding: 0 10px;
    font-weight: 850;
    cursor: pointer;
}

#singlehub-app .singlehub-account-tool:disabled {
    color: #9aa8b9;
    background: #f3f6fa;
    cursor: not-allowed;
}

#singlehub-app .singlehub-account-tool svg {
    width: 16px;
    height: 16px;
}

#singlehub-app .singlehub-account-gallery-admin-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: -2px;
}

#singlehub-app .singlehub-account-admin-tool {
    min-width: 44px;
    min-height: 30px;
    border: 1px solid #c9d5e4;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #53657f;
    background: #fff;
    padding: 0 9px;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

#singlehub-app .singlehub-account-admin-tool:hover,
#singlehub-app .singlehub-account-admin-tool:focus-visible,
#singlehub-app .singlehub-account-admin-tool.is-active {
    border-color: #2c7be5;
    color: #1f5f99;
    background: #edf5ff;
}

#singlehub-app .singlehub-account-admin-tool--icon {
    min-width: 34px;
    padding: 0 8px;
}

#singlehub-app .singlehub-account-admin-tool--certification {
    min-width: 132px;
    gap: 6px;
}

#singlehub-app .singlehub-account-admin-tool--certification.is-certified {
    border-color: #078a59;
    color: #066341;
    background: #e7f8ef;
}

#singlehub-app .singlehub-account-admin-tool--certification.is-uncertified {
    border-color: #e4b35f;
    color: #79520b;
    background: #fff7e6;
}

#singlehub-app .singlehub-account-admin-tool svg {
    width: 15px;
    height: 15px;
}

#singlehub-app .singlehub-verification-queue {
    display: grid;
    gap: 18px;
}

#singlehub-app .singlehub-verification-queue[hidden] {
    display: none;
}

#singlehub-app .singlehub-verification-queue__header {
    align-items: start;
    margin-bottom: 0;
}

#singlehub-app .singlehub-verification-queue__header p:last-child {
    margin: 6px 0 0;
    color: #53657f;
    font-size: 15px;
}

#singlehub-app .singlehub-verification-queue__state {
    min-height: 20px;
    color: #53657f;
    font-size: 14px;
    font-weight: 750;
}

#singlehub-app .singlehub-verification-queue__state:empty {
    display: none;
}

#singlehub-app .singlehub-verification-queue__layout {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

#singlehub-app .singlehub-verification-queue__list-panel,
#singlehub-app .singlehub-verification-queue__detail,
#singlehub-app .singlehub-verification-panel {
    border: 1px solid #d5e0ed;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(40, 62, 90, .08);
}

#singlehub-app .singlehub-verification-queue__list-panel {
    padding: 14px;
}

#singlehub-app .singlehub-verification-queue__list-panel h3,
#singlehub-app .singlehub-verification-panel h4 {
    margin: 0 0 12px;
    color: #263545;
    font-size: 17px;
}

#singlehub-app .singlehub-verification-queue__list {
    display: grid;
    gap: 10px;
}

#singlehub-app .singlehub-verification-card {
    width: 100%;
    border: 1px solid #d5e0ed;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    color: #263545;
    background: #f8fbff;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .singlehub-verification-card:hover,
#singlehub-app .singlehub-verification-card:focus-visible,
#singlehub-app .singlehub-verification-card.is-active {
    border-color: #2c7be5;
    background: #edf5ff;
}

#singlehub-app .singlehub-verification-card--empty {
    display: block;
    cursor: default;
}

#singlehub-app .singlehub-verification-card__photo {
    width: 54px;
    height: 54px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #dbe8f7;
}

#singlehub-app .singlehub-verification-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#singlehub-app .singlehub-verification-card__body {
    display: grid;
    gap: 4px;
    min-width: 0;
}

#singlehub-app .singlehub-verification-card__body strong,
#singlehub-app .singlehub-verification-card__body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-verification-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#singlehub-app .singlehub-verification-card__badges span {
    border-radius: 999px;
    padding: 3px 8px;
    color: #1f5f99;
    background: #e5f1ff;
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-verification-queue__detail {
    min-height: 420px;
    padding: 16px;
}

#singlehub-app .singlehub-verification-queue__detail-empty {
    min-height: 320px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    color: #53657f;
    text-align: center;
}

#singlehub-app .singlehub-verification-detail-header {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

#singlehub-app .singlehub-verification-detail-info {
    min-width: 0;
    padding-right: 92px;
}

#singlehub-app .singlehub-verification-detail-header h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    color: #263545;
    font-size: 22px;
}

#singlehub-app .singlehub-verification-last-online {
    color: #53657f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

#singlehub-app .singlehub-verification-detail-header p {
    margin: 4px 0 0;
    color: #53657f;
}

#singlehub-app .singlehub-verification-detail-side {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

#singlehub-app .singlehub-verification-detail-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    justify-content: flex-end;
    gap: 8px;
}

#singlehub-app .singlehub-verification-detail-actions .singlehub-button {
    flex: 0 0 auto;
    padding-inline: 16px;
    white-space: nowrap;
}

#singlehub-app .singlehub-action--verification-dismiss {
    width: 52px;
    min-width: 52px;
    padding-inline: 0;
}

#singlehub-app .singlehub-verification-id-preview {
    position: absolute;
    top: 0;
    right: 0;
    width: 76px;
    height: 48px;
    border: 1px solid #b8cce5;
    border-radius: 6px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #53657f;
    background: #f8fbff;
    padding: 0;
    cursor: zoom-in;
}

#singlehub-app .singlehub-verification-id-preview:hover,
#singlehub-app .singlehub-verification-id-preview:focus-visible {
    border-color: #2c7be5;
    outline: 3px solid rgba(47, 128, 237, .18);
    outline-offset: 2px;
}

#singlehub-app .singlehub-verification-id-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#singlehub-app .singlehub-verification-birthdate-field {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #53657f;
    font-size: 14px;
    font-weight: 800;
}

#singlehub-app .singlehub-verification-birthdate-input {
    width: 142px;
    min-height: 34px;
    padding: 0 8px;
    border-color: #b8cce5;
    font-size: 14px;
}

#singlehub-app .singlehub-verification-birthdate-status {
    display: block;
    min-height: 17px;
    margin-top: 4px;
    color: #53657f;
    font-size: 12px;
    font-weight: 750;
}

#singlehub-app .singlehub-verification-birthdate-status:empty {
    display: none;
}

#singlehub-app .singlehub-verification-compare {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
}

#singlehub-app .singlehub-verification-panel {
    display: grid;
    gap: 12px;
    padding: 14px;
}

#singlehub-app .singlehub-verification-panel .singlehub-account-gallery-row {
    box-shadow: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-photo-card__body {
    gap: 8px;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-photo-description {
    display: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-gallery-meta {
    display: flex;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-gallery-meta > div {
    display: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-gallery-meta > [data-sh-account-meta="size"] {
    display: block;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-gallery-tools,
#singlehub-app .singlehub-verification-media-card .singlehub-account-gallery-admin-tools {
    gap: 6px;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-photo-card__badge {
    display: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-tool,
#singlehub-app .singlehub-verification-media-card .singlehub-account-admin-tool--certification,
#singlehub-app .singlehub-verification-media-card .singlehub-account-admin-tool--icon {
    width: 38px;
    min-width: 38px;
    min-height: 36px;
    padding: 0;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-admin-tool:not(.singlehub-account-admin-tool--certification):not(.singlehub-account-admin-tool--icon) {
    min-width: 38px;
    min-height: 32px;
    padding: 0 6px;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-tool span,
#singlehub-app .singlehub-verification-media-card .singlehub-account-admin-tool--certification span,
#singlehub-app .singlehub-verification-media-card .singlehub-account-admin-tool--icon span {
    display: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-tool--identity-gallery span {
    display: inline;
}

#singlehub-app .singlehub-verification-media-card .singlehub-account-tool--identity-gallery {
    width: 100%;
    min-width: 0;
    gap: 6px;
    padding: 0 10px;
    white-space: nowrap;
}

#singlehub-app .singlehub-account-tool--identity-gallery .singlehub-icon {
    display: none;
}

#singlehub-app .singlehub-verification-media-card .singlehub-verification-media-card__certification {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    gap: 6px;
    flex-direction: row;
    padding: 0 10px;
    justify-self: stretch;
}

#singlehub-app .singlehub-verification-media-card .singlehub-verification-media-card__certification .singlehub-icon {
    order: 0;
}

#singlehub-app .singlehub-verification-media-card .singlehub-verification-media-card__certification span {
    display: inline;
    order: 1;
}

#singlehub-app .singlehub-verification-panel--pending-photos .singlehub-account-gallery-row,
#singlehub-app .singlehub-verification-panel--document-edit .singlehub-account-gallery-row {
    grid-template-columns: minmax(144px, 176px) minmax(0, 1fr);
}

#singlehub-app .singlehub-verification-panel__empty {
    margin: 0;
    color: #53657f;
}

#singlehub-app .singlehub-account-gallery-meta {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    border-top: 1px solid #dbe4ef;
    margin: 0;
    padding-top: 12px;
    color: #53657f;
    font-size: 13px;
}

#singlehub-app .singlehub-account-gallery-meta div {
    min-width: 0;
}

#singlehub-app .singlehub-account-gallery-meta dd {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
}

#singlehub-app .singlehub-account-gallery-meta svg {
    width: 15px;
    height: 15px;
    color: #60748f;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-account-gallery-size-kb {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1px 6px;
    font-weight: 850;
}

#singlehub-app .singlehub-account-gallery-size-kb.is-oversize {
    border-color: #d83b3b;
    color: #b02626;
    background: #fff5f5;
}

#singlehub-app .singlehub-account-form--media .singlehub-account-actions {
    margin-left: 0;
    justify-content: flex-start;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-account-crop-dialog {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(17, 27, 41, .68);
}

#singlehub-app .singlehub-account-crop-dialog[hidden] {
    display: none;
}

#singlehub-app .singlehub-account-crop-dialog__panel {
    width: min(920px, 100%);
    max-height: min(820px, calc(100vh - 48px));
    display: grid;
    gap: 14px;
    border-radius: 8px;
    padding: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(12, 24, 40, .32);
}

#singlehub-app .singlehub-account-crop-dialog__head,
#singlehub-app .singlehub-account-crop-dialog__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#singlehub-app .singlehub-account-crop-dialog__head h3 {
    margin: 0;
    color: #223249;
    font-size: 20px;
}

#singlehub-app .singlehub-account-crop-dialog__head p,
#singlehub-app .singlehub-account-crop-dialog__panel > p {
    margin: 0;
    color: #53657f;
    line-height: 1.45;
}

#singlehub-app .singlehub-account-crop-dialog__close {
    min-height: 34px;
    border: 1px solid #c9d5e4;
    border-radius: 6px;
    color: #53657f;
    background: #fff;
    padding: 0 12px;
    font-weight: 850;
    cursor: pointer;
}

#singlehub-app .singlehub-account-crop-frame {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    min-height: 360px;
    border-radius: 6px;
    background: #111b29;
    touch-action: none;
    user-select: none;
}

#singlehub-app .singlehub-account-crop-frame img {
    display: block;
    max-width: 100%;
    max-height: min(62vh, 560px);
    object-fit: contain;
}

#singlehub-app .singlehub-account-crop-box {
    position: absolute;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 9999px rgba(7, 16, 29, .52), 0 0 0 1px rgba(44, 123, 229, .8);
    cursor: move;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle] {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #2c7be5;
    box-shadow: 0 1px 6px rgba(7, 16, 29, .35);
    touch-action: none;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="nw"] {
    top: -9px;
    left: -9px;
    cursor: nwse-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="n"] {
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    cursor: ns-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="ne"] {
    top: -9px;
    right: -9px;
    cursor: nesw-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="e"] {
    top: 50%;
    right: -9px;
    transform: translateY(-50%);
    cursor: ew-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="se"] {
    right: -9px;
    bottom: -9px;
    cursor: nwse-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="s"] {
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    cursor: ns-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="sw"] {
    bottom: -9px;
    left: -9px;
    cursor: nesw-resize;
}

#singlehub-app .singlehub-account-crop-box [data-sh-account-crop-handle="w"] {
    top: 50%;
    left: -9px;
    transform: translateY(-50%);
    cursor: ew-resize;
}

#singlehub-app .singlehub-account-crop-box::before,
#singlehub-app .singlehub-account-crop-box::after {
    content: "";
    position: absolute;
    inset: 33.333% 0 auto;
    border-top: 1px solid rgba(255, 255, 255, .72);
}

#singlehub-app .singlehub-account-crop-box::after {
    inset: 66.666% 0 auto;
}

#singlehub-app .singlehub-account-crop-dialog.is-square .singlehub-account-crop-box {
    aspect-ratio: 1 / 1;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-crop-dialog__panel {
    background: #172132;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-crop-dialog__head h3 {
    color: #f4f7fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-crop-dialog__panel > p {
    color: #aab8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-crop-dialog__close {
    border-color: #34435a;
    color: #d8e2f0;
    background: #223049;
}

#singlehub-app .singlehub-account-delete-copy {
    display: grid;
    gap: 18px;
    padding: 10px 14px 12px;
}

#singlehub-app .singlehub-account-delete-copy h3 {
    padding-bottom: 16px;
    border-bottom: 1px solid #cfd9e6;
}

#singlehub-app .singlehub-account-confirm-note {
    margin-left: 190px;
    border: 1px solid #b8dbff;
    border-radius: 5px;
    padding: 12px 14px;
    color: #1f5f99;
    background: #edf7ff;
    line-height: 1.45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-tab,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-control-wrap .singlehub-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-segment,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-segment-option,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-gallery-row,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-dropzone__icon,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-tool {
    color: #dce7f4;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-editor__notice,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-panel {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-form.singlehub-account-panel {
    background: transparent;
    box-shadow: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-section-title,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-media-head h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-gallery-heading h4,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-photo-card__topline strong,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-identity-title,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-delete-copy h3 {
    color: #edf4fb;
    border-color: #31445c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-label,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-help,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-control-note,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-check,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-media-head p,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-gallery-heading p,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-delete-copy p,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-gallery-meta {
    color: #a9b8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-photo-required {
    color: #a9b8ca;
    border-color: #1f9f6b;
    background: #133526;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-dropzone {
    color: #a9b8ca;
    border-color: #67a7ff;
    background: #172f4a;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-dropzone__copy,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-dropzone small {
    color: #a9b8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-media-state {
    color: #a9b8ca;
    font-weight: 500;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-photo-progress {
    color: #a9b8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-photo-progress__bar {
    background: #26384d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-checkgrid--chips .singlehub-account-check:not(:has(input:checked)),
#singlehub-app.singlehub-app--theme-dark .singlehub-account-search-grid .singlehub-account-check:not(:has(input:checked)),
#singlehub-app.singlehub-app--theme-dark .singlehub-account-inline-checkgrid .singlehub-account-check:not(:has(input:checked)) {
    color: #a9b8ca;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-check input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: grid;
    place-content: center;
    border: 1px solid #50637b;
    border-radius: 3px;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-check input[type="checkbox"]::before {
    content: "";
    width: 8px;
    height: 5px;
    border-left: 2px solid #0f1a26;
    border-bottom: 2px solid #0f1a26;
    transform: rotate(-45deg) scale(0);
    transition: transform .12s ease;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-check input[type="checkbox"]:checked {
    border-color: #8cc2ff;
    background: #8cc2ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-check input[type="checkbox"]:checked::before {
    transform: rotate(-45deg) scale(1);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-error {
    color: #ff8ea0;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-checkgrid--chips .singlehub-account-check:has(input:checked),
#singlehub-app.singlehub-app--theme-dark .singlehub-account-search-grid .singlehub-account-check:has(input:checked),
#singlehub-app.singlehub-app--theme-dark .singlehub-account-inline-checkgrid .singlehub-account-check:has(input:checked) {
    color: #d7e8ff;
    border-color: #3c5f89;
    background: #172c45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-status,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option {
    color: #dce7f4;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-status small,
#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-empty {
    color: #a9b8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-status__icon {
    background: #173652;
    color: #8cc2ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option input {
    accent-color: #8cc2ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option__badge {
    color: #b8c7d9;
    background: #26384d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option.is-selected {
    color: #d7e8ff;
    border-color: #3c5f89;
    background: #172c45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option.is-standard .singlehub-search-config-option__badge {
    color: #94e0ba;
    background: #153827;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option.is-extra.is-selected .singlehub-search-config-option__badge {
    color: #b8ccff;
    background: #26345f;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option.is-disabled {
    color: #78889c;
    border-color: #2b3a4e;
    background: #162230;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-search-config-option.is-pro-available .singlehub-search-config-option__badge {
    color: #ffd38a;
    background: #4a3517;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-toolbar,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-wysiwyg,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-emoji-panel {
    color: #a9b8ca;
    border-color: #31445c;
    background: #1d2b3a;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-editor-button {
    color: #a9b8ca;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-editor-button:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-editor-button:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-emoji-option:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-emoji-option:focus-visible {
    color: #d7e8ff;
    background: #172c45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-emoji-option {
    color: #d7e8ff;
    border-color: #31445c;
    background: #223247;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-warning {
    color: #ffd3ae;
    border-color: #744116;
    background: #3b271d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-hero {
    border-color: #31445c;
    background:
        linear-gradient(135deg, rgba(27, 40, 55, .98) 0%, rgba(30, 57, 76, .98) 50%, rgba(25, 74, 79, .96) 100%),
        #1b2837;
    box-shadow: 0 16px 34px rgba(1, 7, 15, .32);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section,
#singlehub-app.singlehub-app--theme-dark .singlehub-settings-form .singlehub-account-actions {
    border-color: #31445c;
    background: #172230;
    box-shadow: 0 10px 26px rgba(1, 7, 15, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section legend {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section .singlehub-account-label {
    color: #b6c4d4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section .singlehub-account-field {
    border-color: #26384d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section legend span {
    background: #203a5b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--communication legend span {
    background: #153b2c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--comfort legend span {
    background: #3a2d19;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--support legend span {
    background: #442322;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section .singlehub-account-segment-option {
    color: #dce7f4;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section .singlehub-account-segment-option.is-active {
    color: #fff;
    border-color: #2f6eb3;
    background: #2f6eb3;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--communication .singlehub-account-segment-option.is-active {
    border-color: #078a59;
    background: #078a59;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--comfort .singlehub-account-segment-option.is-active {
    border-color: #94610d;
    background: #94610d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-section--support .singlehub-account-segment-option.is-active {
    border-color: #b9322d;
    background: #b9322d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-support-note {
    color: #ffc8c4;
    border-color: #6a3533;
    background: #2a1d1e;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-hero {
    border-color: #31445c;
    background:
        linear-gradient(135deg, rgba(27, 40, 55, .98) 0%, rgba(30, 57, 76, .98) 50%, rgba(25, 74, 79, .96) 100%),
        #1b2837;
    box-shadow: 0 16px 34px rgba(1, 7, 15, .32);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-form .singlehub-account-actions,
#singlehub-app.singlehub-app--theme-dark .singlehub-media-form .singlehub-account-actions {
    border-color: #31445c;
    background: #172230;
    box-shadow: 0 10px 26px rgba(1, 7, 15, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section legend {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section .singlehub-account-label {
    color: #b6c4d4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section .singlehub-account-field {
    border-color: #26384d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section legend span {
    background: #203a5b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--personal legend span {
    background: #153b2c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-credentials-section--membership legend span {
    background: #153b2c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-membership-card__summary {
    color: #aebbc8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-membership-card__facts div {
    border-color: #26384d;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-membership-card__facts dt {
    color: #aebbc8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-membership-card__facts dd {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--profession legend span {
    background: #3a2d19;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--search legend span {
    background: #442322;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section .singlehub-account-segment-option {
    color: #dce7f4;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section .singlehub-account-segment-option:is(.is-active, [aria-pressed="true"]) {
    color: #fff;
    border-color: #2f6eb3;
    background: #2f6eb3;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--personal .singlehub-account-segment-option:is(.is-active, [aria-pressed="true"]) {
    border-color: #078a59;
    background: #078a59;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--profession .singlehub-account-segment-option:is(.is-active, [aria-pressed="true"]) {
    border-color: #94610d;
    background: #94610d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--search .singlehub-account-segment-option:is(.is-active, [aria-pressed="true"]) {
    border-color: #b9322d;
    background: #b9322d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--search .singlehub-account-check:has(input:checked),
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-section--interests .singlehub-account-check:has(input:checked) {
    color: #d7e8ff;
    border-color: #3c5f89;
    background: #172c45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-questions-note,
#singlehub-app.singlehub-app--theme-dark .singlehub-questions-form .singlehub-account-actions {
    color: #dff8ed;
    border-color: #2b654c;
    background: #132d24;
    box-shadow: 0 10px 26px rgba(1, 7, 15, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-credentials-form .singlehub-account-actions {
    border-color: #31445c;
    background: #172230;
    box-shadow: 0 10px 26px rgba(1, 7, 15, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-settings-form .singlehub-account-actions,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-form .singlehub-account-actions,
#singlehub-app.singlehub-app--theme-dark .singlehub-questions-form .singlehub-account-actions,
#singlehub-app.singlehub-app--theme-dark .singlehub-credentials-form .singlehub-account-actions,
#singlehub-app.singlehub-app--theme-dark .singlehub-media-form .singlehub-account-actions {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool {
    color: #dce7f4;
    border-color: #31445c;
    background: #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool.is-active {
    color: #d7e8ff;
    border-color: #3c5f89;
    background: #172c45;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool--certification.is-certified {
    color: #baf3d5;
    border-color: #1c8f61;
    background: #0f3426;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-admin-tool--certification.is-uncertified {
    color: #ffe1a8;
    border-color: #9c7629;
    background: #382710;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-certify-upload__choice,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__header p:last-child,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__state,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__detail-empty,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-detail-header p,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-last-online,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-birthdate-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-birthdate-status,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-panel__empty {
    color: #aebbc8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-birthdate-input {
    color: #edf3fb;
    border-color: #31445c;
    background: #172230;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__list-panel,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__detail,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-panel {
    border-color: #324255;
    background: #1d2836;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-id-preview {
    color: #aebbc8;
    border-color: #31445c;
    background: #172230;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-id-preview:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-id-preview:focus-visible {
    border-color: #69a7ff;
    outline-color: rgba(105, 167, 255, .22);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-card {
    border-color: #324255;
    color: #edf3fb;
    background: #202d3c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-card:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-card:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-card.is-active {
    border-color: #69a7ff;
    background: #243852;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-verification-queue__list-panel h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-panel h4,
#singlehub-app.singlehub-app--theme-dark .singlehub-verification-detail-header h3 {
    color: #edf3fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-gallery-meta {
    border-top-color: #31445c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-actions .singlehub-button--primary {
    color: #fff;
    border-color: var(--success-button-border);
    background: var(--success-button-bg);
    box-shadow: var(--success-button-shadow);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-actions .singlehub-button--primary:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-actions .singlehub-button--primary:focus-visible {
    color: #fff;
    border-color: var(--success-button-hover-border);
    background: var(--success-button-hover-bg);
    box-shadow: var(--success-button-hover-shadow);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-valid .singlehub-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-valid .singlehub-account-segment {
    border-color: #04bd71;
    box-shadow: 0 0 0 1px rgba(4, 189, 113, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-invalid .singlehub-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-invalid .singlehub-account-segment {
    border-color: #f14e55;
    box-shadow: 0 0 0 2px rgba(241, 78, 85, .15);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-attention .singlehub-field,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-attention .singlehub-account-segment {
    border-color: #ff626a;
    box-shadow: 0 0 0 3px rgba(241, 78, 85, .22);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-valid .singlehub-account-range-slider {
    accent-color: #04bd71;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-invalid .singlehub-account-range-slider,
#singlehub-app.singlehub-app--theme-dark .singlehub-account-field.is-attention .singlehub-account-range-slider {
    accent-color: #f14e55;
}

#singlehub-app .singlehub-mobile-account-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
    align-items: center;
    padding: 16px 16px 10px;
}

#singlehub-app .singlehub-mobile-account-heading .singlehub-account-editor__state {
    grid-column: 1 / -1;
}

#singlehub-app .singlehub-mobile-account-heading h1 {
    margin: 0;
    color: var(--ink);
    font-size: 26px;
    line-height: 1.18;
}

#singlehub-app .singlehub-search-filter,
#singlehub-app .singlehub-auth-form label {
    display: grid;
    gap: 6px;
    color: #46566b;
    font-weight: 700;
}

#singlehub-app .singlehub-search-filter--q,
#singlehub-app .singlehub-search-form__actions {
    grid-column: span 3;
}

#singlehub-app .singlehub-search-results,
#singlehub-app .singlehub-relations-results {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
}

#singlehub-app .singlehub-relations-desktop-view.result-view {
    display: grid;
    gap: 16px;
}

#singlehub-app .singlehub-relations-desktop-view[hidden] {
    display: none;
}

#singlehub-app .singlehub-relations-view .friends-intro-card {
    margin-top: 0;
    overflow: hidden;
}

#singlehub-app .singlehub-relations-view .feed-title {
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-relations-view .feed-title h2 {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
}

#singlehub-app .singlehub-relations-view .friends-intro-copy {
    min-height: 78px;
    display: flex;
    align-items: center;
    padding: 22px 24px;
    color: #53677e;
    background: var(--panel);
    font-size: 17px;
    line-height: 1.45;
}

#singlehub-app .singlehub-relations-view__state {
    min-height: 0;
    padding: 0 24px 14px;
    color: #08756c;
    background: var(--panel);
    font-size: 13px;
    font-weight: 800;
}

#singlehub-app .singlehub-relations-favorites-layout,
#singlehub-app .singlehub-relations-liked-by-layout,
#singlehub-app .singlehub-relations-visitors-layout,
#singlehub-app .singlehub-relations-recent-online-layout,
#singlehub-app .singlehub-relations-birthdays-layout,
#singlehub-app .singlehub-relations-blocks-layout,
#singlehub-app .singlehub-relations-generic-layout {
    display: grid;
    gap: 16px;
}

#singlehub-app .singlehub-relations-favorites-layout[hidden],
#singlehub-app .singlehub-relations-liked-by-layout[hidden],
#singlehub-app .singlehub-relations-visitors-layout[hidden],
#singlehub-app .singlehub-relations-recent-online-layout[hidden],
#singlehub-app .singlehub-relations-birthdays-layout[hidden],
#singlehub-app .singlehub-relations-blocks-layout[hidden],
#singlehub-app .singlehub-relations-generic-layout[hidden] {
    display: none;
}

#singlehub-app .favorites-title-row {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .favorites-title-row h2 {
    margin: 0;
    color: #253347;
    font-size: 24px;
    line-height: 1.18;
    letter-spacing: 0;
}

#singlehub-app .favorites-filter {
    display: inline-flex;
    flex: 0 0 auto;
    border: 1px solid #d5dfeb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 48, 72, .08);
}

#singlehub-app .favorites-filter-button {
    position: relative;
    width: 44px;
    height: 39px;
    border: 0;
    border-left: 1px solid #d5dfeb;
    display: inline-grid;
    place-items: center;
    color: #435268;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    transition: background-color .14s ease, color .14s ease, box-shadow .14s ease;
}

#singlehub-app .favorites-filter-button.is-all {
    width: 52px;
}

#singlehub-app .favorites-filter-button:first-child {
    border-left: 0;
}

#singlehub-app .favorites-filter-button svg {
    width: 17px;
    height: 17px;
    stroke-width: 2.7;
}

#singlehub-app .favorites-filter-button:hover,
#singlehub-app .favorites-filter-button:focus-visible {
    color: #2475ed;
    background: #edf5ff;
    outline: 0;
}

#singlehub-app .favorites-filter-button.is-active {
    color: #1f6fd0;
    background: transparent;
    box-shadow: inset 0 -2px 0 currentColor;
}

#singlehub-app .favorites-filter-button.is-love.is-active,
#singlehub-app .favorites-filter-button.is-love:hover {
    color: #e22d2d;
    background: #fff7f7;
}

#singlehub-app .favorites-filter-button.is-star.is-active,
#singlehub-app .favorites-filter-button.is-star:hover {
    color: #f27432;
    background: #fff8f1;
}

#singlehub-app .favorites-filter-button.is-hidden.is-active,
#singlehub-app .favorites-filter-button.is-hidden:hover {
    color: #526276;
    background: #f4f7fb;
}

#singlehub-app .favorites-intro-copy {
    min-height: 84px;
    display: flex;
    align-items: center;
    padding: 18px 22px;
    color: #52677f;
    background: var(--panel);
    font-size: 18px;
    line-height: 1.45;
}

#singlehub-app .blocked-intro-copy {
    display: block;
    padding-top: 22px;
    padding-bottom: 22px;
}

#singlehub-app .blocked-inline-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: var(--green);
    vertical-align: -4px;
    margin: 0 2px;
}

#singlehub-app .blocked-inline-icon svg {
    width: 20px;
    height: 20px;
    stroke-width: 3;
}

#singlehub-app .result-toolbar-card {
    margin-top: 0;
}

#singlehub-app .singlehub-relations-reply-rate-layout {
    display: grid;
    gap: 16px;
}

#singlehub-app .singlehub-relations-reply-rate-layout[hidden] {
    display: none;
}

#singlehub-app .result-toolbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    background: var(--panel);
}

#singlehub-app .result-sort-select {
    width: 190px;
    height: 38px;
    border: 1px solid #cfdbe8;
    border-radius: 4px;
    appearance: none;
    color: #26364a;
    background:
        linear-gradient(45deg, transparent 50%, #526276 50%) calc(100% - 20px) 16px / 6px 6px no-repeat,
        linear-gradient(135deg, #526276 50%, transparent 50%) calc(100% - 14px) 16px / 6px 6px no-repeat,
        #fff;
    padding: 0 42px 0 16px;
    font-size: 16px;
}

#singlehub-app .birthday-date-controls {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

#singlehub-app .birthday-date-input {
    width: 190px;
    height: 42px;
    border: 1px solid #cfdbe8;
    border-radius: 5px;
    color: #26364a;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(31, 48, 72, .04);
    padding: 0 14px;
    font: inherit;
    font-size: 17px;
}

#singlehub-app .birthday-date-input:focus {
    border-color: #9fc5ff;
    outline: 3px solid rgba(44, 123, 229, .22);
}

#singlehub-app .birthday-go-button {
    height: 42px;
    min-width: 72px;
    border: 1px solid #cfdbe8;
    border-radius: 5px;
    color: #26364a;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 48, 72, .08);
    padding: 0 18px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
}

#singlehub-app .birthday-go-button:hover,
#singlehub-app .birthday-go-button:focus-visible {
    color: #1f6ed4;
    border-color: #9fc5ff;
    background: #f7fbff;
    outline: 0;
}

#singlehub-app .result-button {
    height: 38px;
    border: 0;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: #2c7be5;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .14), 0 2px 6px rgba(44, 123, 229, .2);
    padding: 0 20px;
    cursor: pointer;
    font-weight: 800;
    font-size: 16px;
    text-decoration: none;
}

#singlehub-app .result-button:hover,
#singlehub-app .result-button:focus-visible {
    background: #246fd2;
    outline: 0;
}

#singlehub-app .answer-title-row {
    min-height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .answer-title-row h2 {
    margin: 0;
    color: #253347;
    font-size: 21px;
    line-height: 1.18;
}

#singlehub-app .answer-title-row h2 span {
    color: #607185;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

#singlehub-app .answer-help {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #526276;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

#singlehub-app .answer-info-button {
    width: 31px;
    height: 31px;
    border: 1px solid #cfdbe8;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #526276;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(31, 48, 72, .08);
    transition: background-color .14s ease, color .14s ease, border-color .14s ease, box-shadow .14s ease;
}

#singlehub-app .answer-info-button svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .answer-info-button:hover,
#singlehub-app .answer-info-button:focus-visible {
    color: #2c7be5;
    background: #edf5ff;
    border-color: #a9c7ed;
    outline: 0;
    box-shadow: 0 4px 12px rgba(44, 123, 229, .18);
}

body.answer-info-open {
    overflow: hidden;
}

#singlehub-app .answer-info-overlay {
    position: fixed;
    inset: 0;
    z-index: 130;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(238, 244, 251, .78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#singlehub-app .answer-info-overlay[hidden] {
    display: none;
}

#singlehub-app .answer-info-card {
    position: relative;
    width: min(640px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: 0 18px 42px rgba(31, 48, 72, .22);
    padding: 28px 32px 30px;
}

#singlehub-app .answer-info-card h2 {
    margin: 0 44px 18px 0;
    color: #253347;
    font-size: 24px;
    line-height: 1.18;
}

#singlehub-app .answer-info-card p {
    margin: 0 0 16px;
    color: #586a80;
    font-size: 16px;
    line-height: 1.58;
}

#singlehub-app .answer-info-card p:last-child {
    margin-bottom: 0;
}

#singlehub-app .answer-info-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #6b7b8e;
    background: transparent;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .answer-info-close:hover,
#singlehub-app .answer-info-close:focus-visible {
    color: #26364a;
    background: #eef4fb;
    outline: 0;
}

#singlehub-app .singlehub-relations-view .result-list,
#singlehub-app .singlehub-relations-results.result-list {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

#singlehub-app .result-card {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    min-height: 230px;
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: visible;
}

#singlehub-app .result-photo-link {
    position: relative;
    width: 230px;
    height: 230px;
    display: block;
    overflow: hidden;
    border-radius: var(--radius) 0 0 var(--radius);
    background: #d9e3ef;
    color: inherit;
    text-decoration: none;
}

#singlehub-app .result-photo {
    width: 230px;
    height: 230px;
    display: block;
    object-fit: cover;
    border-radius: inherit;
    background: #d9e3ef;
    transition: transform .18s ease;
}

#singlehub-app .result-photo-link:hover .result-photo,
#singlehub-app .result-photo-link:focus-visible .result-photo {
    transform: scale(1.025);
}

#singlehub-app .result-photo-link:focus-visible {
    outline: 3px solid rgba(45, 123, 231, .32);
    outline-offset: -3px;
}

#singlehub-app .visit-count-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2;
    min-height: 27px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    color: #253347;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 2px 7px rgba(31, 48, 72, .18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 0 10px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

#singlehub-app .result-body {
    position: relative;
    min-width: 0;
    display: block;
    padding: 28px 28px 22px;
}

#singlehub-app .result-main {
    min-width: 0;
}

#singlehub-app .result-name {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2475ed;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
}

#singlehub-app .result-name-heart {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    color: #e22d2d;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.8;
}

#singlehub-app .result-status-dot {
    position: relative;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 50%;
    flex: 0 0 auto;
    background: #a8b2bf;
    box-shadow: 0 2px 7px rgba(20, 31, 45, .22);
}

#singlehub-app .result-status-dot.is-active {
    background: #18d379;
}

#singlehub-app .result-status-dot.is-online {
    background: #078345;
}

#singlehub-app .result-status-dot.is-offline {
    background: #a8b2bf;
}

#singlehub-app .result-facts {
    margin-top: 8px;
    display: grid;
    gap: 4px;
    color: #5c6f88;
    font-size: 17px;
    line-height: 1.34;
}

#singlehub-app .result-facts div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#singlehub-app .result-facts svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: #5d6d81;
    stroke-width: 2.8;
}

#singlehub-app .profile-visit-hint {
    white-space: nowrap;
}

#singlehub-app .result-side {
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

#singlehub-app .result-actions {
    display: inline-flex;
    border: 1px solid #d5dfeb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 48, 72, .08);
}

#singlehub-app .result-action {
    position: relative;
    width: 44px;
    height: 39px;
    border: 0;
    border-left: 1px solid #d5dfeb;
    display: grid;
    place-items: center;
    color: #435268;
    background: transparent;
    cursor: pointer;
}

#singlehub-app .result-action:first-child {
    border-left: 0;
}

#singlehub-app .result-action svg {
    width: 17px;
    height: 17px;
    stroke-width: 2.7;
}

#singlehub-app .result-action.is-like {
    color: #e22d2d;
}

#singlehub-app .result-action.is-favorite.is-active {
    color: #f27432;
}

#singlehub-app .result-action.is-hidden.is-active {
    color: #6b7b8e;
    background: #eef3f8;
}

#singlehub-app .result-action.is-userinfo.is-active {
    color: #2c7be5;
}

#singlehub-app .result-action.is-active {
    box-shadow: inset 0 -2px 0 currentColor;
}

#singlehub-app .result-action:hover,
#singlehub-app .result-action:focus-visible {
    color: #1f6fd0;
    background: #f2f7fd;
    outline: 0;
}

#singlehub-app .blocked-release-button {
    min-width: 138px;
    height: 39px;
    border: 1px solid #d5dfeb;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #2d3748;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 48, 72, .08);
    padding: 0 16px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    transition: color .14s ease, background-color .14s ease, border-color .14s ease;
}

#singlehub-app .blocked-release-button svg {
    width: 18px;
    height: 18px;
    color: var(--green);
    stroke-width: 3;
}

#singlehub-app .blocked-release-button:hover,
#singlehub-app .blocked-release-button:focus-visible {
    color: #1f6fd0;
    background: #f2f7fd;
    border-color: #a9c7ed;
    outline: 0;
}

#singlehub-app .result-login {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    color: #5c6d82;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
}

#singlehub-app .result-login svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .result-day-separator {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0 2px;
    color: #6f8196;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
}

#singlehub-app .result-day-separator::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: rgba(123, 142, 164, .22);
}

#singlehub-app .result-loader {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #65768c;
    font-size: 15px;
}

#singlehub-app .result-loader.is-loading::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 3px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
}

@keyframes singlehub-spin {
    to {
        transform: rotate(360deg);
    }
}

#singlehub-app .singlehub-icon--spin {
    animation: singlehub-spin .8s linear infinite;
}

#singlehub-app .singlehub-relations-view .verse-card {
    display: grid;
    grid-template-columns: minmax(230px, .95fr) minmax(0, 1.25fr);
    gap: 18px;
    padding: 16px;
    background: var(--panel);
}

#singlehub-app .singlehub-relations-view .verse-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

#singlehub-app .singlehub-relations-view .verse-copy {
    color: #5a6d85;
    font-size: 16px;
    line-height: 1.42;
}

#singlehub-app .singlehub-relations-view .verse-copy h3,
#singlehub-app .singlehub-relations-view .verse-copy h2 {
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 18px;
    line-height: 1.2;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view .friends-intro-copy,
#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view__state,
#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view .feed-title,
#singlehub-app.singlehub-app--theme-dark .favorites-title-row,
#singlehub-app.singlehub-app--theme-dark .favorites-intro-copy,
#singlehub-app.singlehub-app--theme-dark .result-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view .verse-card {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view .friends-intro-copy,
#singlehub-app.singlehub-app--theme-dark .favorites-intro-copy,
#singlehub-app.singlehub-app--theme-dark .result-facts,
#singlehub-app.singlehub-app--theme-dark .result-login,
#singlehub-app.singlehub-app--theme-dark .result-loader,
#singlehub-app.singlehub-app--theme-dark .singlehub-relations-view .verse-copy {
    color: #adbacb;
}

#singlehub-app.singlehub-app--theme-dark .result-day-separator {
    color: #9aacc0;
}

#singlehub-app.singlehub-app--theme-dark .result-day-separator::after {
    background: rgba(154, 172, 192, .2);
}

#singlehub-app.singlehub-app--theme-dark .favorites-title-row {
    border-bottom-color: var(--bg);
}

#singlehub-app.singlehub-app--theme-dark .visit-count-badge {
    color: #edf4fb;
    background: rgba(23, 34, 48, .72);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

#singlehub-app.singlehub-app--theme-dark .answer-title-row {
    background: #1c2938;
    border-color: var(--bg);
}

#singlehub-app.singlehub-app--theme-dark .answer-title-row h2,
#singlehub-app.singlehub-app--theme-dark .answer-info-card h2 {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .answer-title-row h2 span,
#singlehub-app.singlehub-app--theme-dark .answer-help,
#singlehub-app.singlehub-app--theme-dark .answer-info-card p {
    color: #a9b7c9;
}

#singlehub-app.singlehub-app--theme-dark .answer-info-button {
    color: #b7c6d8;
    background: #172230;
    border-color: #34465c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
}

#singlehub-app.singlehub-app--theme-dark .answer-info-button:hover,
#singlehub-app.singlehub-app--theme-dark .answer-info-button:focus-visible {
    color: #8cc2ff;
    background: #203047;
    border-color: #4d6b8b;
}

#singlehub-app.singlehub-app--theme-dark .answer-info-overlay {
    background: rgba(10, 15, 23, .76);
}

#singlehub-app.singlehub-app--theme-dark .answer-info-card {
    background: #223047;
    border-color: #31435a;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
}

#singlehub-app.singlehub-app--theme-dark .answer-info-close {
    color: #a9b7c9;
}

#singlehub-app.singlehub-app--theme-dark .answer-info-close:hover,
#singlehub-app.singlehub-app--theme-dark .answer-info-close:focus-visible {
    color: #edf4fb;
    background: #2a3a50;
}

#singlehub-app.singlehub-app--theme-dark .result-sort-select {
    color: #dce6f2;
    background:
        linear-gradient(45deg, transparent 50%, #9eafc4 50%) calc(100% - 20px) 16px / 6px 6px no-repeat,
        linear-gradient(135deg, #9eafc4 50%, transparent 50%) calc(100% - 14px) 16px / 6px 6px no-repeat,
        #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .birthday-date-input,
#singlehub-app.singlehub-app--theme-dark .birthday-go-button {
    color: #dce6f2;
    background: #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .birthday-go-button:hover,
#singlehub-app.singlehub-app--theme-dark .birthday-go-button:focus-visible {
    color: var(--blue);
    background: #20344b;
}

#singlehub-app.singlehub-app--theme-dark .favorites-title-row h2 {
    color: #edf3fb;
}

#singlehub-app.singlehub-app--theme-dark .favorites-filter {
    background: #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .favorites-filter-button {
    color: #b5c3d5;
    border-left-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-love.is-active,
#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-love:hover {
    color: #ff6969;
    background: rgba(255, 105, 105, .1);
}

#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-star.is-active,
#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-star:hover {
    color: #ffb179;
    background: rgba(255, 177, 121, .1);
}

#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-hidden.is-active,
#singlehub-app.singlehub-app--theme-dark .favorites-filter-button.is-hidden:hover {
    color: #c4cfdd;
    background: rgba(196, 207, 221, .08);
}

#singlehub-app.singlehub-app--theme-dark .result-photo-link,
#singlehub-app.singlehub-app--theme-dark .result-photo {
    background: #172230;
}

#singlehub-app.singlehub-app--theme-dark .result-name {
    color: #7db7ff;
}

#singlehub-app.singlehub-app--theme-dark .result-status-dot {
    border-color: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .result-actions {
    background: #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .result-action {
    color: #b5c3d5;
    border-left-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .result-action.is-hidden.is-active {
    color: #c4cfdd;
    background: rgba(196, 207, 221, .08);
}

#singlehub-app.singlehub-app--theme-dark .result-action.is-userinfo.is-active {
    color: #80b9ff;
}

#singlehub-app.singlehub-app--theme-dark .result-action:hover,
#singlehub-app.singlehub-app--theme-dark .result-action:focus-visible {
    color: #9bc7ff;
    background: #203047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .blocked-release-button {
    color: #d7e2ef;
    background: #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .blocked-release-button:hover,
#singlehub-app.singlehub-app--theme-dark .blocked-release-button:focus-visible {
    color: #8cc2ff;
    background: #20344b;
    border-color: #4d6b8b;
}

#singlehub-app .singlehub-search-card {
    min-height: 112px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 86px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px;
    background: #fff;
}

#singlehub-app .singlehub-search-card__photo,
#singlehub-app .singlehub-profile-detail__gallery span {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    display: block;
    background:
        linear-gradient(135deg, rgba(196, 213, 238, .92), rgba(238, 196, 211, .72)),
        #d9e3ef;
    background-position: center;
    background-size: cover;
}

#singlehub-app .singlehub-search-card__name {
    display: block;
    color: #253347;
    font-size: 18px;
    font-weight: 850;
}

#singlehub-app .singlehub-search-card__meta,
#singlehub-app .singlehub-search-card__flag {
    display: block;
    color: #65758a;
}

#singlehub-app .singlehub-auth-shell {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(28px, 4vh, 48px);
    padding: clamp(34px, 7vh, 82px) 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(9, 18, 45, .12)),
        var(--singlehub-login-bg, var(--bg));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #2f3f53;
}

#singlehub-app .singlehub-auth-brand {
    display: flex;
    justify-content: center;
    width: min(100%, 760px);
}

#singlehub-app .singlehub-auth-brand__logo {
    width: clamp(176px, 16vw, 238px);
    height: auto;
    display: block;
    filter: drop-shadow(0 8px 16px rgba(11, 18, 38, .08));
}

#singlehub-app .singlehub-auth-panel {
    width: min(750px, calc(100vw - 40px));
    background: rgba(231, 218, 224, .82);
    border-radius: 5px;
    box-shadow: 0 18px 42px rgba(18, 24, 48, .18);
    padding: 58px 60px 78px;
    backdrop-filter: blur(2px);
}

#singlehub-app .singlehub-auth-panel__heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 16px;
}

#singlehub-app .singlehub-auth-panel h1 {
    margin: 0;
    color: #2e3f54;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
}

#singlehub-app .singlehub-auth-register-copy,
#singlehub-app .singlehub-auth-link {
    color: #617089;
    font-size: 16px;
    line-height: 1.3;
}

#singlehub-app .singlehub-auth-link {
    color: #1677df;
}

#singlehub-app .singlehub-auth-form {
    display: grid;
    gap: 20px;
}

#singlehub-app .singlehub-auth-form .singlehub-field:not([type="checkbox"]) {
    width: 100%;
    height: 44px;
    border: 1px solid rgba(129, 158, 195, .42);
    border-radius: 4px;
    background: #eaf2ff;
    color: #101826;
    box-shadow: inset 0 1px 3px rgba(28, 42, 70, .16);
    padding: 0 22px;
    font-size: 16px;
}

#singlehub-app .singlehub-auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 4px;
}

#singlehub-app .singlehub-auth-remember {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #617089;
    font-size: 16px;
}

#singlehub-app .singlehub-auth-remember input {
    width: 20px;
    height: 20px;
    accent-color: #2f80e7;
}

#singlehub-app .singlehub-auth-reactivation {
    display: grid;
    gap: 10px;
    border: 1px solid #e2b84d;
    border-radius: 6px;
    padding: 12px 14px;
    color: #5b4300;
    background: #fff4cf;
    font-size: 14px;
    line-height: 1.4;
}

#singlehub-app .singlehub-auth-reactivation[hidden] {
    display: none;
}

#singlehub-app .singlehub-auth-reactivation p {
    margin: 0;
}

#singlehub-app .singlehub-auth-reactivation__confirm {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#singlehub-app .singlehub-auth-reactivation__confirm input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    accent-color: #2f80e7;
}

#singlehub-app .singlehub-auth-status {
    min-height: 0;
    color: #a92722;
    font-size: 14px;
}

#singlehub-app .singlehub-auth-status:empty {
    display: none;
}

#singlehub-app .singlehub-auth-status[data-sh-auth-status="success"] {
    color: #177d50;
}

#singlehub-app .singlehub-auth-form .singlehub-button--primary {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 4px;
    background: #2f80e7;
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
}

#singlehub-app .singlehub-auth-form .singlehub-button--primary:disabled {
    cursor: progress;
    opacity: .72;
}

@media (max-width: 900px) {
    #singlehub-app .singlehub-account-admin-grid {
        grid-template-columns: 1fr;
    }

    #singlehub-app .singlehub-account-admin-section .singlehub-account-field {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    #singlehub-app .singlehub-contact-block-warning-card {
        padding: 16px;
    }

    #singlehub-app .singlehub-contact-block-warning-profile {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
    }

    #singlehub-app .singlehub-contact-block-warning-photo {
        width: 58px;
        height: 58px;
    }

    #singlehub-app .singlehub-contact-block-warning-name {
        font-size: 19px;
    }

    #singlehub-app .singlehub-contact-block-warning-title {
        font-size: 19px;
    }

    #singlehub-app .singlehub-contact-block-warning-actions {
        justify-content: stretch;
    }

    #singlehub-app .singlehub-action--contact-block-warning-read {
        width: 100%;
    }
}

#singlehub-app .singlehub-mobile-nav {
    display: none;
}

#singlehub-app .singlehub-toast-stack,
#singlehub-app .singlehub-toast-region {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 100;
    display: grid;
    gap: 10px;
    pointer-events: none;
}

#singlehub-app.is-profile-return-overlay .singlehub-toast-stack,
#singlehub-app.is-profile-return-overlay .singlehub-toast-region {
    z-index: 6500;
}

#singlehub-app .singlehub-toast {
    width: min(360px, calc(100vw - 24px));
    max-width: min(360px, calc(100vw - 24px));
    min-width: min(360px, calc(100vw - 24px));
    border-radius: 6px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto 30px;
    align-items: start;
    gap: 12px;
    padding: 14px 14px 13px;
    color: #fff;
    background: #263545;
    box-shadow: 0 12px 28px rgba(31, 48, 72, .24);
    pointer-events: auto;
    animation: singlehub-toast-in .24s ease both;
    transition: opacity .18s ease, transform .18s ease;
}

#singlehub-app .singlehub-toast.is-leaving {
    opacity: 0;
    transform: translateX(18px) scale(.985);
}

#singlehub-app .singlehub-toast__icon,
#singlehub-app .singlehub-toast__close {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
}

#singlehub-app .singlehub-toast__icon {
    color: #7fb8ff;
}

#singlehub-app .singlehub-toast--success .singlehub-toast__icon {
    color: #17d68b;
}

#singlehub-app .singlehub-toast--error .singlehub-toast__icon {
    color: #ff7b7b;
}

#singlehub-app .singlehub-toast__icon svg,
#singlehub-app .singlehub-toast__close svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .singlehub-toast__message {
    min-width: 0;
    color: #eef3f9;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

#singlehub-app .singlehub-toast__action {
    border: 1px solid rgba(238, 243, 249, .32);
    border-radius: 5px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    padding: 5px 9px;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

#singlehub-app .singlehub-toast__action:hover,
#singlehub-app .singlehub-toast__action:focus-visible {
    background: rgba(255, 255, 255, .22);
}

#singlehub-app .singlehub-toast__close {
    grid-column: -1;
    border: 0;
    border-radius: 50%;
    color: rgba(238, 243, 249, .7);
    background: transparent;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

#singlehub-app .singlehub-toast__close:hover,
#singlehub-app .singlehub-toast__close:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    outline: 0;
}

@keyframes singlehub-toast-in {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.singlehub-tooltip {
    position: absolute;
    z-index: 260;
    max-width: min(280px, calc(100vw - 24px));
    padding: 7px 10px;
    border-radius: 5px;
    color: #fff;
    background: rgba(13, 18, 26, .94);
    box-shadow: 0 10px 24px rgba(18, 27, 42, .22);
    font-size: 12px;
    line-height: 1.35;
    pointer-events: none;
}

.photo-tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 240;
    width: 340px;
    padding: 8px 8px 0;
    border-radius: 4px;
    background: #0c1015;
    box-shadow: 0 18px 42px rgba(18, 27, 42, .34);
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .14s ease, transform .14s ease;
}

.photo-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.photo-tooltip img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: cover;
}

.photo-tooltip-caption {
    min-height: 43px;
    display: grid;
    place-items: center;
    padding: 8px 8px 10px;
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
}

.photo-tooltip::after {
    content: "";
    position: absolute;
    left: var(--arrow-x, 50%);
    bottom: -9px;
    width: 18px;
    height: 18px;
    background: #0c1015;
    transform: translateX(-50%) rotate(45deg);
}

.photo-tooltip.is-below::after {
    top: -9px;
    bottom: auto;
}

.online-photo-preview {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 230;
    width: 210px;
    height: 210px;
    padding: 6px;
    border-radius: 4px;
    background: #121820;
    box-shadow: 0 16px 36px rgba(18, 27, 42, .32);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .12s ease, transform .12s ease;
}

.online-photo-preview.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.online-photo-preview img {
    width: 100%;
    height: 100%;
    border-radius: 1px;
    display: block;
    object-fit: cover;
}

#singlehub-app .singlehub-dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 3200;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(20, 30, 43, .42);
}

#singlehub-app.is-profile-return-overlay .singlehub-dialog-backdrop:not([hidden]) {
    z-index: 7000;
}

html.singlehub-lightbox-open,
html.singlehub-lightbox-open body,
body.lightbox-open {
    overflow: hidden;
    overscroll-behavior: none;
}

#singlehub-app .singlehub-dialog {
    width: min(520px, calc(100vw - 32px));
    border-radius: 6px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 26, 42, .28);
}

#singlehub-app .singlehub-action-dialog {
    position: relative;
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100svh - 40px);
    display: grid;
    gap: 18px;
    overflow: auto;
    padding: 22px;
}

#singlehub-app .singlehub-action-dialog__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

#singlehub-app .singlehub-action-dialog__close svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .singlehub-action-dialog__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding-right: 34px;
}

#singlehub-app .singlehub-action-dialog__icon {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    color: #1f6fd5;
    background: #eef5ff;
}

#singlehub-app .singlehub-action-dialog--danger .singlehub-action-dialog__icon {
    color: var(--danger);
    background: rgba(215, 47, 47, .1);
}

#singlehub-app .singlehub-action-dialog__icon svg {
    width: 20px;
    height: 20px;
}

#singlehub-app .singlehub-action-dialog h2 {
    margin: 0;
    color: #22324a;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0;
}

#singlehub-app .singlehub-action-dialog p {
    margin: 6px 0 0;
    color: #61728a;
    font-size: 14px;
    line-height: 1.45;
}

#singlehub-app .singlehub-action-dialog__body {
    display: grid;
    gap: 12px;
}

#singlehub-app .singlehub-action-dialog__search,
#singlehub-app .singlehub-action-dialog__input {
    width: 100%;
    min-height: 42px;
    border: 1px solid #cfd9e6;
    border-radius: 6px;
    color: #243246;
    background: #fff;
    padding: 0 12px;
    font: inherit;
}

#singlehub-app .singlehub-action-dialog__search:focus,
#singlehub-app .singlehub-action-dialog__input:focus {
    border-color: rgba(44, 123, 229, .54);
    box-shadow: 0 0 0 3px rgba(44, 123, 229, .12);
    outline: 0;
}

#singlehub-app .singlehub-action-dialog__choice-list {
    max-height: min(300px, 42svh);
    display: grid;
    gap: 7px;
    overflow: auto;
    padding: 2px;
}

#singlehub-app .singlehub-action-dialog__choice {
    min-height: 44px;
    border: 1px solid #d8e2ee;
    border-radius: 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    color: #2b3b52;
    background: #fff;
    padding: 8px 10px;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .singlehub-action-dialog__choice:hover,
#singlehub-app .singlehub-action-dialog__choice:focus-visible {
    border-color: rgba(44, 123, 229, .42);
    background: #f2f7ff;
    outline: 0;
}

#singlehub-app .singlehub-action-dialog__choice.is-selected {
    border-color: #2c7be5;
    color: #1f64c8;
    background: #e8f2ff;
}

#singlehub-app .singlehub-action-dialog__choice:disabled {
    color: #8b9aad;
    background: #f4f7fb;
    cursor: not-allowed;
}

#singlehub-app .singlehub-action-dialog__choice span {
    min-width: 0;
    overflow: hidden;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-action-dialog__choice small {
    color: #78899e;
    font-size: 12px;
    font-weight: 760;
}

#singlehub-app .singlehub-action-dialog__summary {
    display: grid;
    gap: 4px;
    border: 1px solid #d8e2ee;
    border-radius: 6px;
    padding: 10px 12px;
    color: #52647d;
    background: #f7f9fc;
    font-size: 14px;
}

#singlehub-app .singlehub-action-dialog__summary strong {
    color: #22324a;
    font-size: 13px;
}

#singlehub-app .singlehub-action-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#singlehub-app .singlehub-action-dialog__actions .singlehub-button {
    min-height: 40px;
}

#singlehub-app .singlehub-action-dialog__actions .singlehub-button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

#singlehub-app .singlehub-match-dialog {
    width: min(440px, calc(100vw - 32px));
}

#singlehub-app .singlehub-match-dialog .singlehub-action-dialog__body {
    display: grid;
    justify-items: center;
}

#singlehub-app .singlehub-match-dialog__avatars {
    min-height: 96px;
    display: grid;
    grid-template-columns: 68px 68px;
    justify-content: center;
    align-items: center;
    margin-top: -2px;
}

#singlehub-app .singlehub-match-dialog__avatar {
    width: 82px;
    height: 82px;
    border: 4px solid #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: #2c7be5;
    box-shadow: 0 12px 28px rgba(28, 42, 60, .22);
    font-size: 30px;
    font-weight: 800;
}

#singlehub-app .singlehub-match-dialog__avatar--target {
    margin-left: -18px;
}

#singlehub-app .singlehub-match-dialog__avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

@media (max-width: 760px) {
    #singlehub-app .singlehub-dialog-backdrop {
        align-items: end;
        padding: 12px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
    }

    #singlehub-app .singlehub-dialog-backdrop:has(.photo-lightbox:not([hidden])) {
        align-items: center;
        padding: 0;
    }

    #singlehub-app .singlehub-action-dialog {
        width: 100%;
        max-height: min(78svh, 620px);
        border-radius: 8px 8px 0 0;
        padding: 20px 16px 16px;
    }

    #singlehub-app .singlehub-action-dialog__header {
        padding-right: 36px;
    }

    #singlehub-app .singlehub-action-dialog h2 {
        font-size: 20px;
    }

    #singlehub-app .singlehub-match-dialog {
        width: 100%;
    }

    #singlehub-app .singlehub-action-dialog__choice-list {
        max-height: 34svh;
    }

    #singlehub-app .singlehub-action-dialog__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #singlehub-app .singlehub-action-dialog__actions .singlehub-button {
        width: 100%;
        min-height: 44px;
        padding-inline: 12px;
    }

    #singlehub-app .singlehub-forum-split-notice {
        align-items: stretch;
        flex-direction: column;
    }

    #singlehub-app .singlehub-forum-split-notice .singlehub-button {
        width: 100%;
        min-height: 40px;
    }
}

#singlehub-app .singlehub-dialog--lightbox {
    position: relative;
    width: min(920px, calc(100vw - 32px));
    min-height: min(760px, calc(100vh - 40px));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-items: start;
}

#singlehub-app .singlehub-lightbox__counter {
    position: absolute;
    top: 18px;
    left: 20px;
    color: #63758d;
    font-weight: 850;
}

#singlehub-app .singlehub-lightbox__image {
    width: 100%;
    max-height: calc(100vh - 180px);
    border-radius: 6px;
    object-fit: contain;
    background: #101722;
}

#singlehub-app .singlehub-lightbox__nav {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 64px;
    border: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(15, 25, 39, .58);
    transform: translateY(-50%);
}

#singlehub-app .singlehub-lightbox__nav--prev {
    left: 0;
    border-radius: 0 6px 6px 0;
}

#singlehub-app .singlehub-lightbox__nav--next {
    right: 0;
    border-radius: 6px 0 0 6px;
}

#singlehub-app .singlehub-lightbox__nav svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .singlehub-dialog-backdrop:has(.photo-lightbox:not([hidden])) {
    padding: 0;
    background: transparent;
}

#singlehub-app .photo-lightbox {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: grid;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    place-items: center;
    align-content: center;
    justify-content: center;
    padding: 52px 72px 44px;
    overflow: hidden;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overscroll-behavior: contain;
    touch-action: none;
    animation: singlehub-lightbox-in .18s ease both;
}

#singlehub-app .photo-lightbox[hidden] {
    display: none;
}

#singlehub-app .photo-lightbox.is-closing {
    pointer-events: none;
    animation: singlehub-lightbox-out .16s ease both;
}

#singlehub-app .lightbox-counter {
    position: absolute;
    top: 34px;
    left: 36px;
    z-index: 20;
    color: #0b1018;
    font-size: 18px;
    font-weight: 500;
}

#singlehub-app .lightbox-close,
#singlehub-app .lightbox-nav {
    border: 0;
    display: grid;
    place-items: center;
    color: #05070b;
    background: transparent;
    cursor: pointer;
    z-index: 20;
}

#singlehub-app .lightbox-close {
    position: absolute;
    top: 24px;
    right: 26px;
    width: 48px;
    height: 48px;
}

#singlehub-app .lightbox-close svg {
    width: 38px;
    height: 38px;
    stroke-width: 2.35;
}

#singlehub-app .lightbox-nav {
    position: absolute;
    top: 50%;
    width: 54px;
    height: 76px;
    transform: translateY(-50%);
}

#singlehub-app .lightbox-nav svg {
    width: 38px;
    height: 38px;
    stroke-width: 2.5;
}

#singlehub-app .lightbox-nav.prev {
    left: 24px;
}

#singlehub-app .lightbox-nav.next {
    right: 24px;
}

#singlehub-app .lightbox-close:hover,
#singlehub-app .lightbox-close:focus-visible,
#singlehub-app .lightbox-nav:hover,
#singlehub-app .lightbox-nav:focus-visible {
    color: #000;
    outline: 0;
}

#singlehub-app .lightbox-frame {
    position: relative;
    --lightbox-media-width: 100%;
    --lightbox-media-height: 100%;
    --lightbox-media-offset-x: 0px;
    --lightbox-media-offset-y: 0px;
    width: min(746px, calc(100vw - 180px));
    height: min(994px, calc(100vh - 96px));
    height: min(994px, calc(100dvh - 96px));
    max-width: calc(100vw - 180px);
    max-height: calc(100vh - 96px);
    max-height: calc(100dvh - 96px);
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    touch-action: none;
    user-select: none;
    z-index: 5;
}

#singlehub-app .lightbox-frame img {
    width: 100%;
    height: 100%;
    max-height: none;
    display: block;
    border-radius: 0;
    object-fit: contain;
    background: transparent;
    box-shadow: none;
    -webkit-user-drag: none;
    transform-origin: center center;
    will-change: transform;
    user-select: none;
}

#singlehub-app .lightbox-current {
    position: relative;
    z-index: 6;
}

#singlehub-app .lightbox-outgoing {
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
}

#singlehub-app .photo-lightbox.is-animating .lightbox-current {
    animation: singlehub-lightbox-fade-in .22s ease both;
}

#singlehub-app .photo-lightbox.is-animating .lightbox-outgoing {
    animation: singlehub-lightbox-fade-out .22s ease both;
}

#singlehub-app .lightbox-frame.is-zoomed {
    cursor: zoom-out;
}

#singlehub-app .lightbox-caption {
    position: absolute;
    left: var(--lightbox-media-offset-x, 0px);
    right: auto;
    bottom: var(--lightbox-media-offset-y, 0px);
    z-index: 8;
    width: var(--lightbox-media-width, 100%);
    box-sizing: border-box;
    padding: 12px 14px 14px;
    color: #fff;
    background: linear-gradient(to top, rgba(4, 8, 14, .78), rgba(4, 8, 14, 0));
    font-size: 17px;
    line-height: 1.2;
}

#singlehub-app .lightbox-frame.is-zoomed .lightbox-caption {
    opacity: 0;
    pointer-events: none;
}

#singlehub-app .lightbox-caption[hidden] {
    display: none;
}

@keyframes singlehub-lightbox-in {
    from {
        opacity: 0;
        transform: scale(.985);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes singlehub-lightbox-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.985);
    }
}

@keyframes singlehub-lightbox-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes singlehub-lightbox-fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

#singlehub-app.singlehub-app--theme-dark {
    background:
        radial-gradient(circle at 78% -18%, rgba(58, 111, 165, .24), transparent 24rem),
        linear-gradient(180deg, #121c29 0%, #101722 44%, #0e1520 100%);
}

#singlehub-app.singlehub-app--theme-dark .site-header {
    background: rgba(16, 23, 34, .72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#singlehub-app.singlehub-app--theme-dark .site-header.is-scrolled {
    background: rgba(16, 23, 34, .9);
    border-bottom-color: rgba(107, 126, 150, .24);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

#singlehub-app.singlehub-app--theme-dark .logo img {
    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .5)) drop-shadow(0 4px 14px rgba(0, 0, 0, .35));
}

#singlehub-app.singlehub-app--theme-dark .menu-button,
#singlehub-app.singlehub-app--theme-dark .icon-button {
    color: #9fb0c5;
}

#singlehub-app.singlehub-app--theme-dark .menu-button:hover,
#singlehub-app.singlehub-app--theme-dark .menu-button:focus-visible,
#singlehub-app.singlehub-app--theme-dark .icon-button:hover,
#singlehub-app.singlehub-app--theme-dark .icon-button:focus-visible {
    color: #d8e5f4;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .moon {
    color: #ffd66d;
    background: #25364b;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 109, .12);
}

#singlehub-app.singlehub-app--theme-dark .moon:hover,
#singlehub-app.singlehub-app--theme-dark .moon:focus-visible {
    background: #2d4058;
    box-shadow: 0 0 0 4px rgba(255, 214, 109, .08), inset 0 0 0 1px rgba(255, 214, 109, .18);
}

#singlehub-app.singlehub-app--theme-dark .sidebar {
    background: #202e3f;
}

#singlehub-app.singlehub-app--theme-dark .search {
    color: #91a2b7;
    background: #172230;
    border-color: #2d3d52;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 8px 22px rgba(0, 0, 0, .2);
}

#singlehub-app.singlehub-app--theme-dark .search input,
#singlehub-app.singlehub-app--theme-dark .compose textarea {
    color: var(--ink);
    background: transparent;
}

#singlehub-app.singlehub-app--theme-dark .search input::placeholder,
#singlehub-app.singlehub-app--theme-dark .compose textarea::placeholder {
    color: #77879b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__panel {
    color: #dce6f2;
    background: #172230;
    border-color: #2b3b4f;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__state,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__label,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__copy span {
    color: #98a8bb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__group + .singlehub-global-search__group,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all {
    border-top-color: #26364a;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__item,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__notice,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__copy strong {
    color: #e7edf6;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all {
    color: #67a7ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__notice {
    color: #f0d690;
    background: #2e2817;
    border-color: #5f4c1f;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__item:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__item:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__item.is-active,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__notice:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__notice:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__notice.is-active,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__all.is-active {
    background: #20334a;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__avatar,
#singlehub-app.singlehub-app--theme-dark .singlehub-global-search__icon {
    color: #80b6ff;
    background-color: #20334a;
}

#singlehub-app.singlehub-app--theme-dark .card,
#singlehub-app.singlehub-app--theme-dark .feed-card,
#singlehub-app.singlehub-app--theme-dark .side-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-panel {
    background: var(--panel);
    box-shadow: var(--shadow);
}

#singlehub-app.singlehub-app--theme-dark .card-header,
#singlehub-app.singlehub-app--theme-dark .feed-title,
#singlehub-app.singlehub-app--theme-dark .side-header {
    background: #1c2938;
    border-color: var(--bg);
}

#singlehub-app.singlehub-app--theme-dark .card-header h1,
#singlehub-app.singlehub-app--theme-dark .card-header h2,
#singlehub-app.singlehub-app--theme-dark .feed-title h2,
#singlehub-app.singlehub-app--theme-dark .side-header h2,
#singlehub-app.singlehub-app--theme-dark .side-header h3,
#singlehub-app.singlehub-app--theme-dark .person-head h2,
#singlehub-app.singlehub-app--theme-dark .person-head h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-section__header h2,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-panel h3 {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .photo-stage {
    background: #111b28;
}

#singlehub-app.singlehub-app--theme-dark .age-tag {
    color: #dce8f7;
    background: rgba(16, 23, 34, .68);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .26);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

#singlehub-app.singlehub-app--theme-dark .profile-slide-button {
    color: #dce8f7;
    background: rgba(20, 31, 45, .56);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .28);
}

#singlehub-app.singlehub-app--theme-dark .profile-slide-button:hover,
#singlehub-app.singlehub-app--theme-dark .profile-slide-button:focus-visible {
    background: rgba(35, 50, 68, .76);
}

#singlehub-app.singlehub-app--theme-dark .action-row {
    border-bottom-color: #25364b;
}

#singlehub-app.singlehub-app--theme-dark .profile-action {
    color: #aebdd0;
    background: #182333;
    border-right-color: #25364b;
}

#singlehub-app.singlehub-app--theme-dark .profile-action:hover,
#singlehub-app.singlehub-app--theme-dark .profile-action:focus-visible {
    color: #e9f2fb;
    background: #1f2d3e;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .profile-action.heart {
    color: var(--danger);
}

#singlehub-app.singlehub-app--theme-dark #singlehub-profile-primary-actions .singlehub-action--profile-hidden.is-active {
    color: #c4cfdd;
    background: #203047;
}

#singlehub-app.singlehub-app--theme-dark .pill {
    color: #fff;
    background: #2c7be5;
}

#singlehub-app.singlehub-app--theme-dark .pill.small-red {
    color: #fff;
    background: #e0282d;
}

#singlehub-app.singlehub-app--theme-dark .nav-item .pill:not(.small-red),
#singlehub-app.singlehub-app--theme-dark .singlehub-badge--nav:not(.small-red) {
    color: #9bc7ff;
    background: #263e60;
}

#singlehub-app.singlehub-app--theme-dark .person-head {
    background: #1b2635;
}

#singlehub-app.singlehub-app--theme-dark .status-line,
#singlehub-app.singlehub-app--theme-dark .registered-line,
#singlehub-app.singlehub-app--theme-dark .detail-copy,
#singlehub-app.singlehub-app--theme-dark .person-age,
#singlehub-app.singlehub-app--theme-dark .online-age,
#singlehub-app.singlehub-app--theme-dark .online-time,
#singlehub-app.singlehub-app--theme-dark .singlehub-widget__notice,
#singlehub-app.singlehub-app--theme-dark .singlehub-widget__empty,
#singlehub-app.singlehub-app--theme-dark .singlehub-card__text {
    color: var(--muted);
}

#singlehub-app.singlehub-app--theme-dark .tiny-icon {
    color: #95a8bd;
}

#singlehub-app.singlehub-app--theme-dark .profile-details {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .detail-item {
    border-bottom-color: #2d3e52;
}

#singlehub-app.singlehub-app--theme-dark .detail-icon {
    color: #edf5ff;
    background: #4b5868;
}

#singlehub-app.singlehub-app--theme-dark .detail-title {
    color: #eff5fc;
}

#singlehub-app.singlehub-app--theme-dark .chat-scroll {
    background: #121b28;
    border-color: #2d3d52;
}

#singlehub-app.singlehub-app--theme-dark .bubble {
    color: #bfccdc;
    background: #202e3f;
}

#singlehub-app.singlehub-app--theme-dark .bubble strong {
    color: #dce8f7;
}

#singlehub-app.singlehub-app--theme-dark .meta {
    color: #718095;
}

#singlehub-app.singlehub-app--theme-dark .compose {
    background: #121b28;
    border-color: #31435a;
}

#singlehub-app.singlehub-app--theme-dark .compose textarea {
    background: #121b28;
}

#singlehub-app.singlehub-app--theme-dark .compose button {
    color: #95a7bc;
    background: #121b28;
    border-left-color: #304158;
}

#singlehub-app.singlehub-app--theme-dark .compose button:hover,
#singlehub-app.singlehub-app--theme-dark .compose button:focus-visible {
    color: #dce8f7;
    background: #213047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .toggle {
    background: #121b28;
    border-color: #51677f;
}

#singlehub-app.singlehub-app--theme-dark .toggle span {
    background: #708196;
}

#singlehub-app.singlehub-app--theme-dark .toggle.is-on {
    background: #173b61;
    border-color: #4d8dd6;
}

#singlehub-app.singlehub-app--theme-dark .toggle.is-on span {
    background: #79b6ff;
}

#singlehub-app.singlehub-app--theme-dark .person-name,
#singlehub-app.singlehub-app--theme-dark .feed-title a,
#singlehub-app.singlehub-app--theme-dark .answer-title-extra,
#singlehub-app.singlehub-app--theme-dark .forum-link {
    color: #72adff;
}

#singlehub-app.singlehub-app--theme-dark .round-photo {
    border-color: #172230;
    box-shadow: 0 0 0 2px #334357, 0 8px 18px rgba(0, 0, 0, .26);
}

#singlehub-app.singlehub-app--theme-dark .verse-card {
    background:
        linear-gradient(135deg, rgba(23, 34, 48, .94), rgba(26, 43, 62, .86)),
        radial-gradient(circle at 92% 8%, rgba(74, 122, 181, .28), transparent 24rem),
        radial-gradient(circle at 74% 100%, rgba(55, 93, 139, .34), transparent 22rem),
        repeating-linear-gradient(135deg, rgba(132, 179, 230, .06) 0 1px, transparent 1px 22px),
        var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .verse-copy {
    color: #a9b7c9;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-empty-text {
    color: #9aaabe;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-forum-status.is-loading::before {
    border-color: rgba(103, 167, 255, .2);
    border-top-color: rgba(103, 167, 255, .86);
}

#singlehub-app.singlehub-app--theme-dark .verse-copy h3 {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .online-person {
    border-bottom-color: #2b3b50;
}

#singlehub-app.singlehub-app--theme-dark .online-name {
    color: #e7eef7;
}

#singlehub-app.singlehub-app--theme-dark .forum-item {
    color: #bdcadb;
    background: #172230;
    border-color: #2c3d51;
}

#singlehub-app.singlehub-app--theme-dark .forum-item:first-child {
    border-top-color: #26374b;
}

#singlehub-app.singlehub-app--theme-dark .forum-widget-title {
    color: #e1e9f4;
}

#singlehub-app.singlehub-app--theme-dark .forum-widget-meta,
#singlehub-app.singlehub-app--theme-dark .singlehub-icon--forum-widget {
    color: #96a8bc;
}

#singlehub-app.singlehub-app--theme-dark .notification-dropdown,
#singlehub-app.singlehub-app--theme-dark .user-dropdown,
#singlehub-app.singlehub-app--theme-dark .online-menu-panel,
#singlehub-app.singlehub-app--theme-dark .profile-admin-panel,
#singlehub-app.singlehub-app--theme-dark .emoji-picker,
#singlehub-app.singlehub-app--theme-dark .singlehub-dialog {
    color: #dbe6f4;
    background: #172230;
    border-color: #2d3d52;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog h2,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__summary strong {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog p,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__summary {
    color: #a7b6c9;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__icon {
    color: #9bc7ff;
    background: #203047;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-match-dialog__avatar {
    border-color: #172230;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .34);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog--danger .singlehub-action-dialog__icon {
    color: #ff858a;
    background: rgba(241, 78, 85, .14);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__search,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__input,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice {
    color: #dce6f2;
    background: #172230;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__search::placeholder {
    color: #8494a9;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice:focus-visible,
#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice.is-selected {
    color: #9bc7ff;
    background: #203047;
    border-color: #4f8fe2;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice:disabled {
    color: #7f8da1;
    background: #162131;
    border-color: #2b3b4f;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__choice small {
    color: #91a1b7;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-action-dialog__summary {
    background: #1c2938;
    border-color: #33455b;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-split-notice {
    color: #9bc7ff;
    background: #203047;
    border-color: #38577c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-split-notice .singlehub-button {
    color: #dce9f8;
    background: #172230;
    border-color: #3a5270;
}

#singlehub-app.singlehub-app--theme-dark .user-dropdown,
#singlehub-app.singlehub-app--theme-dark .online-menu-panel {
    background: #223047;
}

#singlehub-app.singlehub-app--theme-dark .emoji-picker-top {
    background: #223047;
}

#singlehub-app.singlehub-app--theme-dark .user-dropdown::before {
    background: #223047;
    border-color: #2d3d52;
}

#singlehub-app.singlehub-app--theme-dark .notification-head,
#singlehub-app.singlehub-app--theme-dark .notification-section + .notification-section,
#singlehub-app.singlehub-app--theme-dark .user-menu-section + .user-menu-section,
#singlehub-app.singlehub-app--theme-dark .user-menu-head,
#singlehub-app.singlehub-app--theme-dark .emoji-picker-top {
    border-color: #2a3b50;
}

#singlehub-app.singlehub-app--theme-dark .notification-head strong,
#singlehub-app.singlehub-app--theme-dark .notification-copy strong,
#singlehub-app.singlehub-app--theme-dark .notification-mark-all,
#singlehub-app.singlehub-app--theme-dark .user-menu-item,
#singlehub-app.singlehub-app--theme-dark .online-menu-item,
#singlehub-app.singlehub-app--theme-dark .emoji-title {
    color: #e8f1fb;
}

#singlehub-app.singlehub-app--theme-dark .notification-item.read,
#singlehub-app.singlehub-app--theme-dark .notification-copy span,
#singlehub-app.singlehub-app--theme-dark .notification-label,
#singlehub-app.singlehub-app--theme-dark .notification-empty,
#singlehub-app.singlehub-app--theme-dark .notification-item.read .notification-copy strong {
    color: #91a2b7;
}

#singlehub-app.singlehub-app--theme-dark .notification-item:hover,
#singlehub-app.singlehub-app--theme-dark .notification-item:focus-visible,
#singlehub-app.singlehub-app--theme-dark .notification-mark-all:hover,
#singlehub-app.singlehub-app--theme-dark .notification-mark-all:focus-visible,
#singlehub-app.singlehub-app--theme-dark .user-menu-item:hover,
#singlehub-app.singlehub-app--theme-dark .user-menu-item:focus-visible,
#singlehub-app.singlehub-app--theme-dark .online-menu-item:hover,
#singlehub-app.singlehub-app--theme-dark .online-menu-item:focus-visible {
    color: #80b9ff;
    background: #203047;
}

#singlehub-app.singlehub-app--theme-dark .notification-icon {
    color: #7fb8ff;
    background: #1d3654;
}

#singlehub-app.singlehub-app--theme-dark .notification-item.read .notification-icon {
    color: #9ba9bc;
    background: #202c3b;
}

#singlehub-app.singlehub-app--theme-dark .online-menu-trigger {
    color: #b9c7d8;
}

#singlehub-app.singlehub-app--theme-dark .online-menu-trigger:hover,
#singlehub-app.singlehub-app--theme-dark .online-menu-trigger:focus-visible,
#singlehub-app.singlehub-app--theme-dark .online-menu.is-open .online-menu-trigger {
    color: #e6f0fb;
    background: #233247;
}

#singlehub-app.singlehub-app--theme-dark .profile-admin-trigger,
#singlehub-app.singlehub-app--theme-dark .profile-admin-item {
    color: #b9c7d8;
}

#singlehub-app.singlehub-app--theme-dark .profile-admin-menu[open] .profile-admin-trigger,
#singlehub-app.singlehub-app--theme-dark .profile-admin-menu.is-open .profile-admin-trigger,
#singlehub-app.singlehub-app--theme-dark .profile-admin-trigger:hover,
#singlehub-app.singlehub-app--theme-dark .profile-admin-trigger:focus-visible,
#singlehub-app.singlehub-app--theme-dark .profile-admin-item:hover,
#singlehub-app.singlehub-app--theme-dark .profile-admin-item:focus-visible {
    color: #e6f0fb;
    background: #233247;
}

#singlehub-app.singlehub-app--theme-dark .photo-lightbox {
    background: rgba(10, 15, 22, .9);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-view__loading {
    color: #a4b2c4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-profile-loading-spinner {
    border-color: rgba(103, 167, 255, .2);
    border-top-color: rgba(103, 167, 255, .86);
}

#singlehub-app.singlehub-app--theme-dark .lightbox-counter,
#singlehub-app.singlehub-app--theme-dark .lightbox-close,
#singlehub-app.singlehub-app--theme-dark .lightbox-nav {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .online-menu-separator {
    background: #2b3b50;
}

#singlehub-app.singlehub-app--theme-dark .profile-summary-header,
#singlehub-app.singlehub-app--theme-dark .profile-command,
#singlehub-app.singlehub-app--theme-dark .profile-tab.is-active,
#singlehub-app.singlehub-app--theme-dark .profile-tab[aria-selected="true"],
#singlehub-app.singlehub-app--theme-dark .forum-post-card,
#singlehub-app.singlehub-app--theme-dark .profile-award {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .profile-tab-count,
#singlehub-app.singlehub-app--theme-dark .stat-value {
    color: #9bc7ff;
    background: #263e60;
}

#singlehub-app.singlehub-app--theme-dark .profile-command,
#singlehub-app.singlehub-app--theme-dark .profile-summary-header,
#singlehub-app.singlehub-app--theme-dark .profile-tab-list,
#singlehub-app.singlehub-app--theme-dark .profile-map-panel,
#singlehub-app.singlehub-app--theme-dark .profile-user-panel,
#singlehub-app.singlehub-app--theme-dark .stat-box,
#singlehub-app.singlehub-app--theme-dark .stat-box h3,
#singlehub-app.singlehub-app--theme-dark .stat-list li,
#singlehub-app.singlehub-app--theme-dark .profile-award,
#singlehub-app.singlehub-app--theme-dark .forum-post-card,
#singlehub-app.singlehub-app--theme-dark .forum-post-head,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-question,
#singlehub-app.singlehub-app--theme-dark .question-item {
    border-color: #2d3e52;
}

#singlehub-app.singlehub-app--theme-dark .profile-title-line strong,
#singlehub-app.singlehub-app--theme-dark .profile-fact-title,
#singlehub-app.singlehub-app--theme-dark .stat-box h3,
#singlehub-app.singlehub-app--theme-dark .stat-list strong,
#singlehub-app.singlehub-app--theme-dark .profile-content-heading,
#singlehub-app.singlehub-app--theme-dark .singlehub-profile-question h4,
#singlehub-app.singlehub-app--theme-dark .forum-post-author,
#singlehub-app.singlehub-app--theme-dark .forum-post-title,
#singlehub-app.singlehub-app--theme-dark .user-detail-copy strong,
#singlehub-app.singlehub-app--theme-dark .admin-action-row > span:not(.admin-action-badge),
#singlehub-app.singlehub-app--theme-dark .profile-award {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .user-detail-head p,
#singlehub-app.singlehub-app--theme-dark .user-detail-copy span,
#singlehub-app.singlehub-app--theme-dark .activity-lines span {
    color: #a4b2c4;
}

#singlehub-app.singlehub-app--theme-dark .profile-command:hover,
#singlehub-app.singlehub-app--theme-dark .profile-command:focus-visible,
#singlehub-app.singlehub-app--theme-dark .admin-action-row:hover,
#singlehub-app.singlehub-app--theme-dark .admin-action-row:focus-visible {
    background: #223247;
}

#singlehub-app.singlehub-app--theme-dark .stat-box,
#singlehub-app.singlehub-app--theme-dark .forum-post-head,
#singlehub-app.singlehub-app--theme-dark .profile-details-close {
    background: #1c2938;
}

#singlehub-app.singlehub-app--theme-dark .profile-map {
    border-color: #2d3e52;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        #172230;
    background-size: 32px 32px;
}

@media (min-width: 761px) {
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .search {
        color: #91a2b7;
        background: #172230;
        border-color: #2d3d52;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 8px 22px rgba(0, 0, 0, .2);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .search input {
        color: var(--ink);
        background: transparent;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .search input::placeholder {
        color: #77879b;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .age-tag {
        color: #dce8f7;
        background: rgba(16, 23, 34, .68);
        box-shadow: 0 6px 16px rgba(0, 0, 0, .26);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .side-card {
        background: var(--panel);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .side-header {
        background: #1c2938;
        border-color: var(--bg);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .side-header h2,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .side-header h3,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-title-line strong {
        color: #edf4fb;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .user-avatar {
        border-color: rgba(132, 148, 167, .36);
        box-shadow: 0 2px 7px rgba(0, 0, 0, .24);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .user-menu-trigger:hover .user-avatar,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .user-menu-trigger:focus-visible .user-avatar,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .user-menu.is-open .user-avatar {
        box-shadow: 0 0 0 3px rgba(80, 112, 150, .14), 0 2px 7px rgba(0, 0, 0, .24);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-command-list,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-details {
        background: var(--panel);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-command {
        color: #c2cfdf;
        -webkit-text-fill-color: #c2cfdf;
        background: #172230;
        border-color: #2d3d52;
        opacity: 1;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop #singlehub-profile-actions .profile-command {
        border-color: #2d3d52;
        border-bottom-color: #2d3d52;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-command:disabled {
        color: #c2cfdf;
        -webkit-text-fill-color: #c2cfdf;
        opacity: 1;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-command:hover,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-command:focus-visible {
        color: #80b9ff;
        -webkit-text-fill-color: #80b9ff;
        background: #203047;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-fact,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .detail-item {
        border-bottom-color: #2d3e52;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-fact-icon,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .detail-icon {
        color: #edf5ff;
        background: #4b5868;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-fact-title,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .detail-title,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-content-heading,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab-heading,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-box h3,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-list strong {
        color: #eff5fc;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-title-line span,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-presence,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-fact-copy,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .detail-copy,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-section-body,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab-copy,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-list li,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-label {
        color: var(--muted);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-box {
        background: #1c2938;
        border-color: #2d3d52;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .2);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-box h3,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-list li {
        border-color: #2f4055;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-icon {
        color: #edf4fb;
        background: #4d5d70;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-value,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab-count {
        color: #101722;
        background: #8cc2ff;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .stat-value {
        color: #9bc7ff;
        background: #263e60;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tabs-shell,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-content-card,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab-panel {
        background: var(--panel);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab-list {
        background: #1c2938;
        border-color: var(--bg);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab {
        color: #a8b7ca;
        background: transparent;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab:hover,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab:focus-visible {
        color: #8cc2ff;
        background: #203047;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab.is-active,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-profile-detail--desktop .profile-tab[aria-selected="true"] {
        color: #8cc2ff;
        background: #183a5c;
        border-bottom-color: #72adff;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online {
        background: var(--panel);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .side-header {
        background: #1c2938;
        border-color: var(--bg);
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .online-list {
        background: var(--panel);
        scrollbar-color: rgba(78, 100, 128, .34) transparent;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .online-person {
        border-bottom-color: #2b3b50;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .online-name {
        color: #e7eef7;
    }

    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .online-age,
    :is(html.theme-dark #singlehub-app, #singlehub-app.singlehub-app--theme-dark) .singlehub-widget--recent-online .online-time {
        color: var(--muted);
    }
}

@media (prefers-reduced-motion: reduce) {
    #singlehub-app .singlehub-profile-loading-spinner {
        animation-duration: 1.4s;
    }
}

@media (max-width: 1360px) {
    #singlehub-app .dashboard,
    #singlehub-app .site-header-grid {
        grid-template-columns: 230px minmax(660px, 1fr);
    }

    #singlehub-app .main-actions {
        display: flex;
    }

    #singlehub-app .rail-actions,
    #singlehub-app .right-rail {
        display: none;
    }
}

@media (max-width: 1040px) {
    #singlehub-app.singlehub-app {
        --profile-card-width: 300px;
    }

    #singlehub-app .dashboard,
    #singlehub-app .site-header-grid {
        grid-template-columns: 1fr;
    }

    #singlehub-app .sidebar-wrap,
    #singlehub-app .brand-row {
        display: none;
    }

    #singlehub-app .dashboard {
        padding-inline: 10px;
    }

    #singlehub-app .topbar {
        grid-column: 1;
        padding: 0 4px;
        padding-top: 19px;
    }

    #singlehub-app .main-grid {
        grid-template-columns: var(--profile-card-width) minmax(360px, 1fr);
    }

    #singlehub-app .profile-top-grid {
        grid-template-columns: var(--profile-card-width) minmax(360px, 1fr);
    }
}

@media (max-width: 760px) {
    #singlehub-app.singlehub-app {
        --profile-card-width: 100%;
    }

    #singlehub-app .site-header {
        height: 104px;
    }

    #singlehub-app .dashboard {
        padding: 118px 10px 84px;
    }

    body.admin-bar #singlehub-app .dashboard {
        padding-top: 150px;
    }

    #singlehub-app .topbar {
        height: auto;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding-top: 10px;
    }

    #singlehub-app .search {
        width: 100%;
    }

    #singlehub-app .singlehub-global-search__panel {
        position: fixed;
        top: 108px;
        left: 10px;
        right: 10px;
        width: auto;
        max-height: calc(100vh - 190px);
    }

    #singlehub-app .main-actions {
        justify-content: space-between;
    }

    #singlehub-app .main-grid {
        grid-template-columns: 1fr;
    }

    #singlehub-app .profile-top-grid,
    #singlehub-app .profile-summary-body,
    #singlehub-app .profile-summary-bottom,
    #singlehub-app .user-detail-grid {
        grid-template-columns: 1fr;
    }

    #singlehub-app .photo-stage {
        height: 380px;
    }

    #singlehub-app .singlehub-profile-detail .profile-photo {
        height: min(74vh, 620px);
        min-height: 420px;
        border-radius: var(--radius) var(--radius) 0 0;
    }

    #singlehub-app .singlehub-profile-detail .profile-slide-button {
        opacity: 1;
        pointer-events: auto;
    }

    #singlehub-app .singlehub-profile-detail .name-line h1 {
        font-size: 32px;
    }

    #singlehub-app .singlehub-profile-detail .profile-command-list {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 12px;
        scrollbar-width: none;
    }

    #singlehub-app .singlehub-profile-detail .profile-command-list::-webkit-scrollbar {
        display: none;
    }

    #singlehub-app .singlehub-profile-detail .profile-command {
        min-width: 104px;
        min-height: 68px;
        border: 1px solid #dbe4ef;
        border-radius: 8px;
        justify-content: center;
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        text-align: center;
        font-size: 13px;
    }

    #singlehub-app .profile-summary-header {
        align-items: flex-start;
        padding: 16px;
    }

    #singlehub-app .profile-title-line strong {
        font-size: 23px;
    }

    #singlehub-app .profile-summary-body,
    #singlehub-app .profile-summary-bottom,
    #singlehub-app .profile-user-panel-inner {
        padding-inline: 16px;
    }

    #singlehub-app .admin-action-list {
        border-left: 0;
        padding-left: 0;
    }

    #singlehub-app .profile-tab-list {
        min-height: 54px;
    }

    #singlehub-app .profile-tab {
        min-width: 118px;
        padding-inline: 12px;
    }

    #singlehub-app .profile-tab-panel {
        padding: 16px;
    }

    #singlehub-app .photo-lightbox {
        padding: 58px 14px 28px;
    }

    #singlehub-app .lightbox-counter {
        top: 24px;
        left: 18px;
        font-size: 16px;
    }

    #singlehub-app .lightbox-close {
        top: 12px;
        right: 12px;
    }

    #singlehub-app .lightbox-nav {
        width: 42px;
        height: 64px;
    }

    #singlehub-app .lightbox-nav.prev {
        left: 4px;
    }

    #singlehub-app .lightbox-nav.next {
        right: 4px;
    }

    #singlehub-app .lightbox-frame {
        width: calc(100vw - 28px);
        height: calc(100vh - 92px);
        height: calc(100dvh - 92px);
        max-width: calc(100vw - 28px);
        max-height: calc(100vh - 92px);
        max-height: calc(100dvh - 92px);
    }

    #singlehub-app .lightbox-frame img {
        height: 100%;
    }

    #singlehub-app .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #singlehub-app .forum-post-head {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    #singlehub-app .forum-post-link {
        grid-column: 2;
    }

    #singlehub-app .chat-card {
        height: 680px;
    }

    #singlehub-app .people-row {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    #singlehub-app .verse-card {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #singlehub-app .singlehub-search-form {
        grid-template-columns: 1fr;
    }

    #singlehub-app .singlehub-search-filter--q,
    #singlehub-app .singlehub-search-form__actions {
        grid-column: span 1;
    }

    #singlehub-app .singlehub-account-placeholder__body {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px;
    }

    #singlehub-app.is-account-view .singlehub-site-header,
    #singlehub-app.is-account-view > .dashboard,
    #singlehub-app.is-account-view .singlehub-mobile-nav {
        display: none;
    }

    #singlehub-app .singlehub-mobile-account-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-account-main {
        padding: 0 0 var(--bottom-nav-space);
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-editor__surface {
        gap: 12px;
        overflow-x: hidden;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-editor__surface > :not(.singlehub-account-editor__tabs) {
        width: calc(100% - 24px);
        margin-inline: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-editor__tabs {
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 10px 12px;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
        mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-editor__tabs::-webkit-scrollbar {
        display: none;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-tab {
        min-height: 42px;
        font-size: 13px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-editor__notice,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-panel {
        box-shadow: 0 8px 22px rgba(31, 48, 72, .08);
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-panel {
        padding: 16px 14px 18px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-form {
        gap: 12px;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px 16px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-hero h3 {
        font-size: 24px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-status {
        min-height: 92px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section {
        gap: 10px;
        padding: 16px 14px 18px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section legend {
        font-size: 16px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section .singlehub-account-field {
        padding-top: 4px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section .singlehub-account-segment-wrap {
        gap: 8px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section .singlehub-account-segment {
        width: 100%;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-section .singlehub-account-segment-option {
        flex: 1 1 0;
        min-width: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-support-note {
        align-items: start;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-settings-form .singlehub-account-actions {
        padding: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-form {
        gap: 12px;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px 16px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-hero h3 {
        font-size: 24px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-completion {
        min-height: 98px;
        grid-template-columns: 62px minmax(0, 1fr);
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-completion__ring {
        width: 58px;
        height: 58px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section {
        gap: 4px;
        padding: 13px 14px 15px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section legend {
        font-size: 16px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section .singlehub-account-field {
        padding-top: 4px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section .singlehub-account-segment-wrap {
        gap: 8px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section .singlehub-account-segment {
        width: 100%;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section .singlehub-account-segment-option {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: 8px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-section--text .singlehub-account-wysiwyg {
        min-height: 210px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-profile-form .singlehub-account-actions {
        padding: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-questions-form {
        gap: 12px;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-questions-note {
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: start;
        padding: 13px 14px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-questions-form .singlehub-account-field textarea.singlehub-field {
        min-height: 132px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-questions-form .singlehub-account-actions {
        padding: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-credentials-form {
        gap: 12px;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-credentials-status {
        min-height: 92px;
        grid-template-columns: 54px minmax(0, 1fr);
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-credentials-password-row .singlehub-button,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-credentials-admin-row .singlehub-button {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-credentials-form .singlehub-account-actions {
        padding: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-field {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-label {
        min-height: 0;
        align-items: flex-start;
        font-size: 13px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-help,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-error,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-toolbar,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-rich-wrap,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-wysiwyg,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-field--rich textarea.singlehub-field {
        grid-column: 1;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-control-wrap .singlehub-field {
        min-height: 44px;
        font-size: 16px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-field textarea.singlehub-field {
        min-height: 116px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-field--rich textarea.singlehub-field,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-wysiwyg {
        min-height: 190px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-toolbar {
        padding: 6px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-range {
        grid-template-columns: 1fr;
        gap: 6px;
        padding-right: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-range-value {
        justify-self: start;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-segment-wrap {
        flex-wrap: wrap;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-segment {
        width: fit-content;
        min-height: 40px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-segment-option {
        min-height: 40px;
        min-width: 66px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-aligned-controls {
        width: auto;
        margin-left: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-checkgrid--chips,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-search-grid,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-inline-checkgrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 44px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-actions,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-confirm-note {
        margin-left: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-actions .singlehub-button {
        width: 100%;
        min-height: 44px;
        font-size: 15px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-media-form {
        gap: 12px;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-media-head p,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-gallery-heading p,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-delete-copy p {
        font-size: 15px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-dropzone {
        min-height: 204px;
        padding: 18px;
        font-size: 15px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-photo-required {
        grid-template-columns: 28px minmax(0, 1fr);
        padding: 13px 14px;
        font-size: 15px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-media-actions {
        align-items: stretch;
        flex-direction: column;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-photo-progress {
        width: 100%;
        max-width: 260px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-gallery-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-photo-card__media {
        grid-template-columns: minmax(0, 1fr) 72px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-gallery-preview {
        min-height: 188px;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-gallery-tools {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-tool {
        min-height: 44px;
        width: 100%;
    }

    #singlehub-app .singlehub-account-crop-dialog {
        align-items: end;
        padding: 10px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
    }

    #singlehub-app .singlehub-account-crop-dialog__panel {
        max-height: calc(100vh - 20px - env(safe-area-inset-bottom));
        gap: 10px;
        padding: 14px;
    }

    #singlehub-app .singlehub-account-crop-dialog__head,
    #singlehub-app .singlehub-account-crop-dialog__actions {
        align-items: stretch;
        flex-direction: column;
    }

    #singlehub-app .singlehub-account-crop-dialog__actions .singlehub-button,
    #singlehub-app .singlehub-account-crop-dialog__close {
        width: 100%;
        min-height: 44px;
    }

    #singlehub-app .singlehub-account-crop-frame {
        min-height: 280px;
    }

    #singlehub-app .singlehub-auth-shell {
        justify-content: center;
        gap: 28px;
        padding: max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));
        background-position: center top;
    }

    #singlehub-app .singlehub-auth-brand__logo {
        width: min(250px, 58vw);
    }

    #singlehub-app .singlehub-auth-panel {
        width: min(100%, 438px);
        padding: 32px 32px 50px;
    }

    #singlehub-app .singlehub-auth-panel__heading {
        gap: 12px;
        flex-wrap: wrap;
    }

    #singlehub-app .singlehub-auth-panel h1 {
        font-size: 22px;
    }

    #singlehub-app .singlehub-auth-register-copy,
    #singlehub-app .singlehub-auth-link,
    #singlehub-app .singlehub-auth-remember {
        font-size: 15px;
    }

    #singlehub-app .singlehub-auth-options {
        gap: 14px;
    }

    #singlehub-app .singlehub-auth-form .singlehub-button--primary {
        font-size: 18px;
    }

    #singlehub-app .singlehub-toast-stack,
    #singlehub-app .singlehub-toast-region {
        right: 10px;
        left: 10px;
        bottom: calc(var(--bottom-nav-space) + 10px);
    }

    #singlehub-app .singlehub-toast[data-sh-toast-key="verification-queue"] {
        display: none;
    }

    #singlehub-app .singlehub-mobile-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 45;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background: #fff;
        border-top: 1px solid #dbe4ef;
        box-shadow: 0 -8px 22px rgba(31, 48, 72, .12);
    }

    #singlehub-app .singlehub-mobile-nav .nav-item {
        min-height: 60px;
        justify-content: center;
        color: #4e6078;
        padding: 4px;
        background: #fff;
    }

    #singlehub-app .singlehub-mobile-nav .label,
    #singlehub-app .singlehub-mobile-nav .pill {
        display: none;
    }
}

@media (max-width: 980px) {
    #singlehub-app .singlehub-verification-queue__layout,
    #singlehub-app .singlehub-verification-compare {
        grid-template-columns: 1fr;
    }

    #singlehub-app .singlehub-verification-detail-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #singlehub-app .singlehub-verification-detail-side {
        width: 100%;
        justify-items: start;
        margin-left: 0;
    }

    #singlehub-app .singlehub-verification-panel--pending-photos .singlehub-account-gallery-row,
    #singlehub-app .singlehub-verification-panel--document-edit .singlehub-account-gallery-row {
        grid-template-columns: 1fr;
    }

    #singlehub-app .singlehub-account-certify-upload,
    #singlehub-app .singlehub-account-certify-upload .singlehub-button {
        width: 100%;
    }
}

@media (max-width: 430px) {
    #singlehub-app {
        font-size: 14px;
    }

    #singlehub-app .singlehub-mobile-account-heading .singlehub-account-profile-open {
        width: 42px;
        padding-inline: 0;
    }

    #singlehub-app .singlehub-mobile-account-heading .singlehub-account-profile-open span {
        display: none;
    }

    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-checkgrid--chips,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-search-grid,
    #singlehub-app .singlehub-mobile-account-shell .singlehub-account-inline-checkgrid {
        grid-template-columns: 1fr;
    }

    #singlehub-app .photo-stage {
        height: 315px;
    }

    #singlehub-app .singlehub-profile-detail .profile-photo {
        min-height: 340px;
        height: 66vh;
    }

    #singlehub-app .singlehub-profile-detail .name-line {
        align-items: start;
        flex-direction: column;
    }

    #singlehub-app .people-row {
        gap: 14px 10px;
        padding-inline: 12px;
    }

    #singlehub-app .round-photo,
    #singlehub-app .singlehub-profile-tile__photo {
        width: 96px;
        height: 96px;
    }
}

#singlehub-app .singlehub-mobile-app-shell,
#singlehub-app .singlehub-mobile-profile-shell {
    display: none;
    min-height: 100vh;
    background: var(--bg);
    overflow-x: hidden;
}

#singlehub-app .singlehub-mobile-app-shell[hidden],
#singlehub-app .singlehub-mobile-profile-shell[hidden] {
    display: none;
}

#singlehub-app .singlehub-mobile-app-main,
#singlehub-app .singlehub-mobile-profile-main {
    padding: 0 0 var(--bottom-nav-space);
}

#singlehub-app .singlehub-mobile-profile-topbar {
    position: relative;
    top: 0;
    z-index: 2100;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 68px;
    padding: calc(8px + env(safe-area-inset-top)) 14px 8px 16px;
    background: rgba(244, 246, 250, .92);
    border-bottom: 1px solid rgba(226, 232, 241, .86);
    box-shadow: 0 8px 22px rgba(31, 45, 68, .08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#singlehub-app .singlehub-mobile-profile-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#singlehub-app .singlehub-mobile-profile-brand img {
    width: 116px;
    max-width: 100%;
    height: auto;
    max-height: 44px;
    display: block;
    transform: translateX(-26px);
}

#singlehub-app .singlehub-mobile-profile-brand .brand-logo-dark {
    display: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-brand .brand-logo-light {
    display: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-brand .brand-logo-dark {
    display: block;
}

#singlehub-app .singlehub-mobile-profile-top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

#singlehub-app .singlehub-mobile-profile-topbar .history-back {
    width: 34px;
    height: 42px;
    border: 0;
    border-radius: 0;
    display: grid;
    place-items: center;
    color: #5b6b80;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-topbar .history-back svg {
    width: 26px;
    height: 26px;
}

#singlehub-app .singlehub-mobile-profile-topbar .history-back:hover,
#singlehub-app .singlehub-mobile-profile-topbar .history-back:focus-visible {
    color: #233146;
    outline: 0;
}

#singlehub-app .singlehub-mobile-profile-topbar .icon-button {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(226, 232, 241, .9);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #354257;
    background: #fff;
    box-shadow: 0 5px 14px rgba(31, 45, 68, .08);
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-topbar .icon-button svg {
    width: 21px;
    height: 21px;
}

#singlehub-app .singlehub-mobile-profile-topbar .icon-button:focus {
    outline: 0;
}

#singlehub-app .singlehub-mobile-profile-topbar .icon-button:focus-visible {
    border-color: rgba(44, 123, 229, .28);
    box-shadow:
        0 0 0 2px rgba(44, 123, 229, .12),
        0 5px 14px rgba(31, 45, 68, .08);
}

#singlehub-app .singlehub-mobile-profile-topbar .badge-dot,
#singlehub-app .singlehub-mobile-profile-topbar .singlehub-badge--counter {
    position: absolute;
    top: 3px;
    right: 2px;
    min-width: 17px;
    height: 17px;
    border: 2px solid #fff;
    border-radius: 999px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: #fff;
    background: var(--accent);
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
}

#singlehub-app .singlehub-mobile-profile-topbar .notification-dropdown {
    position: fixed;
    top: calc(62px + env(safe-area-inset-top));
    right: 12px;
    z-index: 2200;
    width: min(352px, calc(100vw - 24px));
    max-height: min(74vh, 540px);
    overflow: auto;
    color: #26364a;
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(31, 45, 68, .2);
}

#singlehub-app .singlehub-mobile-profile-topbar .user-menu-trigger {
    width: 42px;
    height: 42px;
}

#singlehub-app .singlehub-mobile-profile-topbar .user-avatar {
    width: 38px;
    height: 38px;
    box-shadow: 0 5px 14px rgba(31, 45, 68, .12);
}

#singlehub-app .singlehub-mobile-profile-topbar .user-dropdown {
    position: fixed;
    top: calc(62px + env(safe-area-inset-top));
    right: 12px;
    z-index: 2200;
    width: min(248px, calc(100vw - 28px));
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(31, 45, 68, .2);
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2700;
    width: 100%;
    min-height: 72px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .96);
    border-top: 1px solid rgba(226, 232, 241, .96);
    box-shadow: 0 -10px 28px rgba(31, 45, 68, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item {
    min-width: 0;
    height: 54px;
    min-height: 54px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    gap: 0;
    color: #768398;
    background: transparent;
    padding: 0 2px;
    font-size: 10px;
    font-weight: 820;
    line-height: 1;
    text-decoration: none;
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item svg {
    width: 21px;
    height: 21px;
    color: currentColor;
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item:focus,
#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item:focus-visible {
    outline: 0;
}

#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item.active,
#singlehub-app .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item.is-active {
    color: #fff;
    background: var(--accent);
}

#singlehub-app .singlehub-mobile-profile-sheet {
    position: fixed;
    inset: 0;
    z-index: 2600;
    display: grid;
    place-items: end center;
    background: rgba(18, 27, 42, .36);
    opacity: 0;
    pointer-events: none;
    transition: opacity .34s ease;
}

#singlehub-app .singlehub-mobile-profile-sheet.open {
    opacity: 1;
    pointer-events: auto;
}

#singlehub-app .singlehub-mobile-profile-sheet .sheet-panel {
    width: 100%;
    max-height: min(82vh, calc(100svh - 32px), 760px);
    overflow: auto;
    padding-bottom: var(--bottom-nav-space);
    border-radius: 8px 8px 0 0;
    background: #fff;
    box-shadow: 0 -18px 44px rgba(18, 27, 42, .22);
    transform: translateY(100%);
    transition: transform .34s cubic-bezier(.22, .78, .28, 1);
    will-change: transform;
}

#singlehub-app .singlehub-mobile-profile-sheet.open .sheet-panel {
    transform: translateY(0);
}

#singlehub-app .singlehub-mobile-profile-sheet .sheet-head {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-profile-sheet .sheet-head h2 {
    margin: 0 0 0 10px;
    font-size: 18px;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-group {
    padding: 8px 16px 10px;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-group + .menu-group {
    border-top: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-label {
    margin: 6px 0 4px;
    padding-left: 8px;
    color: var(--soft);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .02em;
    text-transform: uppercase;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-row {
    width: 100%;
    min-height: 68px;
    border: 0;
    border-bottom: 1px dashed #d8e1ec;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 12px 0 12px 8px;
    color: var(--ink);
    background: #fff;
    text-align: left;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-row:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-icon svg {
    width: 22px;
    height: 22px;
    color: currentColor;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-copy {
    min-width: 0;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-copy strong {
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-copy span {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.32;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-right: 2px;
}

#singlehub-app .singlehub-mobile-profile-sheet .menu-chevron {
    width: 20px;
    height: 20px;
    color: var(--soft);
}

#singlehub-app .singlehub-mobile-profile-sheet .count {
    min-width: 24px;
    min-height: 22px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    padding: 0 7px;
    color: #fff;
    background: var(--highlight-blue);
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .singlehub-mobile-profile-sheet .count:not(.count--new) {
    min-width: 28px;
    min-height: 20px;
    padding: 0 8px;
    color: #1f6fd0;
    background: #d8e9ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

#singlehub-app .singlehub-mobile-profile-sheet .count--new {
    color: #fff;
    background: #e0282d;
}

#singlehub-app .singlehub-mobile-profile-template {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template[hidden] {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-card {
    position: relative;
    background: var(--panel);
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-home-template.profile-card {
    position: relative;
    background: var(--panel);
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-profile-template .profile-photo {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    min-height: 0;
    overflow: hidden;
    background: #d8e1ec;
    touch-action: pan-y;
    user-select: none;
}

#singlehub-app .singlehub-mobile-profile-template .photo-track {
    height: 100%;
    display: flex;
    transition: transform .32s ease;
}

#singlehub-app .singlehub-mobile-profile-template .photo-track.is-loop-jump {
    transition: none;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-slide,
#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-photo-placeholder {
    width: 100%;
    min-width: 100%;
    height: 100%;
    border: 0;
    display: grid;
    place-items: center;
    flex: 0 0 100%;
    color: #fff;
    background: #d8e1ec;
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-photo-placeholder {
    gap: 10px;
    align-content: center;
    color: #253347;
    background: linear-gradient(135deg, rgba(214, 225, 239, .9), rgba(238, 244, 251, .98));
    text-align: center;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-photo-placeholder__icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto;
    color: #fff;
    background: rgba(31, 45, 68, .72);
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-photo-placeholder__text {
    max-width: 260px;
    padding: 0 18px;
    color: #42506a;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
}

#singlehub-app .singlehub-mobile-profile-template .photo-track img,
#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-photo-main__image {
    width: 100%;
    height: 100%;
    flex: 0 0 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    -webkit-user-drag: none;
}

#singlehub-app .singlehub-mobile-profile-template .photo-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 16, 26, .12), transparent 42%);
    pointer-events: none;
}

#singlehub-app .singlehub-mobile-profile-template .photo-nav {
    position: absolute;
    left: 50%;
    top: 33px;
    z-index: 5;
    display: flex;
    gap: 6px;
    transform: translate(-50%, -50%);
}

#singlehub-app .singlehub-mobile-profile-template .photo-nav span,
#singlehub-app .singlehub-mobile-profile-template .photo-nav button {
    width: 28px;
    height: 4px;
    border: 0;
    border-radius: 999px;
    display: block;
    background: rgba(255, 255, 255, .46);
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-template .photo-nav span.is-active,
#singlehub-app .singlehub-mobile-profile-template .photo-nav button.is-active,
#singlehub-app .singlehub-mobile-profile-template .photo-nav button.active {
    background: #fff;
}

#singlehub-app .singlehub-mobile-profile-template .photo-slider-nav {
    position: absolute;
    top: 50%;
    z-index: 6;
    width: 44px;
    height: 76px;
    border: 0;
    display: grid;
    place-items: center;
    color: rgba(255, 255, 255, .88);
    background: transparent;
    filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .45));
    padding: 0;
    cursor: pointer;
    transform: translateY(-50%);
}

#singlehub-app .singlehub-mobile-profile-template .photo-slider-nav.prev {
    left: 13px;
}

#singlehub-app .singlehub-mobile-profile-template .photo-slider-nav.next {
    right: 13px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-photo.left-on-light .photo-slider-nav.prev,
#singlehub-app .singlehub-mobile-profile-template .profile-photo.right-on-light .photo-slider-nav.next {
    color: rgba(15, 24, 38, .78);
    filter: drop-shadow(0 2px 7px rgba(255, 255, 255, .45));
}

#singlehub-app .singlehub-mobile-profile-template .photo-slider-nav svg {
    width: 30px;
    height: 30px;
    stroke-width: 2.5;
}

#singlehub-app .singlehub-mobile-profile-template .photo-corner-button {
    position: absolute;
    top: 14px;
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #243248;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 2px 7px rgba(23, 32, 51, .12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-template .photo-corner-button.profile-link {
    left: 16px;
}

#singlehub-app .singlehub-mobile-profile-template .photo-corner-button.contact-link {
    right: 16px;
}

#singlehub-app .singlehub-mobile-profile-template .photo-corner-button svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 14px;
    align-items: end;
    padding: 0 16px 16px;
    --left-main: #fff;
    --left-sub: rgba(255, 255, 255, .88);
    --right-main: #fff;
    --right-sub: rgba(255, 255, 255, .78);
    color: var(--left-main);
    transition: color .18s ease;
}

#singlehub-app .singlehub-mobile-profile-template .profile-overlay::before {
    content: "";
    position: absolute;
    inset: -72px 0 0;
    z-index: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 13, 24, 0) 0%,
        rgba(8, 13, 24, .22) 38%,
        rgba(8, 13, 24, .5) 100%
    );
    pointer-events: none;
}

#singlehub-app .singlehub-mobile-profile-template .name-line {
    display: contents;
}

#singlehub-app .singlehub-mobile-profile-template .name-line h1 {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: 1;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    display: inline-flex;
    align-items: flex-end;
    gap: 7px;
    color: var(--left-main);
    font-size: 30px;
    line-height: 1.05;
    font-weight: 880;
    transition: color .18s ease;
}

#singlehub-app .singlehub-mobile-profile-template .profile-name-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-profile-template .age-stack {
    display: contents;
}

#singlehub-app .singlehub-mobile-profile-template .age-value {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 1;
    align-self: end;
    color: var(--right-main);
    font-size: 20px;
    font-weight: 760;
    line-height: 1.05;
    white-space: nowrap;
    transition: color .18s ease;
}

#singlehub-app .singlehub-mobile-profile-template .age-limit {
    grid-column: 2;
    grid-row: 2;
    position: relative;
    z-index: 1;
    align-self: center;
    color: var(--right-sub);
    font-size: 12px;
    font-weight: 760;
    line-height: 1.15;
    text-align: right;
    white-space: nowrap;
    transition: color .18s ease;
}

#singlehub-app .singlehub-mobile-profile-template .status-line {
    grid-column: 1;
    grid-row: 2;
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--left-sub);
    font-size: 13px;
    font-weight: 650;
    transition: color .18s ease;
}

#singlehub-app .singlehub-mobile-profile-template .status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px rgba(9, 189, 116, .18);
}

#singlehub-app .singlehub-mobile-profile-template .status-dot.is-active {
    background: #18d379;
}

#singlehub-app .singlehub-mobile-profile-template .status-dot.is-online {
    background: #078345;
}

#singlehub-app .singlehub-mobile-profile-template .name-line h1 .status-dot {
    margin-bottom: 5px;
}

#singlehub-app .singlehub-mobile-profile-template .status-dot.is-offline {
    background: #9aa8b8;
    box-shadow: 0 0 0 4px rgba(154, 168, 184, .18);
}

#singlehub-app .singlehub-mobile-profile-template .action-bar {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 0;
    padding: 14px 16px 16px;
    border-bottom: 0;
    background: #e4e9ef;
}

#singlehub-app .singlehub-mobile-profile-template .profile-action {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    justify-self: center;
    color: #344155;
    background: #fff;
    padding: 0;
    box-shadow: 0 2px 5px rgba(28, 39, 58, .12);
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.heart,
#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like {
    width: 70px;
    height: 70px;
    margin-block: -7px;
    color: #fff;
    background: var(--accent);
    box-shadow: 0 3px 7px rgba(28, 39, 58, .18);
}

#singlehub-app .singlehub-mobile-profile-template .profile-action svg {
    width: 20px;
    height: 20px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.heart svg,
#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like svg {
    width: 27px;
    height: 27px;
    fill: currentColor;
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like.is-active,
#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-favorite.is-active,
#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-hidden.is-active {
    box-shadow: 0 0 0 3px rgba(44, 123, 229, .16), 0 3px 7px rgba(28, 39, 58, .18);
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like.is-active {
    box-shadow: 0 0 0 3px rgba(226, 45, 45, .18), 0 3px 7px rgba(28, 39, 58, .18);
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-favorite.is-active {
    color: #f27432;
    background: #fff8f2;
}

#singlehub-app .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-hidden.is-active {
    color: #6b7b8e;
    background: #eef3f8;
}

#singlehub-app .singlehub-mobile-profile-template .profile-body {
    padding: 0 16px 18px;
    background: var(--panel);
}

#singlehub-app .singlehub-mobile-profile-template .profile-quick-actions {
    display: flex;
    gap: 8px;
    margin: 0 -16px 0 0;
    padding: 10px 16px 12px 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    cursor: grab;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
}

#singlehub-app .singlehub-mobile-profile-template .profile-quick-actions::-webkit-scrollbar {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-quick-action {
    min-width: 100px;
    height: 48px;
    border: 1px solid #c4d0df;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    color: #42506a;
    background: color-mix(in srgb, var(--panel-soft) 76%, #fff);
    padding: 0 11px;
    box-shadow: 0 4px 12px rgba(31, 45, 68, .06);
    font-size: 12px;
    font-weight: 760;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-profile-template .profile-quick-action svg,
#singlehub-app .singlehub-mobile-profile-template .profile-quick-action .singlehub-icon {
    width: 17px;
    height: 17px;
    color: var(--accent);
    stroke-width: 2.25;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-panel,
#singlehub-app .singlehub-mobile-profile-template .profile-user-details-panel {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transition: grid-template-rows .36s cubic-bezier(.22, .78, .28, 1), opacity .22s ease, margin-bottom .22s ease;
}

#singlehub-app .singlehub-mobile-profile-template .profile-card.is-map-open .profile-location-panel,
#singlehub-app .singlehub-mobile-profile-template .profile-card.is-details-open .profile-user-details-panel {
    grid-template-rows: 1fr;
    margin-bottom: 10px;
    opacity: 1;
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-inner,
#singlehub-app .singlehub-mobile-profile-template .profile-user-details-inner {
    min-height: 0;
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-map {
    position: relative;
    z-index: 0;
    height: 230px;
    overflow: hidden;
    border: 1px solid #cbd8e8;
    border-radius: 8px;
    background: #dce8f2;
    box-shadow: 0 6px 16px rgba(31, 45, 68, .08);
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-fallback {
    display: none;
    padding: 14px;
    color: var(--muted);
    border: 1px solid #cbd8e8;
    border-radius: 8px;
    background: #eef4fb;
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-panel.is-unavailable .profile-location-map {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-location-panel.is-unavailable .profile-location-fallback {
    display: block;
}

#singlehub-app .singlehub-mobile-profile-template .profile-user-details-inner {
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #eef4fb;
    box-shadow: 0 6px 16px rgba(31, 45, 68, .08);
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-head {
    min-height: 62px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px 12px;
    border-bottom: 1px solid #d6e0ec;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-head h2 {
    margin: 0;
    color: #26364a;
    font-size: 18px;
    line-height: 1.15;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-head p {
    margin: 3px 0 0;
    color: #718197;
    font-size: 13px;
    line-height: 1.3;
}

#singlehub-app .singlehub-mobile-profile-template .profile-details-close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 6px;
    display: grid;
    place-items: center;
    color: #5a6b7f;
    background: transparent;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-list,
#singlehub-app .singlehub-mobile-profile-template .admin-action-list {
    display: grid;
    gap: 0;
    padding: 0 14px;
}

#singlehub-app .singlehub-mobile-profile-template .admin-action-list {
    border-top: 1px solid #d6e0ec;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-row {
    min-height: 60px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 11px 0;
    border-bottom: 1px dashed #cfdae7;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-row:last-child,
#singlehub-app .singlehub-mobile-profile-template .admin-action-row:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #747f8e;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2e3b4d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-profile-template .user-detail-copy span,
#singlehub-app .singlehub-mobile-profile-template .activity-lines span {
    display: block;
    color: #5d6f86;
    font-size: 14px;
    line-height: 1.35;
}

#singlehub-app .singlehub-mobile-profile-template .admin-action-row {
    min-height: 50px;
    border: 0;
    border-bottom: 1px solid #d6e0ec;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 0;
    color: #4d5b6d;
    background: transparent;
    text-align: left;
    font-size: 14px;
}

#singlehub-app .singlehub-mobile-profile-template .detail-list {
    display: grid;
    border-top: 0;
}

#singlehub-app .singlehub-mobile-profile-template .profile-fact {
    min-height: 68px;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    align-items: start;
    padding: 12px 0 12px 8px;
    border-bottom: 1px dashed #cbd8e8;
}

#singlehub-app .singlehub-mobile-profile-template .profile-fact-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-top: 0;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-profile-template .profile-fact-icon svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-fact-title {
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-profile-template .profile-fact-copy {
    margin-top: 2px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.35;
}

#singlehub-app .singlehub-mobile-profile-template .profile-lower-surface {
    margin: 0 -16px -18px;
    padding: 0 16px 18px;
    background: var(--panel-soft);
    border-top: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-profile-template .stat-box {
    margin-top: 0;
    padding: 14px 20px 20px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-mobile-profile-template .stat-box h3 {
    margin: 0;
    padding: 0 0 13px;
    border-bottom: 1px solid #d8e2ee;
    color: #253347;
    font-size: 18px;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-profile-template .stat-list {
    margin: 0;
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-template .stat-list li {
    min-height: 35px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 0;
    color: #526276;
    font-size: 15px;
    line-height: 1.25;
    border-top: 1px solid #d8e2ee;
    border-bottom: 0;
}

#singlehub-app .singlehub-mobile-profile-template .stat-list li:first-child {
    border-top: 0;
}

#singlehub-app .singlehub-mobile-profile-template .stat-list li > span:not(.stat-icon) {
    font-size: 14px;
    line-height: 1.25;
}

#singlehub-app .singlehub-mobile-profile-template .stat-icon {
    width: 30px;
    height: 30px;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-profile-template .stat-icon svg,
#singlehub-app .singlehub-mobile-profile-template .stat-icon .singlehub-icon {
    width: 16px;
    height: 16px;
    color: currentColor;
    stroke-width: 2.25;
}

#singlehub-app .singlehub-mobile-profile-template .profile-awards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 20px 18px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-award {
    min-height: 0;
    border: 0;
    border-radius: 0;
    display: block;
    min-width: 0;
    overflow: hidden;
    aspect-ratio: 188 / 128;
    padding: 0;
    background: transparent;
}

#singlehub-app .singlehub-mobile-profile-template .profile-award img {
    width: 113%;
    max-width: none;
    height: auto;
    margin: 0 0 0 -6.5%;
    display: block;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-tabs {
    display: flex;
    gap: 8px;
    margin: 0 -16px;
    padding: 14px 16px 10px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    background: var(--panel-soft);
    border-top: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-tabs::-webkit-scrollbar {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-tab {
    min-width: max-content;
    height: 42px;
    border: 1px solid #ccd8e6;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #4e6078;
    background: #fff;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-tab.is-active,
#singlehub-app .singlehub-mobile-profile-template .profile-content-tab[aria-selected="true"] {
    color: #fff;
    background: var(--accent);
    border-color: var(--accent);
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-count {
    min-width: 28px;
    height: 20px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    padding: 0 8px;
    color: #1f6fd0;
    background: #d8e9ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-count[hidden] {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-count:empty {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-panel {
    padding: 0 0 18px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-panel[hidden] {
    display: none;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-card {
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: var(--panel);
    padding: 16px;
}

#singlehub-app .singlehub-mobile-profile-template .profile-content-heading {
    margin: 0 0 12px;
    color: var(--ink);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-profile-template .profile-section-body {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.56;
}

#singlehub-app .singlehub-mobile-profile-template .profile-section-body p {
    margin: 0 0 12px;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-question {
    padding: 12px 0;
    border-bottom: 1px dashed #d8e2ee;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-question:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-question h4 {
    margin: 0 0 5px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.3;
}

#singlehub-app .singlehub-mobile-profile-template .singlehub-profile-question p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

#singlehub-app .singlehub-mobile-profile-template .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
}

#singlehub-app .singlehub-mobile-profile-template .gallery-tile {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 0;
    display: block;
    overflow: hidden;
    background: #d9e3ef;
    padding: 0;
}

#singlehub-app .singlehub-mobile-profile-template .gallery-tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#singlehub-app .singlehub-mobile-profile-template .profile-forum-posts {
    display: grid;
    gap: 10px;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-card {
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: var(--panel);
    padding: 14px;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-head {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: #8b98aa;
    font-weight: 850;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-author {
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-date,
#singlehub-app .singlehub-mobile-profile-template .forum-post-excerpt {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-link,
#singlehub-app .singlehub-mobile-profile-template .forum-post-title {
    color: var(--highlight-blue);
    font-weight: 800;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-body {
    margin-top: 12px;
}

#singlehub-app .singlehub-mobile-profile-template .forum-post-title {
    display: block;
    margin-bottom: 5px;
}

#singlehub-app .singlehub-mobile-home-shell .home-lower-surface {
    background: #f6f8fb;
}

#singlehub-app .singlehub-mobile-home-shell .section {
    margin-top: 0;
    overflow: hidden;
    background: transparent;
    border-top: 0;
}

#singlehub-app .singlehub-mobile-home-shell .live-online-section {
    background: #fff;
    border-top: 1px solid #dce5ef;
    border-bottom: 1px solid #dce5ef;
}

#singlehub-app .singlehub-mobile-home-shell .section-head {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 16px;
    border-bottom: 0;
    background: transparent;
}

#singlehub-app .singlehub-mobile-home-shell .live-online-section .section-head {
    background: #fff;
}

#singlehub-app .singlehub-mobile-home-shell .section-head h2,
#singlehub-app .singlehub-mobile-home-shell .forum-card-head h2,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-head h2 {
    margin: 0;
    color: var(--ink);
    font-size: 17px;
    line-height: 1.15;
}

#singlehub-app .singlehub-mobile-home-shell .section-head button,
#singlehub-app .singlehub-mobile-home-shell .forum-card-head a,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-head button,
#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-all-link,
#singlehub-app .singlehub-mobile-home-shell .live-all-link,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-join {
    border: 0;
    color: var(--accent);
    background: transparent;
    padding: 0;
    font-size: 13px;
    font-weight: 780;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-section,
#singlehub-app .singlehub-mobile-home-shell .live-online-section {
    padding-top: 5px;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-row {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding: 14px 16px 18px;
    scrollbar-width: none;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-row::-webkit-scrollbar,
#singlehub-app .singlehub-mobile-home-shell .sheet-panel::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-row,
#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-extra-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-row {
    padding: 4px 16px 14px;
    overflow: visible;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-extra {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .38s cubic-bezier(.22, .78, .28, 1);
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-section.is-expanded .new-profile-photos-extra,
#singlehub-app .singlehub-mobile-home-shell .live-online-section.is-expanded .live-extra,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-card.is-expanded .cx-chat-extra {
    grid-template-rows: 1fr;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-extra-content,
#singlehub-app .singlehub-mobile-home-shell .live-extra-content,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-extra-content {
    min-height: 0;
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-extra-inner {
    padding: 0 16px;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 8px;
    display: block;
    color: inherit;
    background: #fff;
    box-shadow: 0 6px 16px rgba(31, 45, 68, .08);
    padding: 0;
    text-decoration: none;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-photo,
#singlehub-app .singlehub-mobile-home-shell .suggestion-card img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: cover;
    background: #d8e1ec;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-photo {
    position: relative;
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-photo-placeholder,
#singlehub-app .singlehub-mobile-home-shell .live-avatar-placeholder,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-avatar--icon {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #9aa8ba, #d8e1ec);
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-photo-placeholder svg,
#singlehub-app .singlehub-mobile-home-shell .live-avatar-placeholder svg,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-avatar--icon svg {
    width: 20px;
    height: 20px;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-copy {
    min-height: 0;
    display: block;
    padding: 8px 7px 6px;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-name,
#singlehub-app .singlehub-mobile-home-shell .suggestion-meta {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-name {
    color: var(--ink);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
}

#singlehub-app .singlehub-mobile-home-shell .suggestion-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-home-shell .new-profile-photos-all-link {
    display: block;
    width: max-content;
    margin: 8px 16px 18px;
}

#singlehub-app .singlehub-mobile-home-shell .live-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 8px 16px 18px;
}

#singlehub-app .singlehub-mobile-home-shell .live-extra {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .38s cubic-bezier(.22, .78, .28, 1);
}

#singlehub-app .singlehub-mobile-home-shell .live-extra .live-list {
    padding-top: 0;
    padding-bottom: 0;
}

#singlehub-app .singlehub-mobile-home-shell .live-person {
    min-width: 0;
    color: inherit;
    text-align: center;
    text-decoration: none;
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar {
    position: relative;
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 auto 7px;
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar img,
#singlehub-app .singlehub-mobile-home-shell .live-avatar-placeholder {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px var(--line), 0 6px 14px rgba(31, 45, 68, .13);
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 4px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--green);
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar.is-active::after {
    background: #18d379;
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar.is-online::after {
    background: #078345;
}

#singlehub-app .singlehub-mobile-home-shell .live-avatar.is-offline::after {
    background: #a9b5c4;
}

#singlehub-app .singlehub-mobile-home-shell .live-name {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .live-name-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .singlehub-mobile-home-shell .live-age {
    min-width: 17px;
    height: 15px;
    display: inline-grid;
    place-items: center;
    padding: 0 3px;
    border: 1px solid color-mix(in srgb, var(--muted) 26%, transparent);
    border-radius: 4px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-soft) 58%, transparent);
    font-size: 9px;
    font-weight: 850;
    line-height: 1;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-home-shell .live-time {
    margin-top: 2px;
    display: block;
    color: var(--soft);
    font-size: 11px;
    line-height: 1.15;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .live-all-link {
    display: block;
    width: max-content;
    margin: 14px 16px 18px;
}

#singlehub-app .singlehub-mobile-home-shell .mini-forum,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-card {
    display: grid;
    gap: 0;
    margin: 14px 16px 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 100%, #cbd5e1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(31, 45, 68, .08);
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-card {
    margin-top: 0;
}

#singlehub-app .singlehub-mobile-home-shell .forum-card-head,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-head {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

#singlehub-app .singlehub-mobile-home-shell .forum-link {
    min-height: 44px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 12px;
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    font-size: 13px;
    font-weight: 430;
    line-height: 1.25;
    text-decoration: none;
}

#singlehub-app .singlehub-mobile-home-shell .forum-link:last-child {
    border-bottom: 0;
}

#singlehub-app .singlehub-mobile-home-shell .forum-link svg {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: var(--soft);
    stroke-width: 2;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-home-shell .forum-topic-title {
    min-width: 0;
    overflow: hidden;
    color: #2475ed;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
    white-space: normal;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .forum-topic-title {
    color: #67a7ff;
}

#singlehub-app .singlehub-mobile-home-shell .forum-topic-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#singlehub-app .singlehub-mobile-home-shell .forum-topic-meta {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px 8px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 620;
    line-height: 1.25;
}

#singlehub-app .singlehub-mobile-home-shell .forum-topic-meta-part {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .forum-topic-meta-part:last-child {
    max-width: 100%;
}

#singlehub-app .singlehub-mobile-home-shell .forum-count {
    min-width: 24px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    align-self: flex-start;
    margin-left: auto;
    padding: 0 6px;
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-soft) 78%, transparent);
    font-size: 11px;
    font-weight: 780;
    line-height: 1;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-preview,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-extra {
    display: grid;
    gap: 0;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-extra {
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .38s cubic-bezier(.22, .78, .28, 1);
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-message {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 11px 12px;
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-profile,
#singlehub-app .singlehub-mobile-home-shell .cx-chat-avatar {
    width: 34px;
    height: 34px;
    display: block;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-avatar {
    border: 2px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 1px var(--line);
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-copy {
    min-width: 0;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-meta {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-name {
    min-width: 0;
    overflow: hidden;
    color: var(--ink);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.15;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-time {
    color: var(--soft);
    font-size: 11px;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-text {
    margin-top: 3px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 430;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-join {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
}

#singlehub-app .singlehub-mobile-home-shell .cx-chat-join svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.2;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-home-shell .detail-item {
    min-height: 68px;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px 0 12px 8px;
    border-bottom: 1px dashed #cbd8e8;
}

#singlehub-app .singlehub-mobile-home-shell .profile-body {
    border-bottom: 1px solid #dce5ef;
}

#singlehub-app .singlehub-mobile-home-shell .detail-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-home-shell .detail-icon svg {
    width: 22px;
    height: 22px;
}

#singlehub-app .singlehub-mobile-home-shell .detail-title {
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-home-shell .detail-copy {
    margin-top: 2px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.32;
}

#singlehub-app .singlehub-mobile-home-shell .detail-country {
    margin-top: 3px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}

#singlehub-app .singlehub-mobile-home-shell .detail-country-flag {
    font-size: 15px;
    line-height: 1.25;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-mobile-home-shell .detail-inline-note {
    color: var(--muted);
}

#singlehub-app .singlehub-mobile-home-empty {
    margin: 0;
    padding: 12px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-body {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .action-bar {
    background: #0f1722;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action {
    color: #d9e4f2;
    background: #223047;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .28);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.heart,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like {
    color: #fff;
    background: var(--accent);
    box-shadow: 0 4px 9px rgba(0, 0, 0, .36);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.heart.is-active,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-like.is-active {
    background: var(--accent-dark);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.saved,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-favorite,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-hidden {
    color: #d9e4f2;
    background: #223047;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-favorite.is-active,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-action.singlehub-action--profile-hidden.is-active {
    color: #ff9b96;
    background: #223047;
    box-shadow: 0 0 0 3px rgba(255, 155, 150, .12), 0 3px 7px rgba(0, 0, 0, .28);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-quick-action {
    color: #d9e4f2;
    border-color: rgba(255, 181, 190, .18);
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-quick-action svg,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-quick-action .singlehub-icon {
    color: #ff9b96;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-quick-action.is-active {
    color: #ff9b96;
    border-color: rgba(255, 181, 190, .38);
    background: rgba(212, 50, 44, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-location-map,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-location-fallback,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-user-details-inner {
    background: #152131;
    border-color: rgba(255, 181, 190, .24);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-fact {
    border-bottom-color: #3a4c63;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-fact-icon {
    color: #ff9b96;
    background: rgba(212, 50, 44, .24);
    box-shadow:
        inset 0 0 0 1px rgba(255, 155, 150, .28),
        0 0 0 3px rgba(255, 155, 150, .1);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-lower-surface {
    background: #101722;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-box {
    background: #1c2938;
    border-color: #2d3d52;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .2);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-box h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-list li {
    border-color: #2f4055;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-box h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-list strong {
    color: #d8e2ee;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-list li {
    color: #adbacb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-label {
    color: #adbacb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-icon {
    color: #ff9b96;
    background: rgba(212, 50, 44, .24);
    box-shadow:
        inset 0 0 0 1px rgba(255, 155, 150, .28),
        0 0 0 3px rgba(255, 155, 150, .1);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-icon svg,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .stat-icon .singlehub-icon {
    color: currentColor;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-tabs {
    background: #101722;
    border-top-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-tab {
    color: #d9e4f2;
    border-color: rgba(255, 181, 190, .18);
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-tab.is-active,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-tab[aria-selected="true"] {
    color: #ff9b96;
    border-color: rgba(255, 181, 190, .38);
    background: rgba(212, 50, 44, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-tab svg {
    color: #ff9b96;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-count {
    color: #101722;
    background: #ff9b96;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .gallery-tile,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .forum-post-card {
    border-color: rgba(255, 181, 190, .2);
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-template .profile-content-card .profile-content-heading {
    border-bottom-color: #2f4055;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar,
#singlehub-app.singlehub-app--theme-dark .bottom-nav.singlehub-mobile-profile-bottom-nav {
    background: rgba(23, 34, 48, .96);
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar {
    box-shadow: none;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .user-avatar {
    border-color: #172230;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .user-menu-trigger:hover .user-avatar,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .user-menu-trigger:focus-visible .user-avatar,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .user-menu.is-open .user-avatar {
    box-shadow: 0 0 0 3px rgba(80, 112, 150, .14), 0 5px 16px rgba(0, 0, 0, .24);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .history-back,
#singlehub-app.singlehub-app--theme-dark .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item {
    color: #98a6b8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .icon-button,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .sheet-panel,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .sheet-head,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .menu-row {
    color: #d9e3ef;
    background: var(--panel);
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .badge-dot,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-topbar .singlehub-badge--counter {
    border-color: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item.active,
#singlehub-app.singlehub-app--theme-dark .bottom-nav.singlehub-mobile-profile-bottom-nav .nav-item.is-active {
    color: #fff;
    background: var(--accent);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet {
    background: rgba(0, 0, 0, .48);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .menu-row {
    border-bottom-color: #2c3c50;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .menu-icon {
    color: #ff9b96;
    background: rgba(212, 50, 44, .24);
    box-shadow:
        inset 0 0 0 1px rgba(255, 155, 150, .28),
        0 0 0 3px rgba(255, 155, 150, .1);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .menu-copy span {
    color: #a8b5c6;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .count {
    color: #9bc7ff;
    background: #263e60;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-profile-sheet .count--new {
    color: #fff;
    background: #e0282d;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .home-lower-surface {
    background: #121b27;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .live-online-section {
    background: #172334;
    border-top-color: #2d4058;
    border-bottom-color: #2d4058;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .live-online-section .section-head,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .forum-card-head,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .cx-chat-head,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .suggestion-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .mini-forum,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .cx-chat-card {
    background: var(--panel);
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .suggestion-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .mini-forum,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .cx-chat-card {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .suggestion-photo,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .suggestion-card img {
    background: #253244;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .live-avatar img,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .live-avatar-placeholder,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-home-shell .cx-chat-avatar {
    border-color: #172230;
}

#singlehub-app .singlehub-pro-view,
#singlehub-app .singlehub-mobile-pro-shell {
    color: #25344a;
}

#singlehub-app .singlehub-pro-page {
    width: 100%;
    margin: 0;
    padding: 0;
}

#singlehub-app .singlehub-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 16px;
    align-items: stretch;
    margin-bottom: 16px;
}

#singlehub-app .singlehub-pro-hero__copy,
#singlehub-app .singlehub-pro-status-card,
#singlehub-app .singlehub-pro-section {
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 45, 68, .07);
}

#singlehub-app .singlehub-pro-hero__copy {
    min-height: 184px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(22px, 3vw, 30px);
    border-color: #c5d6e8;
    background:
        linear-gradient(135deg, #ffffff 0%, #f5faff 62%, #f7fff9 100%),
        #fff;
    box-shadow: 0 10px 24px rgba(31, 45, 68, .1);
}

#singlehub-app .singlehub-pro-hero .singlehub-eyebrow {
    width: fit-content;
    margin: 0 0 12px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #16614e;
    background: #e5f7ee;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .02em;
}

#singlehub-app .singlehub-pro-hero h1,
#singlehub-app .singlehub-pro-section h2,
#singlehub-app .singlehub-pro-status-card h2,
#singlehub-app .singlehub-pro-plan h3 {
    margin: 0;
    color: #223149;
    line-height: 1.18;
    letter-spacing: 0;
}

#singlehub-app .singlehub-pro-hero h1 {
    font-size: clamp(27px, 2.6vw, 34px);
}

#singlehub-app .singlehub-pro-status-card h2 {
    font-size: clamp(27px, 2.6vw, 34px);
}

#singlehub-app .singlehub-pro-section h2 {
    font-size: clamp(24px, 2.2vw, 30px);
}

#singlehub-app .singlehub-pro-plan h3 {
    font-size: 20px;
    line-height: 1.22;
    overflow-wrap: normal;
    hyphens: none;
}

#singlehub-app .singlehub-pro-hero__copy .singlehub-pro-hero__text,
#singlehub-app .singlehub-pro-hero__copy .singlehub-pro-hero__text p,
#singlehub-app .singlehub-pro-section__head p,
#singlehub-app .singlehub-pro-status-card__head p,
#singlehub-app .singlehub-pro-plan__description,
#singlehub-app .singlehub-pro-plan__meta,
#singlehub-app .singlehub-pro-checkout-status,
#singlehub-app .singlehub-pro-state {
    color: #617188;
}

#singlehub-app .singlehub-pro-hero__text {
    margin-top: 10px;
    max-width: 430px;
    font-size: 16px;
    line-height: 1.45;
}

#singlehub-app .singlehub-pro-hero__text p {
    margin: 0;
}

#singlehub-app .singlehub-pro-hero__text p + p {
    margin-top: 8px;
}

#singlehub-app .singlehub-pro-status-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
}

#singlehub-app .singlehub-pro-status-card__head {
    display: grid;
    gap: 9px;
    align-content: start;
}

#singlehub-app .singlehub-pro-status-card__topline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

#singlehub-app .singlehub-pro-status-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #16614e;
    background: #e5f7ee;
}

#singlehub-app .singlehub-pro-status-card__icon svg {
    width: 21px;
    height: 21px;
}

#singlehub-app .singlehub-pro-status-card__pill {
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    color: #16614e;
    background: #e5f7ee;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .02em;
}

#singlehub-app .singlehub-pro-status-card__facts {
    display: grid;
    grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
    gap: 8px 14px;
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid #e7edf4;
    border-bottom: 1px solid #e7edf4;
}

#singlehub-app .singlehub-pro-status-card__facts dt,
#singlehub-app .singlehub-pro-status-card__facts dd {
    margin: 0;
    font-size: 14px;
    line-height: 1.35;
}

#singlehub-app .singlehub-pro-status-card__facts dt {
    color: #6b778b;
    font-weight: 800;
}

#singlehub-app .singlehub-pro-status-card__facts dd {
    color: #25344a;
}

#singlehub-app .singlehub-pro-status-card__actions,
#singlehub-app .singlehub-pro-provider-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

#singlehub-app .singlehub-pro-status-card__actions {
    margin-top: auto;
}

#singlehub-app .singlehub-pro-status-card__actions .singlehub-button,
#singlehub-app .singlehub-pro-provider-actions .singlehub-button,
#singlehub-app .singlehub-pro-plan .singlehub-button {
    min-height: 44px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#singlehub-app .singlehub-pro-section {
    margin-top: 16px;
    padding: clamp(18px, 2.5vw, 24px);
}

#singlehub-app .singlehub-pro-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

#singlehub-app .singlehub-pro-section__head p {
    max-width: 620px;
    margin: 6px 0 0;
    line-height: 1.5;
}

#singlehub-app .singlehub-pro-plans {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

#singlehub-app .singlehub-pro-plan {
    min-height: 100%;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px;
    background: #fff;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

#singlehub-app .singlehub-pro-plan:hover,
#singlehub-app .singlehub-pro-plan:focus-within {
    border-color: #bfd0e5;
    box-shadow: 0 8px 18px rgba(31, 45, 68, .08);
    transform: translateY(-1px);
}

#singlehub-app .singlehub-pro-plan.is-selected {
    border-color: #2d7be5;
    box-shadow: 0 0 0 2px rgba(45, 123, 229, .12);
}

#singlehub-app .singlehub-pro-plan__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

#singlehub-app .singlehub-pro-plan__badge {
    width: fit-content;
    min-height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    color: #50657f;
    background: #eef4fb;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
    order: -1;
}

#singlehub-app .singlehub-pro-plan__price {
    color: #17263a;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.15;
}

#singlehub-app .singlehub-pro-plan__meta,
#singlehub-app .singlehub-pro-plan__features {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.4;
}

#singlehub-app .singlehub-pro-plan__meta {
    padding-top: 10px;
    border-top: 1px solid #e7edf4;
}

#singlehub-app .singlehub-pro-plan__features {
    padding-top: 10px;
    border-top: 1px solid #e7edf4;
}

#singlehub-app .singlehub-pro-plan__features li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

#singlehub-app .singlehub-pro-plan__features svg {
    color: #16845e;
}

#singlehub-app .singlehub-pro-plan .singlehub-button {
    width: 100%;
    margin-top: auto;
}

#singlehub-app .singlehub-pro-loading,
#singlehub-app .singlehub-pro-state,
#singlehub-app .singlehub-pro-checkout-status {
    min-height: 24px;
    line-height: 1.45;
}

#singlehub-app .singlehub-pro-state {
    margin-top: 14px;
}

#singlehub-app .singlehub-pro-state.is-info,
#singlehub-app .singlehub-pro-checkout-status.is-info {
    color: #31507b;
}

#singlehub-app .singlehub-pro-state.is-success,
#singlehub-app .singlehub-pro-checkout-status.is-success {
    color: #16724f;
}

#singlehub-app .singlehub-pro-state.is-warning,
#singlehub-app .singlehub-pro-checkout-status.is-warning {
    color: #886210;
}

#singlehub-app .singlehub-pro-state.is-error,
#singlehub-app .singlehub-pro-checkout-status.is-error {
    color: #b4232a;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-view,
#singlehub-app.singlehub-app--theme-dark .singlehub-mobile-pro-shell {
    color: #dce7f4;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-hero__copy,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-section,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan {
    border-color: #31445c;
    background: #1b2837;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-hero__copy {
    background:
        linear-gradient(135deg, rgba(27, 40, 55, .98), rgba(25, 47, 52, .94)),
        #1b2837;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-hero h1,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-section h2,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card h2,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan h3,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card__facts dd,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__price {
    color: #edf3fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-hero__copy .singlehub-pro-hero__text,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-hero__copy .singlehub-pro-hero__text p,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-section__head p,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card__head p,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__description,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__meta,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-checkout-status,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-state {
    color: #aebbc8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card__facts {
    border-top-color: #31445c;
    border-bottom-color: #31445c;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card__icon,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-status-card__pill {
    color: #8be2c5;
    background: rgba(40, 217, 144, .12);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan:hover,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan:focus-within {
    border-color: #486078;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__badge {
    color: #c4d4e8;
    background: rgba(103, 167, 255, .12);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__meta,
#singlehub-app.singlehub-app--theme-dark .singlehub-pro-plan__features {
    border-top-color: #31445c;
}

@media (max-width: 760px) {
    body.singlehub-app-template {
        background: #f4f6fa;
    }

    #singlehub-app.singlehub-app:not(.singlehub-app--theme-dark) {
        --bg: #f4f6fa;
        background: #f4f6fa;
    }

    #singlehub-app.is-dashboard-view .singlehub-site-header,
    #singlehub-app.is-dashboard-view > .dashboard,
    #singlehub-app.is-dashboard-view .singlehub-mobile-nav,
    #singlehub-app.is-relations-view .singlehub-site-header,
    #singlehub-app.is-relations-view > .dashboard,
    #singlehub-app.is-relations-view .singlehub-mobile-nav,
    #singlehub-app.is-search-view .singlehub-site-header,
    #singlehub-app.is-search-view > .dashboard,
    #singlehub-app.is-search-view .singlehub-mobile-nav,
    #singlehub-app.is-forum-view .singlehub-site-header,
    #singlehub-app.is-forum-view > .dashboard,
    #singlehub-app.is-forum-view .singlehub-mobile-nav,
    #singlehub-app.is-pro-view .singlehub-site-header,
    #singlehub-app.is-pro-view > .dashboard,
    #singlehub-app.is-pro-view .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-relations-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-relations-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-relations-shell:not([hidden])) .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-search-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-search-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-search-shell:not([hidden])) .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-forum-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-forum-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-forum-shell:not([hidden])) .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-pro-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-pro-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-pro-shell:not([hidden])) .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-home-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-home-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-home-shell:not([hidden])) .singlehub-mobile-nav {
        display: none;
    }

    #singlehub-app .singlehub-mobile-home-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-relations-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-search-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-forum-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-pro-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-pro-main {
        min-height: calc(100svh - 70px - var(--bottom-nav-space));
        padding: 12px 12px var(--bottom-nav-space);
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-page {
        width: 100%;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-hero {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 12px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-hero__copy {
        min-height: 150px;
        padding: 20px 16px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-hero h1 {
        font-size: 24px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card h2,
    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-section h2 {
        font-size: 24px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card,
    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-section {
        padding: 16px 14px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-section {
        margin-top: 12px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-section__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-plans {
        grid-template-columns: 1fr;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card__facts {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card__facts dd {
        padding-bottom: 6px;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card__actions,
    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-provider-actions {
        align-items: stretch;
        flex-direction: column;
    }

    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-status-card__actions .singlehub-button,
    #singlehub-app .singlehub-mobile-pro-shell .singlehub-pro-provider-actions .singlehub-button {
        width: 100%;
    }

    #singlehub-app .singlehub-mobile-search-main {
        min-height: calc(100svh - 70px - var(--bottom-nav-space));
        padding: 12px 12px var(--bottom-nav-space);
    }

    #singlehub-app .singlehub-mobile-search-main.search-page {
        display: block;
        place-items: initial;
    }

    #singlehub-app .singlehub-mobile-search-shell [data-sh-search-form-panel][hidden],
    #singlehub-app .singlehub-mobile-search-shell [data-sh-search-results-panel][hidden] {
        display: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .mobile-search-view {
        width: min(100%, 560px);
        display: grid;
        gap: 14px;
        margin: 0 auto;
    }

    #singlehub-app .singlehub-mobile-search-shell .mobile-card {
        overflow: hidden;
        color: var(--ink);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(31, 45, 68, .07);
    }

    #singlehub-app .singlehub-mobile-search-shell .detail-search-card {
        position: relative;
        z-index: 3;
        overflow: visible;
    }

    #singlehub-app .singlehub-mobile-search-shell .mobile-card-head {
        min-height: 58px;
        display: flex;
        align-items: center;
        padding: 0 16px;
        background: #fff;
        border-bottom: 1px solid var(--line);
    }

    #singlehub-app .singlehub-mobile-search-shell .mobile-card-head h1 {
        margin: 0;
        color: var(--ink);
        font-size: 21px;
        line-height: 1.15;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-search-shell .detail-search-form {
        display: grid;
        gap: 15px;
        padding: 16px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-row {
        display: grid;
        gap: 7px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-label {
        color: #4f6076;
        font-size: 14px;
        font-weight: 780;
        line-height: 1.25;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-field,
    #singlehub-app .singlehub-mobile-search-shell .search-select,
    #singlehub-app .singlehub-mobile-search-shell .search-number {
        width: 100%;
        min-height: 42px;
        border: 1px solid #c9d6e6;
        border-radius: 6px;
        color: #243246;
        background-color: #fff;
        box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03);
        font-size: 16px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-field,
    #singlehub-app .singlehub-mobile-search-shell .search-number {
        padding: 0 13px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-field::placeholder,
    #singlehub-app .singlehub-mobile-search-shell .search-number::placeholder {
        color: #a8b6c8;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-select {
        appearance: none;
        padding: 0 40px 0 13px;
        background-image:
            linear-gradient(45deg, transparent 50%, #526276 50%),
            linear-gradient(135deg, #526276 50%, transparent 50%);
        background-position:
            calc(100% - 20px) 18px,
            calc(100% - 14px) 18px;
        background-size: 6px 6px, 6px 6px;
        background-repeat: no-repeat;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-search-select--multiple {
        min-height: 132px;
        height: auto;
        padding: 8px 11px;
        background-image: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect {
        position: relative;
        width: 100%;
        display: block;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect--select-shell {
        height: 42px;
        min-height: 42px;
        overflow: visible;
        padding: 0;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__toggle {
        width: 100%;
        height: 42px;
        box-sizing: border-box;
        border: 1px solid #c9d6e6;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #243246;
        background-color: #fff;
        background-image:
            linear-gradient(45deg, transparent 50%, #526276 50%),
            linear-gradient(135deg, #526276 50%, transparent 50%);
        background-position:
            calc(100% - 20px) 18px,
            calc(100% - 14px) 18px;
        background-size: 6px 6px, 6px 6px;
        background-repeat: no-repeat;
        box-shadow: inset 0 1px 2px rgba(31, 48, 72, .03);
        padding: 0 40px 0 13px;
        text-align: left;
        font-size: 16px;
        line-height: 1;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__toggle span {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        white-space: nowrap;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__toggle:disabled {
        cursor: not-allowed;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect--select-shell > .singlehub-multiselect__toggle,
    #singlehub-app .singlehub-mobile-search-shell .singlehub-search-row .singlehub-multiselect > .singlehub-multiselect__toggle.search-select {
        width: 100%;
        height: 100%;
        border: 0 !important;
        border-radius: inherit;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: inherit;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 40px 0 13px;
        font-size: 16px;
        line-height: 1;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__panel {
        position: absolute;
        z-index: 42;
        top: calc(42px + 6px);
        left: 0;
        width: 100%;
        max-height: 250px;
        overflow-y: auto;
        border: 1px solid #c9d6e6;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0 16px 34px rgba(31, 48, 72, .18);
        padding: 4px;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__panel[hidden] {
        display: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__option {
        position: relative;
        width: 100%;
        min-height: 38px;
        border: 0;
        border-radius: 5px;
        color: #314159;
        background: transparent;
        padding: 8px 34px 8px 11px;
        text-align: left;
        font-size: 15px;
        font-weight: 700;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__option.is-selected,
    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__option:focus-visible {
        color: #1f5fbf;
        background: #eef5ff;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__option.is-selected::after {
        content: "";
        position: absolute;
        top: 11px;
        right: 13px;
        width: 7px;
        height: 13px;
        border: solid #1f5fbf;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__pills {
        display: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect[data-sh-multiselect-count="0"] .singlehub-multiselect__pills {
        display: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__pill {
        min-width: 0;
        max-width: 100%;
        min-height: 30px;
        border: 1px solid #b8cbe0;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #284461;
        background: #f2f7fc;
        padding: 3px 4px 3px 11px;
        font-size: 14px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__pill-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-multiselect__pill-remove {
        width: 22px;
        height: 22px;
        border: 0;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #506987;
        background: rgba(255, 255, 255, .85);
        padding: 0 0 1px;
        line-height: 1;
        font-size: 13px;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-search-optional-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-search-optional-toggle input {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
    }

    #singlehub-app .singlehub-mobile-search-shell .singlehub-search-optional-row.is-disabled {
        opacity: .62;
    }

    #singlehub-app .singlehub-mobile-search-shell .select-short {
        max-width: 150px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-picker {
        position: relative;
        width: 100%;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-toggle {
        display: flex;
        align-items: center;
        text-align: left;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-panel {
        position: absolute;
        z-index: 40;
        top: calc(100% + 6px);
        left: 0;
        width: 100%;
        overflow: hidden;
        border: 1px solid #c9d6e6;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0 16px 34px rgba(31, 48, 72, .18);
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-panel[hidden] {
        display: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-filter {
        border-width: 0 0 1px;
        border-radius: 0;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-options {
        max-height: 250px;
        overflow-y: auto;
        padding: 4px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-options button {
        width: 100%;
        min-height: 38px;
        border: 0;
        border-radius: 5px;
        color: #314159;
        background: transparent;
        padding: 8px 11px;
        text-align: left;
        font-size: 15px;
        font-weight: 700;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-country-options button.is-active,
    #singlehub-app .singlehub-mobile-search-shell .search-country-options button:focus-visible {
        color: #1f5fbf;
        background: #eef5ff;
    }

    #singlehub-app .singlehub-mobile-search-shell .segmented {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        display: flex;
        border: 1px solid #9dadbf;
        border-radius: 6px;
        background: #f7f9fc;
    }

    #singlehub-app .singlehub-mobile-search-shell .segmented button {
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        border: 0;
        border-left: 1px solid #9dadbf;
        color: #5f7087;
        background: transparent;
        padding: 0 10px;
        font-weight: 760;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-search-shell .segmented button:first-child {
        border-left: 0;
    }

    #singlehub-app .singlehub-mobile-search-shell .segmented button.is-active {
        color: #fff;
        background: #737f90;
    }

    #singlehub-app .singlehub-mobile-search-shell .range-pair {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 12px;
        align-items: end;
    }

    #singlehub-app .singlehub-mobile-search-shell .range-control {
        min-width: 0;
        display: grid;
        gap: 5px;
    }

    #singlehub-app .singlehub-mobile-search-shell .range-control > span {
        color: var(--muted);
        font-size: 12px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-number {
        text-align: center;
    }

    #singlehub-app .singlehub-mobile-search-shell .range-control input[type="range"] {
        width: 100%;
        height: 8px;
        accent-color: #2f7be0;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-search-shell .unit-label {
        grid-column: 1 / -1;
        color: #5d6d81;
        font-size: 13px;
        font-weight: 700;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-submit {
        min-height: 44px;
        border: 1px solid var(--success-button-border);
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: #fff;
        background: var(--success-button-bg);
        box-shadow: var(--success-button-shadow);
        padding: 0 18px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-submit:hover,
    #singlehub-app .singlehub-mobile-search-shell .search-submit:focus-visible {
        border-color: var(--success-button-hover-border);
        background: var(--success-button-hover-bg);
        box-shadow: var(--success-button-hover-shadow);
        outline: 0;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-submit svg {
        width: 18px;
        height: 18px;
    }

    #singlehub-app .singlehub-mobile-search-shell .search-results-mobile-page {
        display: grid;
        gap: 14px;
    }

    #singlehub-app .singlehub-mobile-search-shell .profile-list-toolbar-card {
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .profile-list-title-row {
        min-height: 58px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px 14px;
        background: #fff;
        border-bottom: 1px solid var(--line);
    }

    #singlehub-app .singlehub-mobile-search-shell .profile-list-title-row h1 {
        margin: 0;
        color: var(--ink);
        font-size: 20px;
        line-height: 1.15;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-search-shell .profile-list-body-controls {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 0 14px 14px;
    }

    #singlehub-app .singlehub-mobile-search-shell .profile-list-select {
        width: 100%;
        min-height: 40px;
        border: 1px solid #cfdbe8;
        border-radius: 6px;
        color: #26364a;
        background:
            linear-gradient(45deg, transparent 50%, #526276 50%) calc(100% - 19px) 17px / 6px 6px no-repeat,
            linear-gradient(135deg, #526276 50%, transparent 50%) calc(100% - 13px) 17px / 6px 6px no-repeat,
            #fff;
        appearance: none;
        padding: 0 38px 0 12px;
        font-size: 15px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-search-shell .result-button {
        min-height: 40px;
        white-space: nowrap;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-proposal-block {
        display: grid;
        gap: 10px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-proposal-block h2 {
        margin: 0;
        color: #253347;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-proposal-grid {
        display: grid;
        gap: 10px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card {
        color: var(--ink);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(31, 45, 68, .07);
        overflow: hidden;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-list {
        min-height: 148px;
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-list-photo {
        position: relative;
        grid-row: 1 / span 2;
        min-height: 148px;
        overflow: hidden;
        background: #dce5f1;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-list-photo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-list-body {
        min-width: 0;
        display: grid;
        align-content: start;
        gap: 6px;
        padding: 12px 12px 8px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-topline {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-name {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #2f7be0;
        font-size: 18px;
        line-height: 1.15;
        font-weight: 850;
        text-decoration: none;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-online-dot {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        flex: 0 0 auto;
        background: #9aa7b7;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-online-dot.is-active {
        background: #08a66d;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-online-dot.is-online {
        background: #087f5b;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-facts {
        display: grid;
        gap: 4px;
        color: #5d6d82;
        font-size: 13px;
        line-height: 1.22;
        font-weight: 640;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-facts > span {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-facts svg {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        color: #5c6f86;
        stroke-width: 3;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-actions {
        grid-column: 2;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        border-top: 1px solid #d6dfeb;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action {
        min-width: 0;
        min-height: 38px;
        border: 0;
        border-left: 1px solid #d6dfeb;
        display: grid;
        place-items: center;
        color: #435268;
        background: #fff;
        padding: 0;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action:first-child {
        border-left: 0;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action-inner svg {
        width: 17px;
        height: 17px;
        stroke-width: 2.8;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action.is-like,
    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action.is-like.is-active {
        color: #e22d2d;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action.is-favorite.is-active {
        color: #f27432;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action.is-userinfo.is-active {
        color: #2c7be5;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-card-action.is-hidden.is-active {
        color: #526276;
        background: #f4f7fb;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-loader {
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: #65768c;
        font-size: 14px;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-loader.is-loading::before {
        content: "";
        width: 20px;
        height: 20px;
        border: 3px solid #cdd8e7;
        border-top-color: #2c7be5;
        border-radius: 50%;
        animation: singlehub-spin .8s linear infinite;
    }

    #singlehub-app .singlehub-mobile-search-shell .favorite-loader[hidden] {
        display: none;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .profile-list-toolbar-card {
        background: var(--panel);
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .profile-list-title-row {
        background: #1d2a3a;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .profile-list-title-row h1 {
        color: #edf3fb;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .mobile-card,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .mobile-card-head {
        color: var(--ink);
        background: var(--panel);
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-label,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .range-control > span,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .unit-label {
        color: #b4c2d4;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-field,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-select,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-number {
        color: #dce6f2;
        background-color: #172230;
        border-color: #33455b;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-field::placeholder,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-number::placeholder {
        color: #7f8fa4;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-select {
        background-image:
            linear-gradient(45deg, transparent 50%, #9eafc4 50%),
            linear-gradient(135deg, #9eafc4 50%, transparent 50%);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-search-select--multiple {
        background-image: none;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__toggle {
        color: #dce6f2;
        background-color: #172230;
        border-color: #33455b;
        background-image:
            linear-gradient(45deg, transparent 50%, #9eafc4 50%),
            linear-gradient(135deg, #9eafc4 50%, transparent 50%);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__panel {
        color: #dce6f2;
        background: #172230;
        border-color: #33455b;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__option {
        color: #dce6f2;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__option:hover,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__option:focus-visible,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__option.is-selected {
        color: #9bc7ff;
        background: #203047;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__option.is-selected::after {
        border-color: #9bc7ff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__pill {
        color: #dce6f2;
        background: #203047;
        border-color: #40546f;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__pill-remove {
        color: #b9c8dc;
        background: rgba(255, 255, 255, .08);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__pill-remove:hover,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .singlehub-multiselect__pill-remove:focus-visible {
        color: #112035;
        background: #9bc7ff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-panel {
        color: #dce6f2;
        background: #172230;
        border-color: #33455b;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-filter {
        border-bottom-color: #33455b;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-options button {
        color: #dce6f2;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-options button:hover,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-options button:focus-visible,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-country-options button.is-active {
        color: #9bc7ff;
        background: #203047;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .segmented {
        background: #172230;
        border-color: #4c5e74;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .segmented button {
        color: #b9c6d7;
        border-left-color: #4c5e74;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .segmented button:hover,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .segmented button:focus-visible {
        color: #9bc7ff;
        background: #203047;
        outline: 0;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .segmented button.is-active {
        color: #101722;
        background: #9fb0c5;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .range-control input[type="range"] {
        accent-color: #67a7ff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-submit {
        color: #fff;
        border-color: var(--success-button-border);
        background: var(--success-button-bg);
        box-shadow: var(--success-button-shadow);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-submit:hover,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-search-shell .search-submit:focus-visible {
        border-color: var(--success-button-hover-border);
        background: var(--success-button-hover-bg);
        box-shadow: var(--success-button-hover-shadow);
    }

    #singlehub-app .singlehub-mobile-relations-main {
        min-height: calc(100svh - 70px - var(--bottom-nav-space));
        padding: 12px 12px var(--bottom-nav-space);
    }

    #singlehub-app .singlehub-mobile-relations-main.favorite-page {
        display: block;
        place-items: initial;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-mobile-page {
        width: min(100%, 560px);
        display: grid;
        gap: 14px;
        margin: 0 auto;
    }

    #singlehub-app .singlehub-mobile-relations-shell [data-sh-relations-layout][hidden] {
        display: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-mobile-page {
        width: min(100%, 560px);
        display: grid;
        gap: 14px;
        margin: 0 auto;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-block {
        display: grid;
        gap: 10px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-block h2 {
        margin: 6px 2px 3px;
        color: var(--ink);
        font-size: 20px;
        line-height: 1.2;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-proposal-block {
        display: grid;
        gap: 10px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-proposal-block h2 {
        margin: 4px 2px 0;
        color: var(--ink);
        font-size: 18px;
        line-height: 1.2;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-toolbar-card {
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-toolbar-card {
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-mobile-title-row {
        min-height: 58px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px 14px;
        background: #fff;
        border-bottom: 1px solid var(--line);
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-title-row {
        min-height: 58px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px 14px;
        background: #fff;
        border-bottom: 1px solid var(--line);
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-mobile-title-row h1 {
        margin: 0;
        color: var(--ink);
        font-size: 20px;
        line-height: 1.15;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-title-row h1 {
        margin: 0;
        color: var(--ink);
        font-size: 20px;
        line-height: 1.15;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-toolbar-card p {
        margin: 0;
        padding: 14px;
        color: #52677f;
        background: #fff;
        font-size: 15px;
        line-height: 1.42;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-release-all {
        display: inline;
        border: 0;
        color: var(--accent);
        background: transparent;
        padding: 0;
        font: inherit;
        font-weight: 780;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-intro {
        margin: 0;
        padding: 14px;
        color: #52677f;
        background: #fff;
        font-size: 15px;
        line-height: 1.42;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-count-pill {
        min-width: 34px;
        min-height: 26px;
        border: 1px solid #d5dfeb;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #2f5f9f;
        background: #eef5ff;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-body-controls {
        display: grid;
        gap: 8px;
        padding: 0 14px 14px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-select {
        width: 100%;
        min-width: 0;
        min-height: 38px;
        border: 1px solid #d5dfeb;
        border-radius: 6px;
        color: #26364a;
        background: #fff;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-relations-shell .birthday-date-controls {
        min-width: 0;
        display: flex;
        gap: 6px;
        justify-content: stretch;
        width: 100%;
    }

    #singlehub-app .singlehub-mobile-relations-shell .birthday-date-input {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        min-height: 38px;
        border: 1px solid #d5dfeb;
        border-radius: 6px;
        color: #26364a;
        background: #fff;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-relations-shell .birthday-go-button {
        min-height: 38px;
        border: 0;
        border-radius: 6px;
        color: #fff;
        background: var(--blue);
        padding: 0 10px;
        font-size: 13px;
        font-weight: 850;
        cursor: pointer;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info {
        border-top: 1px solid var(--line);
        color: #52677f;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info summary {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 0 14px;
        color: var(--highlight-blue);
        font-size: 14px;
        font-weight: 820;
        cursor: pointer;
        list-style: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info summary::-webkit-details-marker {
        display: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info summary svg {
        width: 17px;
        height: 17px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info div {
        padding: 0 14px 14px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info h2 {
        margin: 0 0 8px;
        color: var(--ink);
        font-size: 16px;
        font-weight: 850;
        line-height: 1.2;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info p {
        margin: 0;
        font-size: 14px;
        line-height: 1.42;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-list-info p + p {
        margin-top: 10px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter {
        min-width: 0;
        overflow: hidden;
        display: inline-flex;
        border: 1px solid #d5dfeb;
        border-radius: 6px;
        background: #f8fafc;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button {
        min-width: 42px;
        width: auto;
        height: 36px;
        border: 0;
        border-left: 1px solid #d5dfeb;
        display: grid;
        place-items: center;
        color: #435268;
        background: transparent;
        padding: 0 11px;
        font-size: 14px;
        font-weight: 820;
        cursor: pointer;
        transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button:first-child {
        border-left: 0;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button svg {
        width: 17px;
        height: 17px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-active,
    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-all.is-active {
        color: #435268;
        background: transparent;
        box-shadow: inset 0 -2px 0 currentColor;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-star.is-active,
    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-star:hover {
        color: #f27432;
        background: transparent;
        box-shadow: inset 0 -2px 0 currentColor;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-love.is-active,
    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-love:hover {
        color: #e22d2d;
        background: transparent;
        box-shadow: inset 0 -2px 0 currentColor;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-hidden.is-active,
    #singlehub-app .singlehub-mobile-relations-shell .favorites-filter-button.is-hidden:hover {
        color: #526276;
        background: transparent;
        box-shadow: inset 0 -2px 0 currentColor;
    }

    #singlehub-app .singlehub-mobile-relations-shell .singlehub-relations-view__state {
        display: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .singlehub-relations-results {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .mobile-list-separator {
        min-height: 34px;
        border: 1px solid #dbe5ef;
        border-radius: 8px;
        display: flex;
        align-items: center;
        color: #53677f;
        background: #eef4fb;
        padding: 0 12px;
        font-size: 13px;
        font-weight: 850;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card {
        min-width: 0;
        overflow: visible;
        color: var(--ink);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(31, 45, 68, .08);
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        align-items: start;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-list-photo {
        grid-column: 1 / span 2;
        position: relative;
        z-index: 1;
        width: 100%;
        aspect-ratio: 1;
        display: block;
        align-self: start;
        overflow: hidden;
        border-radius: 8px 0 0 0;
        background: #d9e3ef;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-list-photo::after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        width: 1px;
        background: #e5ebf3;
        pointer-events: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-list-photo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-photo-visits {
        position: absolute;
        left: 7px;
        bottom: 7px;
        z-index: 2;
        min-width: 34px;
        min-height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #0f1724;
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 5px 12px rgba(20, 31, 45, .18);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        padding: 0 8px;
        font-size: 12px;
        font-weight: 850;
        line-height: 1;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-photo-visits svg {
        width: 13px;
        height: 13px;
        stroke-width: 2.5;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-list-body {
        grid-column: 3 / -1;
        min-width: 0;
        display: grid;
        align-content: center;
        gap: 7px;
        min-height: 100%;
        padding: 12px 12px 12px 25px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-topline {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-name {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #2475ed;
        font-size: 17px;
        font-weight: 850;
        line-height: 1.1;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        display: grid;
        place-items: center;
        transform: translateY(-2px);
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.8;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker.is-liked {
        color: #e22d2d;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-facts {
        min-width: 0;
        display: grid;
        gap: 5px;
        color: #53677f;
        font-size: 13px;
        line-height: 1.28;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-facts > span {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-facts svg {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        color: #65778d;
        stroke-width: 2.6;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-note {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6d7e92;
        font-size: 12px;
        font-weight: 760;
        line-height: 1.28;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-note svg {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        color: var(--blue);
        stroke-width: 2.6;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-online-dot {
        position: relative;
        width: 13px;
        height: 13px;
        border: 2px solid #fff;
        border-radius: 50%;
        flex: 0 0 auto;
        box-shadow: 0 2px 7px rgba(20, 31, 45, .22);
        cursor: help;
        -webkit-touch-callout: none;
        user-select: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-online-dot.is-active {
        background: #18d379;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-online-dot.is-online {
        background: #078345;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-online-dot.is-offline {
        background: #a8b2bf;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-actions {
        display: contents;
    }

    #singlehub-app .singlehub-mobile-relations-shell .blocked-card-actions {
        grid-column: 1 / -1;
        display: block;
        padding: 0 12px 12px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action {
        position: relative;
        grid-row: 2;
        overflow: visible;
        height: 42px;
        border: 0;
        border-top: 1px solid #e5ebf3;
        border-left: 1px solid #e5ebf3;
        display: grid;
        place-items: center;
        color: #435268;
        background: transparent;
        padding: 0;
        cursor: pointer;
        -webkit-touch-callout: none;
        user-select: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action:first-child {
        border-left: 0;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action-inner {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        overflow: hidden;
        background: #f8fafc;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action-inner::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: currentColor;
        opacity: 0;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action:first-child .favorite-card-action-inner {
        border-bottom-left-radius: 8px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action:last-child .favorite-card-action-inner {
        border-bottom-right-radius: 8px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action-inner svg {
        width: 17px;
        height: 17px;
        stroke-width: 2.6;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-like,
    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-like.is-active {
        color: #e22d2d;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-favorite.is-active {
        color: #f27432;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-userinfo.is-active {
        color: #2475ed;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-birthday,
    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-birthday.is-active {
        color: #d98521;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker.is-favorite {
        color: #f27432;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker.is-hidden {
        color: #6b7b8e;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-marker.is-blocked {
        color: #6b7b8e;
    }

    #singlehub-app .singlehub-mobile-relations-shell .blocked-card-actions .blocked-release-button {
        width: 100%;
        min-width: 0;
        height: 40px;
        font-size: 15px;
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-active {
        box-shadow: none;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-card-action.is-active .favorite-card-action-inner::after {
        opacity: 1;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-loader {
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 760;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-loader.is-loading::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px solid rgba(103, 116, 136, .28);
        border-top-color: var(--accent);
        border-radius: 50%;
        animation: singlehub-spin .8s linear infinite;
        flex: 0 0 auto;
    }

    #singlehub-app .singlehub-mobile-relations-shell .favorite-loader[hidden] {
        display: none;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-toolbar-card,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-toolbar-card,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card {
        background: var(--panel);
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .mobile-list-separator {
        color: #c7d2df;
        background: #1d2a3a;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-mobile-title-row,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-title-row {
        background: #1d2a3a;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-mobile-title-row h1,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-title-row h1 {
        color: #edf3fb;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-toolbar-card p,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-intro,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-info,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-info p,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-facts,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-note {
        color: #adbacb;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-info h2 {
        color: #edf3fb;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-count-pill {
        color: #b9d7ff;
        background: #152d4c;
        border-color: #2b4d78;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-photo-visits {
        color: #0f1724;
        background: rgba(255, 255, 255, .82);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-select {
        color: #edf3fb;
        background: #172230;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-info {
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .profile-list-info summary {
        color: #8bbdff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-toolbar-card p {
        background: var(--panel);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-proposal-block h2 {
        color: #edf3fb;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter {
        background: var(--panel);
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button {
        color: #b9c6d7;
        background: transparent;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-active {
        color: #b9c6d7;
        background: transparent;
        box-shadow: inset 0 -2px 0 currentColor;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-love.is-active,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-love:hover {
        color: #ff6969;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-star.is-active,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-star:hover {
        color: #ffb179;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-hidden.is-active,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorites-filter-button.is-hidden:hover {
        color: #b9c6d7;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-name {
        color: #7db7ff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-list-photo {
        background: #101722;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-list-photo::after {
        background: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-facts svg {
        color: #8fa1b7;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-note svg {
        color: #8bbdff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-online-dot {
        border-color: var(--panel);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action {
        color: #b9c6d7;
        background: transparent;
        border-color: var(--line);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action-inner {
        background: var(--panel);
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-like,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-like.is-active {
        color: #ff6969;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-favorite.is-active {
        color: #ffb179;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-userinfo.is-active {
        color: #80b9ff;
    }

    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-birthday,
    #singlehub-app.singlehub-app--theme-dark .singlehub-mobile-relations-shell .favorite-card-action.is-birthday.is-active {
        color: #f4b35e;
    }

    #singlehub-app.singlehub-app--theme-dark .scroll-top-button {
        color: #ff9b96;
        background: var(--panel);
        border-color: var(--line);
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-photo-link,
    #singlehub-app .singlehub-mobile-relations-shell .result-photo {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-photo-link {
        border-radius: var(--radius) var(--radius) 0 0;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-body {
        display: flex;
        position: static;
        flex-direction: column;
        gap: 14px;
        padding: 20px;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-main {
        order: 1;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-side {
        position: static;
        order: 2;
        align-items: flex-start;
    }

    #singlehub-app .singlehub-mobile-relations-shell .result-login {
        text-align: left;
        white-space: normal;
    }

    #singlehub-app .singlehub-mobile-relations-shell .profile-visit-hint {
        white-space: normal;
    }

    #singlehub-app .singlehub-mobile-relations-shell .verse-card {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    #singlehub-app .scroll-top-button {
        position: fixed;
        right: 18px;
        bottom: calc(env(safe-area-inset-bottom) + 12px);
        z-index: 68;
        width: 44px;
        height: 44px;
        border: 1px solid rgba(226, 232, 241, .96);
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: var(--accent);
        background: #fff;
        box-shadow: 0 10px 24px rgba(31, 45, 68, .16);
        padding: 0;
        transform: translateY(calc(var(--bottom-nav-space) + 56px));
        transition: transform .34s cubic-bezier(.22, .78, .28, 1), opacity .22s ease;
        opacity: 0;
        cursor: pointer;
    }

    #singlehub-app .scroll-top-button svg {
        width: 21px;
        height: 21px;
    }

    #singlehub-app .scroll-top-button.is-visible {
        transform: translateY(calc(-1 * var(--bottom-nav-space)));
        opacity: 1;
    }

    #singlehub-app .scroll-top-button[hidden] {
        display: none;
    }

    #singlehub-app.is-profile-view .singlehub-site-header,
    #singlehub-app.is-profile-view .singlehub-mobile-nav {
        display: none;
    }

    #singlehub-app.is-profile-view .dashboard {
        width: 100%;
        max-width: none;
        display: block;
        padding: 0;
    }

    #singlehub-app.is-profile-view .content,
    #singlehub-app.is-profile-view .singlehub-workspace,
    #singlehub-app.is-profile-view .singlehub-main {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #singlehub-app.is-profile-view .singlehub-section--profile-view {
        margin: 0;
        padding: 0;
    }

    #singlehub-app .singlehub-profile-detail--desktop {
        display: none;
    }

    #singlehub-app .singlehub-mobile-profile-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay:not([hidden]) {
        position: fixed;
        z-index: 5000;
        inset: 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: block;
        background: var(--bg);
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__header,
    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__shell > .sidebar-wrap,
    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__shell > .right-rail {
        display: none;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__shell,
    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__workspace,
    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay__main {
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 100svh;
        display: block;
        margin: 0;
        padding: 0;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay .singlehub-section--profile-view {
        margin: 0;
        padding: 0;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-profile-route-overlay .singlehub-mobile-profile-shell:not([hidden]) {
        display: block;
        min-height: 100svh;
    }

    #singlehub-app.is-profile-return-overlay .singlehub-dialog-backdrop:has(.photo-lightbox:not([hidden])) {
        z-index: 7000;
    }

    #singlehub-app .singlehub-mobile-profile-template:not([hidden]) {
        display: block;
    }
}

@media (min-width: 761px) {
    #singlehub-app .singlehub-mobile-app-shell,
    #singlehub-app .singlehub-mobile-profile-shell {
        display: none;
    }

    #singlehub-app .singlehub-mobile-profile-template {
        display: none;
    }
}

#singlehub-app .singlehub-contacts-view {
    width: 100%;
}

#singlehub-app .contacts-workspace {
    height: calc(100vh - 106px);
    min-height: 720px;
    display: grid;
    grid-template-columns: 318px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

@media (min-width: 1041px) {
    #singlehub-app.is-messages-view .singlehub-workspace {
        position: sticky;
        top: 78px;
        z-index: 3;
        align-self: start;
    }

    #singlehub-app.is-messages-view .sidebar-wrap,
    #singlehub-app.is-messages-view .right-rail {
        position: relative;
        top: auto;
        align-self: start;
    }
}

#singlehub-app .contacts-list-panel,
#singlehub-app .contact-chat-panel {
    min-width: 0;
    background: var(--panel);
}

#singlehub-app .contacts-list-panel {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #dbe5f0;
}

#singlehub-app .contacts-profile {
    position: relative;
    min-height: 78px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 34px;
    gap: 12px;
    align-items: center;
    padding: 14px 14px 14px 18px;
    background: var(--panel-soft);
    border-bottom: 1px solid #dbe5f0;
}

#singlehub-app .contacts-profile img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 3px 8px rgba(31, 48, 72, .14);
}

#singlehub-app .contacts-profile-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#singlehub-app .contacts-profile-copy strong {
    color: var(--ink);
    font-size: 17px;
    line-height: 1.1;
}

#singlehub-app .contacts-profile-copy span {
    color: #64768e;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .contacts-profile-actions {
    position: relative;
    display: grid;
    place-items: center;
}

#singlehub-app .contacts-kebab,
#singlehub-app .contact-menu-trigger {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #3f5064;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .contacts-kebab:hover,
#singlehub-app .contacts-kebab:focus-visible,
#singlehub-app .contacts-profile-actions.is-open .contacts-kebab,
#singlehub-app .contact-menu-trigger:hover,
#singlehub-app .contact-menu-trigger:focus-visible {
    background: rgba(44, 123, 229, .1);
    color: var(--blue);
    outline: 0;
}

#singlehub-app .contacts-filter-menu {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 40;
    width: 188px;
    overflow: hidden;
    color: #304057;
    background: #fff;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .18);
    text-align: left;
}

#singlehub-app .contacts-filter-menu[hidden] {
    display: none;
}

#singlehub-app .contacts-filter-menu button {
    width: 100%;
    min-height: 36px;
    border: 0;
    display: flex;
    align-items: center;
    padding: 8px 18px;
    color: inherit;
    background: transparent;
    font: inherit;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .contacts-filter-menu button:hover,
#singlehub-app .contacts-filter-menu button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .contacts-filter-separator {
    display: block;
    height: 1px;
    background: #dbe5f0;
}

#singlehub-app .contacts-search {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #dbe5f0;
    background: var(--panel);
}

#singlehub-app .contacts-search svg {
    position: absolute;
    left: 26px;
    top: 50%;
    width: 18px;
    height: 18px;
    color: #a9b6c7;
    transform: translateY(-50%);
    pointer-events: none;
}

#singlehub-app .contacts-search input {
    width: 100%;
    height: 40px;
    border: 1px solid #dbe5f0;
    border-radius: 4px;
    color: var(--ink);
    background: var(--panel-soft);
    padding: 0 14px 0 42px;
    font-size: 17px;
    outline: 0;
}

#singlehub-app .contacts-search input::placeholder {
    color: #aeb9ca;
}

#singlehub-app .contacts-search input:focus {
    border-color: #9fc1ef;
    box-shadow: 0 0 0 3px rgba(44, 123, 229, .12);
}

#singlehub-app .contacts-list {
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

#singlehub-app .contacts-list,
#singlehub-app .direct-chat-messages,
#singlehub-app .emoji-grid {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

#singlehub-app .contacts-list:hover,
#singlehub-app .direct-chat-messages:hover,
#singlehub-app .emoji-grid:hover {
    scrollbar-color: rgba(103, 119, 140, .36) transparent;
}

#singlehub-app .contacts-list::-webkit-scrollbar,
#singlehub-app .direct-chat-messages::-webkit-scrollbar,
#singlehub-app .emoji-grid::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#singlehub-app .contacts-list::-webkit-scrollbar-track,
#singlehub-app .direct-chat-messages::-webkit-scrollbar-track,
#singlehub-app .emoji-grid::-webkit-scrollbar-track {
    background: transparent;
}

#singlehub-app .contacts-list::-webkit-scrollbar-thumb,
#singlehub-app .direct-chat-messages::-webkit-scrollbar-thumb,
#singlehub-app .emoji-grid::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
}

#singlehub-app .contacts-list:hover::-webkit-scrollbar-thumb,
#singlehub-app .direct-chat-messages:hover::-webkit-scrollbar-thumb,
#singlehub-app .emoji-grid:hover::-webkit-scrollbar-thumb {
    background: rgba(103, 119, 140, .34);
}

#singlehub-app .contact-row {
    position: relative;
    width: 100%;
    min-height: 76px;
    border: 0;
    border-bottom: 1px solid #dbe5f0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px 10px 18px;
    color: inherit;
    background: var(--panel);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .contact-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: transparent;
    transition: background-color .16s ease;
}

#singlehub-app .contact-row:hover,
#singlehub-app .contact-row:focus-visible,
#singlehub-app .contact-row.is-selected {
    background: #f7fafd;
    outline: 0;
}

#singlehub-app .contact-row.is-selected::before {
    background: var(--danger);
}

#singlehub-app .contact-avatar-wrap {
    position: relative;
    width: 42px;
    height: 42px;
}

#singlehub-app .contact-avatar-wrap img {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    object-fit: cover;
    background: #dde7f2;
}

#singlehub-app .contact-presence {
    position: absolute;
    right: -1px;
    bottom: 1px;
    width: 13px;
    height: 13px;
    border: 2px solid var(--panel);
    border-radius: 50%;
    background: #8a98a9;
}

#singlehub-app .contact-presence.online {
    background: #029b65;
}

#singlehub-app .contact-presence.is-active {
    background: #18d379;
}

#singlehub-app .contact-presence.is-online {
    background: #078345;
}

#singlehub-app .contact-presence.is-offline {
    background: #8a98a9;
}

#singlehub-app .contact-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#singlehub-app .contact-copy strong {
    color: var(--ink);
    font-size: 16px;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .contact-copy span {
    color: #64768e;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .contact-copy b {
    color: #3e5067;
}

#singlehub-app .contact-meta {
    position: relative;
    align-self: stretch;
    display: grid;
    justify-items: end;
    align-content: center;
    gap: 7px;
    color: #a7b4c6;
    font-size: 13px;
    white-space: nowrap;
}

#singlehub-app .contact-time {
    display: block;
    min-height: 16px;
}

#singlehub-app .contact-state {
    min-width: 28px;
    min-height: 24px;
    display: grid;
    place-items: center end;
    transition: opacity .14s ease, transform .14s ease;
}

#singlehub-app .contact-unread {
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: var(--danger);
    font-size: 13px;
    font-weight: 800;
    padding: 0 7px;
}

#singlehub-app .contact-check {
    color: #26aef2;
}

#singlehub-app .contact-delivery-check {
    font-size: 18px;
    justify-content: flex-end;
    margin-left: 0;
}

#singlehub-app .contact-delivery-check .message-delivery-check__mark + .message-delivery-check__mark {
    margin-left: -8px;
}

#singlehub-app .contact-menu-trigger {
    position: absolute;
    right: -6px;
    bottom: -4px;
    z-index: 4;
    width: 30px;
    height: 30px;
    opacity: 0;
    transform: scale(.94);
    pointer-events: none;
    transition: opacity .14s ease, transform .14s ease, background-color .14s ease, color .14s ease;
}

#singlehub-app .contact-row:hover .contact-state,
#singlehub-app .contact-row:focus-within .contact-state,
#singlehub-app .contact-row.is-menu-open .contact-state {
    opacity: 0;
    transform: translateX(4px);
}

#singlehub-app .contact-row:hover .contact-menu-trigger,
#singlehub-app .contact-row:focus-within .contact-menu-trigger,
#singlehub-app .contact-row.is-menu-open .contact-menu-trigger {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

#singlehub-app .contact-row.is-menu-open {
    z-index: 20;
}

#singlehub-app .contact-context-menu {
    position: absolute;
    top: 34px;
    right: -10px;
    z-index: 25;
    width: 226px;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .18);
    text-align: left;
}

#singlehub-app .contact-context-menu[hidden] {
    display: none;
}

#singlehub-app .contact-context-menu button {
    width: 100%;
    min-height: 39px;
    border: 0;
    display: flex;
    align-items: center;
    padding: 8px 18px;
    color: #304057;
    background: transparent;
    font: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .contact-context-menu button + button {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .contact-context-menu .contact-menu-separator {
    display: block;
    height: 1px;
    background: #dbe5f0;
}

#singlehub-app .contact-context-menu button:hover,
#singlehub-app .contact-context-menu button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .contact-check svg,
#singlehub-app .contact-menu-trigger svg,
#singlehub-app .contacts-kebab svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.4;
}

#singlehub-app .contact-chat-panel {
    position: relative;
    display: flex;
    min-height: 0;
}

#singlehub-app .chat-empty-state {
    width: min(100%, 360px);
    margin: auto;
    display: grid;
    justify-items: center;
    gap: 18px;
    color: #5c6f87;
    text-align: center;
    padding: 24px;
}

#singlehub-app .chat-empty-state[hidden],
#singlehub-app .direct-chat[hidden] {
    display: none;
}

#singlehub-app .empty-chat-graphic {
    position: relative;
    width: 294px;
    height: 270px;
}

#singlehub-app .empty-chat-card {
    position: absolute;
    left: 25px;
    top: 44px;
    width: 232px;
    height: 166px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(31, 48, 72, .13);
    display: grid;
    gap: 14px;
    padding: 28px 26px;
}

#singlehub-app .empty-chat-card span {
    height: 11px;
    border-radius: 999px;
    background: #e6eef7;
}

#singlehub-app .empty-chat-card span:nth-child(1),
#singlehub-app .empty-chat-card span:nth-child(3) {
    width: 84%;
}

#singlehub-app .empty-chat-card span:nth-child(2),
#singlehub-app .empty-chat-card span:nth-child(4) {
    width: 62%;
}

#singlehub-app .empty-check {
    position: absolute;
    right: 28px;
    bottom: 38px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #ff7d3f;
    box-shadow: 0 12px 24px rgba(255, 125, 63, .28);
}

#singlehub-app .empty-check svg {
    width: 28px;
    height: 28px;
    stroke-width: 3;
}

#singlehub-app .chat-empty-state h2 {
    margin: 0;
    color: var(--ink);
    font-size: 26px;
    line-height: 1.1;
}

#singlehub-app .chat-empty-state p {
    margin: 0;
    color: #64768e;
    font-size: 15px;
    line-height: 1.45;
}

#singlehub-app .direct-chat {
    --contact-compose-bottom: 12px;
    --contact-compose-height: 44px;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--panel);
}

#singlehub-app .direct-chat::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    height: calc(var(--contact-compose-bottom, 12px) + var(--contact-compose-height, 44px) + 18px);
    background: var(--panel);
    pointer-events: none;
}

#singlehub-app .direct-chat-header {
    flex: 0 0 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 20px;
    border-bottom: 1px solid #dbe5f0;
    background: var(--panel);
}

#singlehub-app .direct-chat-title {
    min-width: 0;
    display: grid;
    gap: 4px;
}

#singlehub-app .direct-chat-title strong {
    color: var(--ink);
    font-size: 21px;
    line-height: 1.1;
}

#singlehub-app .direct-chat-title span {
    color: #a9b6c8;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .direct-chat-actions {
    position: relative;
    display: inline-flex;
    gap: 10px;
    flex-shrink: 0;
}

#singlehub-app .direct-chat-action {
    position: relative;
    width: 46px;
    height: 36px;
    border: 1px solid #d1dce8;
    border-radius: 5px;
    display: grid;
    place-items: center;
    color: #2c7be5;
    background: #fff;
    box-shadow: 0 2px 6px rgba(31, 48, 72, .08);
    padding: 0;
    cursor: pointer;
}

#singlehub-app .direct-chat-action:hover,
#singlehub-app .direct-chat-action:focus-visible {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
    outline: 0;
}

#singlehub-app .direct-chat-action svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.4;
}

#singlehub-app .template-picker-menu {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 70;
    width: 236px;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
}

#singlehub-app .template-picker-menu[hidden] {
    display: none;
}

#singlehub-app .template-picker-item {
    width: 100%;
    min-height: 39px;
    border: 0;
    display: grid;
    gap: 2px;
    padding: 8px 14px;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .template-picker-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

#singlehub-app .template-picker-row + .template-picker-row {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .template-picker-item + .template-picker-item {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .template-picker-item strong {
    color: #26364a;
    font-size: 14px;
    line-height: 1.18;
}

#singlehub-app .template-picker-item span,
#singlehub-app .template-picker-empty {
    color: #708098;
    font-size: 12px;
    line-height: 1.2;
}

#singlehub-app .template-picker-empty {
    padding: 12px 14px;
}

#singlehub-app .template-picker-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .template-picker-item:hover,
#singlehub-app .template-picker-item:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .template-picker-actions {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 5px 6px 5px 0;
}

#singlehub-app .template-picker-actions button,
#singlehub-app .template-picker-editor-actions button {
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 4px;
    display: grid;
    place-items: center;
    color: #58708e;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .template-picker-actions button:hover,
#singlehub-app .template-picker-actions button:focus-visible,
#singlehub-app .template-picker-editor-actions button:hover,
#singlehub-app .template-picker-editor-actions button:focus-visible {
    color: #1f6fd0;
    background: #edf4fc;
    outline: 0;
}

#singlehub-app .template-picker-actions svg,
#singlehub-app .template-picker-editor-actions svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.5;
}

#singlehub-app .template-picker-editor {
    grid-column: 1 / -1;
    display: grid;
    gap: 7px;
    padding: 10px;
}

#singlehub-app .template-picker-editor input,
#singlehub-app .template-picker-editor textarea {
    width: 100%;
    border: 1px solid #d8e2ee;
    border-radius: 4px;
    color: #304057;
    background: #fff;
    padding: 8px 9px;
    font: inherit;
    line-height: 1.3;
    outline: 0;
}

#singlehub-app .template-picker-editor textarea {
    min-height: 82px;
    resize: vertical;
}

#singlehub-app .template-picker-editor-actions {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

#singlehub-app .template-picker-empty.is-loading {
    display: flex;
    align-items: center;
    gap: 8px;
}

#singlehub-app .template-picker-empty.is-loading::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
}

#singlehub-app .direct-chat-messages {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 26px calc(var(--contact-compose-height, 44px) + var(--contact-compose-bottom, 12px) + 22px);
    scrollbar-gutter: stable;
}

#singlehub-app .message-row {
    width: 78%;
    max-width: 78%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

#singlehub-app .message-row.is-out {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#singlehub-app .message-row.is-out.is-community-message {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 12px;
    align-items: start;
}

#singlehub-app .message-row.is-out.is-community-message .message-avatar,
#singlehub-app .message-row.is-out.is-community-message .message-avatar-link {
    grid-column: 2;
    grid-row: 1;
}

#singlehub-app .message-row.is-out.is-community-message .message-content {
    grid-column: 1;
    grid-row: 1;
}

#singlehub-app .message-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    background: #d9e3ef;
    margin-top: 3px;
}

#singlehub-app .message-avatar-link {
    width: 34px;
    height: 34px;
    display: block;
    margin-top: 3px;
    border-radius: 50%;
    line-height: 0;
}

#singlehub-app .message-avatar-link .message-avatar {
    margin-top: 0;
}

#singlehub-app .message-content {
    min-width: 0;
    width: 100%;
    display: grid;
    gap: 4px;
    justify-items: start;
}

#singlehub-app .message-row.is-out .message-content {
    justify-items: end;
}

#singlehub-app .message-bubble {
    position: relative;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 5px;
    color: #5b6f88;
    background: #eaf1f8;
    font-size: 15px;
    line-height: 1.36;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: pre-line;
    word-break: break-word;
}

#singlehub-app .message-bubble::before {
    content: "";
    position: absolute;
    top: -6px;
    right: -42px;
    bottom: -6px;
    width: 42px;
}

#singlehub-app .message-row.is-out .message-bubble::before {
    right: auto;
    left: -42px;
}

#singlehub-app .message-row.is-out .message-bubble {
    justify-self: end;
    color: #fff;
    background: #2d7be7;
}

#singlehub-app .message-bubble-author {
    display: block;
    margin: 0 0 4px;
    color: inherit;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
}

#singlehub-app a.message-bubble-author {
    text-decoration: none;
}

#singlehub-app a.message-bubble-author:hover,
#singlehub-app a.message-bubble-author:focus-visible {
    text-decoration: underline;
    text-underline-offset: 2px;
}

#singlehub-app .message-bubble-text {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#singlehub-app .message-bubble-menu-trigger {
    position: absolute;
    top: 50%;
    right: -31px;
    z-index: 4;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #52657c;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 4px 12px rgba(31, 48, 72, .14);
    opacity: 0;
    padding: 0;
    pointer-events: none;
    cursor: pointer;
    transform: translateY(-50%) scale(.94);
    transition: opacity .14s ease, transform .14s ease, color .14s ease, background-color .14s ease;
}

#singlehub-app .message-row.is-out .message-bubble-menu-trigger {
    right: auto;
    left: -31px;
    color: #d7e6ff;
    background: rgba(23, 35, 49, .72);
}

#singlehub-app .message-bubble:hover .message-bubble-menu-trigger,
#singlehub-app .message-bubble:focus-within .message-bubble-menu-trigger,
#singlehub-app .message-bubble.is-menu-open .message-bubble-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}

#singlehub-app .message-bubble-menu-trigger:hover,
#singlehub-app .message-bubble-menu-trigger:focus-visible {
    color: var(--blue);
    background: #fff;
    outline: 0;
}

#singlehub-app .message-bubble-menu-trigger svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.6;
}

#singlehub-app .message-bubble-menu {
    position: absolute;
    bottom: calc(100% + 7px);
    right: -34px;
    z-index: 28;
    width: 218px;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
    white-space: normal;
}

#singlehub-app .message-row.is-out .message-bubble-menu {
    right: auto;
    left: -34px;
}

#singlehub-app .message-bubble-menu[hidden] {
    display: none;
}

#singlehub-app .message-bubble-menu button {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 13px;
    color: #304057;
    background: transparent;
    font: inherit;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .message-bubble-menu button + button {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .message-bubble-menu button:hover,
#singlehub-app .message-bubble-menu button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .message-bubble-menu svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    stroke-width: 2.45;
}

#singlehub-app .message-meta {
    justify-self: start;
    color: #98a7ba;
    font-size: 12px;
    line-height: 1.25;
}

#singlehub-app .message-row.is-out .message-meta {
    justify-self: end;
    text-align: right;
}

#singlehub-app .message-row.is-out .message-meta::after {
    content: none;
}

#singlehub-app .message-delivery-check {
    align-items: center;
    display: inline-flex;
    font-weight: 900;
    gap: 0;
    letter-spacing: 0;
    line-height: 1;
    margin-left: 6px;
    vertical-align: -0.08em;
}

#singlehub-app .message-delivery-check__mark {
    display: inline-block;
    font-weight: 900;
    line-height: 1;
}

#singlehub-app .message-delivery-check__mark + .message-delivery-check__mark {
    margin-left: -5px;
}

#singlehub-app .message-delivery-check--delivered {
    color: #98a7ba;
}

#singlehub-app .message-delivery-check--read {
    color: #26aef2;
}

#singlehub-app .singlehub-chat-text-link {
    color: inherit;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: 2px;
    word-break: break-word;
}

#singlehub-app .emoji-picker {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: calc(var(--contact-compose-bottom, 12px) + var(--contact-compose-height, 44px) + 8px);
    z-index: 45;
    max-height: min(372px, calc(100% - var(--contact-compose-height, 44px) - 96px));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 7px;
    box-shadow: 0 13px 32px rgba(31, 48, 72, .18);
}

#singlehub-app .emoji-picker[hidden] {
    display: none;
}

#singlehub-app .emoji-picker-top {
    min-height: 54px;
    display: grid;
    grid-template-columns: 1fr 46px;
    align-items: center;
    border-bottom: 1px solid #edf2f7;
    background: #fff;
}

#singlehub-app .emoji-tabs {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

#singlehub-app .emoji-tabs::-webkit-scrollbar {
    display: none;
}

#singlehub-app .emoji-tab {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 7px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #526276;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease, transform .14s ease;
}

#singlehub-app .emoji-tab:hover,
#singlehub-app .emoji-tab:focus-visible {
    color: #1f6fd0;
    background: #f1f6fd;
    outline: 0;
}

#singlehub-app .emoji-tab.is-active {
    color: #1f6fd0;
    background: #e8f2ff;
}

#singlehub-app .emoji-picker-close {
    width: 46px;
    height: 46px;
    border: 0;
    display: grid;
    place-items: center;
    color: #4f5f72;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: color .14s ease, background-color .14s ease;
}

#singlehub-app .emoji-picker-close:hover,
#singlehub-app .emoji-picker-close:focus-visible {
    color: #182436;
    background: #f4f7fb;
    outline: 0;
}

#singlehub-app .emoji-picker-close svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .emoji-title {
    padding: 14px 18px 8px;
    color: #253347;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.2;
}

#singlehub-app .emoji-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    gap: 3px;
    overflow-y: auto;
    padding: 4px 14px 16px;
}

#singlehub-app .emoji-option {
    height: 34px;
    border: 0;
    border-radius: 7px;
    display: grid;
    place-items: center;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .12s ease, transform .12s ease;
}

#singlehub-app .emoji-option:hover,
#singlehub-app .emoji-option:focus-visible {
    background: #eef4fb;
    outline: 0;
}

#singlehub-app .contact-compose {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: var(--contact-compose-bottom, 12px);
    z-index: 50;
    min-height: var(--contact-compose-height, 44px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px 46px;
    align-items: stretch;
    border: 1px solid #cfd9e6;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 48, 72, .12);
}

#singlehub-app .contact-compose textarea {
    width: 100%;
    min-height: 42px;
    max-height: 132px;
    border: 0;
    display: block;
    color: var(--ink);
    background: #fff;
    padding: 11px 13px;
    resize: none;
    outline: 0;
    font: inherit;
    font-size: 15px;
    line-height: 1.35;
}

#singlehub-app .contact-compose button {
    border: 0;
    border-left: 1px solid #d7e1ed;
    display: grid;
    place-items: center;
    color: #69788a;
    background: #f8fafc;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .contact-compose button:hover,
#singlehub-app .contact-compose button:focus-visible {
    color: var(--blue);
    background: #eef5fd;
    outline: 0;
}

#singlehub-app .contact-compose svg {
    width: 19px;
    height: 19px;
}

#singlehub-app .contacts-loader {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #65768c;
    font-size: 13px;
    font-weight: 760;
}

#singlehub-app .contacts-loader[hidden] {
    display: none;
}

#singlehub-app .contacts-loader.is-loading::before,
#singlehub-app .mobile-contact-loader.is-loading::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 3px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
}

#singlehub-app .contact-thread-loader,
#singlehub-app .contact-older-loader {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #65768c;
    font-size: 13px;
    font-weight: 760;
    text-align: center;
}

#singlehub-app .contact-thread-loader {
    flex: 1 1 auto;
}

#singlehub-app .contact-thread-loader.is-loading::before,
#singlehub-app .contact-older-loader.is-loading::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 3px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
}

#singlehub-app .mobile-contacts-shell {
    width: 100%;
    min-height: calc(100svh - 70px - var(--bottom-nav-space));
    background: #fff;
}

#singlehub-app .mobile-contact-list-view {
    width: 100%;
    background: #fff;
    padding-bottom: calc(var(--bottom-nav-space) + 12px);
}

#singlehub-app .mobile-contact-list-head {
    min-height: 62px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 10px;
    align-items: center;
    padding: 9px 16px;
    background: #f5f8fc;
    border-bottom: 1px solid #dbe5f0;
}

#singlehub-app .mobile-contact-list-head h1 {
    margin: 0;
    color: var(--ink);
    font-size: 20px;
    line-height: 1.1;
    font-weight: 850;
}

#singlehub-app .mobile-contact-list-head p {
    margin: 3px 0 0;
    color: #64768e;
    font-size: 13px;
    line-height: 1.2;
}

#singlehub-app .mobile-contact-filter,
#singlehub-app .mobile-contact-menu-trigger,
#singlehub-app .mobile-chat-back,
#singlehub-app .mobile-chat-actions > button,
#singlehub-app .mobile-template-trigger,
#singlehub-app .mobile-chat-compose button {
    border: 0;
    display: grid;
    place-items: center;
    color: #435268;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .mobile-contact-list-actions {
    position: relative;
    justify-self: end;
    display: grid;
    place-items: center;
}

#singlehub-app .mobile-contact-filter {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

#singlehub-app .mobile-contact-filter:hover,
#singlehub-app .mobile-contact-filter:focus-visible,
#singlehub-app .mobile-contact-list-actions.is-open .mobile-contact-filter,
#singlehub-app .mobile-contact-menu-trigger:hover,
#singlehub-app .mobile-contact-menu-trigger:focus-visible,
#singlehub-app .mobile-contact-row.is-menu-open .mobile-contact-menu-trigger,
#singlehub-app .mobile-chat-back:hover,
#singlehub-app .mobile-chat-back:focus-visible,
#singlehub-app .mobile-chat-actions > button:hover,
#singlehub-app .mobile-chat-actions > button:focus-visible,
#singlehub-app .mobile-template-trigger:hover,
#singlehub-app .mobile-template-trigger:focus-visible {
    color: var(--highlight-blue, var(--blue));
    background: rgba(44, 123, 229, .1);
    outline: 0;
}

#singlehub-app .mobile-contact-filter-menu,
#singlehub-app .mobile-contact-context-menu {
    position: absolute;
    z-index: 45;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .18);
    text-align: left;
}

#singlehub-app .mobile-contact-filter-menu {
    top: 39px;
    right: 0;
    width: 190px;
}

#singlehub-app .mobile-contact-context-menu {
    top: 34px;
    right: 0;
    width: min(226px, calc(100vw - 30px));
}

#singlehub-app .mobile-contact-filter-menu[hidden],
#singlehub-app .mobile-contact-context-menu[hidden] {
    display: none;
}

#singlehub-app .mobile-contact-filter-menu button,
#singlehub-app .mobile-contact-context-menu button {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: flex;
    align-items: center;
    color: inherit;
    background: transparent;
    padding: 8px 14px;
    font: inherit;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .mobile-contact-filter-menu button:hover,
#singlehub-app .mobile-contact-filter-menu button:focus-visible,
#singlehub-app .mobile-contact-context-menu button:hover,
#singlehub-app .mobile-contact-context-menu button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .mobile-contact-filter-menu button + button,
#singlehub-app .mobile-contact-context-menu button + button {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .mobile-contact-menu-separator {
    display: block;
    height: 1px;
    background: #dbe5f0;
}

#singlehub-app .mobile-contact-search {
    position: relative;
    display: block;
    padding: 10px 12px;
    background: #fff;
    border-bottom: 1px solid #dbe5f0;
}

#singlehub-app .mobile-contact-search svg {
    position: absolute;
    left: 26px;
    top: 50%;
    width: 18px;
    height: 18px;
    color: #a7b5c7;
    transform: translateY(-50%);
    pointer-events: none;
}

#singlehub-app .mobile-contact-search input {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d2deeb;
    border-radius: 6px;
    color: var(--ink);
    background: #f7f9fc;
    padding: 0 14px 0 42px;
    font-size: 16px;
    outline: 0;
}

#singlehub-app .mobile-contact-search input:focus {
    border-color: #9fc1ef;
    box-shadow: 0 0 0 3px rgba(44, 123, 229, .12);
}

#singlehub-app .mobile-contact-list {
    display: grid;
    background: #fff;
}

#singlehub-app .mobile-contact-row {
    position: relative;
    width: 100%;
    min-height: 74px;
    border: 0;
    border-bottom: 1px solid #dbe5f0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 10px 13px 10px 16px;
    color: inherit;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .mobile-contact-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
}

#singlehub-app .mobile-contact-row:hover,
#singlehub-app .mobile-contact-row:focus-visible,
#singlehub-app .mobile-contact-row.is-active {
    background: #f7fafd;
    outline: 0;
}

#singlehub-app .mobile-contact-row.is-active::before {
    background: var(--accent, var(--danger));
}

#singlehub-app .mobile-contact-avatar {
    position: relative;
    width: 48px;
    height: 48px;
    display: block;
}

#singlehub-app .mobile-contact-avatar img {
    width: 48px;
    height: 48px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    background: #d9e3ef;
}

#singlehub-app .mobile-contact-presence {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #a7b2bf;
    box-shadow: 0 2px 6px rgba(20, 31, 45, .18);
}

#singlehub-app .mobile-contact-presence.online {
    background: #079a5b;
}

#singlehub-app .mobile-contact-presence.is-active {
    background: #18d379;
}

#singlehub-app .mobile-contact-presence.is-online {
    background: #078345;
}

#singlehub-app .mobile-contact-presence.is-offline {
    background: #a7b2bf;
}

#singlehub-app .mobile-contact-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

#singlehub-app .mobile-contact-copy strong {
    color: var(--ink);
    font-size: 16px;
    line-height: 1.15;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .mobile-contact-copy span {
    color: #64768e;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .mobile-contact-meta {
    position: relative;
    align-self: stretch;
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 2px;
    color: #9aa8ba;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    padding-top: 2px;
}

#singlehub-app .mobile-contact-meta-top {
    min-height: 28px;
    display: grid;
    grid-template-columns: auto 28px;
    column-gap: 3px;
    align-items: center;
    justify-content: flex-end;
}

#singlehub-app .mobile-contact-time {
    min-height: 15px;
    display: block;
    align-self: center;
}

#singlehub-app .mobile-contact-state {
    width: 28px;
    min-height: 22px;
    justify-self: end;
    display: grid;
    place-items: center;
}

#singlehub-app .mobile-contact-state b {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--accent, var(--danger));
    padding: 0 7px;
    font-size: 12px;
    font-weight: 850;
}

#singlehub-app .mobile-contact-state svg {
    width: 18px;
    height: 18px;
    color: #2c9ee7;
}

#singlehub-app .mobile-contact-state .contact-delivery-check {
    font-size: 18px;
    justify-content: center;
}

#singlehub-app .mobile-contact-menu-trigger {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

#singlehub-app .mobile-contact-menu-trigger svg {
    width: 19px;
    height: 19px;
}

#singlehub-app .mobile-contact-row.is-menu-open {
    z-index: 18;
}

#singlehub-app .mobile-contact-loader,
#singlehub-app .mobile-contact-empty {
    min-height: 48px;
    display: grid;
    place-items: center;
    padding: 0 16px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 760;
}

#singlehub-app .mobile-contact-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#singlehub-app .mobile-contact-loader[hidden] {
    display: none;
}

#singlehub-app .mobile-chat-view[hidden] {
    display: none;
}

#singlehub-app .mobile-contacts-shell.is-chat-open .mobile-contact-list-view {
    display: none;
}

#singlehub-app .mobile-chat-view {
    width: 100%;
    min-height: calc(100svh - 70px - var(--bottom-nav-space));
    display: flex;
    flex-direction: column;
    background: #fff;
}

#singlehub-app .mobile-chat-header {
    position: sticky;
    top: 0;
    flex: 0 0 auto;
    z-index: 58;
    min-height: 70px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px 10px 10px 16px;
    background: #fff;
    border-bottom: 1px solid #dbe5f0;
}

#singlehub-app .mobile-chat-back {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

#singlehub-app .mobile-chat-back svg {
    width: 23px;
    height: 23px;
}

#singlehub-app .mobile-chat-title {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#singlehub-app .mobile-chat-title strong {
    color: var(--ink);
    font-size: 17px;
    line-height: 1.1;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .mobile-chat-title span {
    color: #8b9aad;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#singlehub-app .mobile-chat-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#singlehub-app .mobile-template-picker {
    position: relative;
    display: grid;
    place-items: center;
}

#singlehub-app .mobile-chat-actions > button,
#singlehub-app .mobile-template-trigger {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

#singlehub-app .mobile-chat-actions > button svg,
#singlehub-app .mobile-template-trigger svg {
    width: 20px;
    height: 20px;
}

#singlehub-app .mobile-template-menu {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 90;
    width: min(236px, calc(100vw - 24px));
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
}

#singlehub-app .mobile-template-menu[hidden] {
    display: none;
}

#singlehub-app .mobile-template-item {
    width: 100%;
    min-height: 39px;
    border: 0;
    display: grid;
    padding: 8px 14px;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .mobile-template-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

#singlehub-app .mobile-template-row + .mobile-template-row {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .mobile-template-item + .mobile-template-item {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .mobile-template-item strong {
    color: #26364a;
    font-size: 14px;
    line-height: 1.18;
    font-weight: 800;
}

#singlehub-app .mobile-template-empty {
    color: #708098;
    font-size: 12px;
    line-height: 1.25;
    padding: 12px 14px;
}

#singlehub-app .mobile-template-item:hover,
#singlehub-app .mobile-template-item:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .mobile-template-actions {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 5px 6px 5px 0;
}

#singlehub-app .mobile-template-actions button,
#singlehub-app .mobile-template-editor-actions button {
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 4px;
    display: grid;
    place-items: center;
    color: #58708e;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#singlehub-app .mobile-template-actions button:hover,
#singlehub-app .mobile-template-actions button:focus-visible,
#singlehub-app .mobile-template-editor-actions button:hover,
#singlehub-app .mobile-template-editor-actions button:focus-visible {
    color: #1f6fd0;
    background: #edf4fc;
    outline: 0;
}

#singlehub-app .mobile-template-actions svg,
#singlehub-app .mobile-template-editor-actions svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.5;
}

#singlehub-app .mobile-template-editor {
    grid-column: 1 / -1;
    display: grid;
    gap: 7px;
    padding: 10px;
}

#singlehub-app .mobile-template-editor input,
#singlehub-app .mobile-template-editor textarea {
    width: 100%;
    border: 1px solid #d8e2ee;
    border-radius: 4px;
    color: #304057;
    background: #fff;
    padding: 8px 9px;
    font: inherit;
    line-height: 1.3;
    outline: 0;
}

#singlehub-app .mobile-template-editor textarea {
    min-height: 82px;
    resize: vertical;
}

#singlehub-app .mobile-template-editor-actions {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

#singlehub-app .mobile-template-empty.is-loading {
    display: flex;
    align-items: center;
    gap: 8px;
}

#singlehub-app .mobile-template-empty.is-loading::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
}

#singlehub-app .mobile-chat-messages {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    overflow-anchor: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 12px 12px;
    background: linear-gradient(rgba(244, 246, 250, .92), rgba(244, 246, 250, .92)), #fff;
}

#singlehub-app .mobile-message-row {
    width: 88%;
    max-width: 88%;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

#singlehub-app .mobile-message-row.is-out {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#singlehub-app .mobile-message-row.is-out.is-community-message {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 9px;
    align-items: start;
}

#singlehub-app .mobile-message-row.is-out.is-community-message .mobile-message-avatar,
#singlehub-app .mobile-message-row.is-out.is-community-message .mobile-message-avatar-link {
    grid-column: 2;
    grid-row: 1;
}

#singlehub-app .mobile-message-row.is-out.is-community-message .mobile-message-content {
    grid-column: 1;
    grid-row: 1;
}

#singlehub-app .mobile-message-avatar {
    width: 32px;
    height: 32px;
    margin-top: 2px;
    border-radius: 50%;
    object-fit: cover;
    background: #d9e3ef;
}

#singlehub-app .mobile-message-avatar-link {
    width: 32px;
    height: 32px;
    display: block;
    margin-top: 2px;
    border-radius: 50%;
    line-height: 0;
}

#singlehub-app .mobile-message-avatar-link .mobile-message-avatar {
    margin-top: 0;
}

#singlehub-app .mobile-message-content {
    min-width: 0;
    width: 100%;
    display: grid;
    gap: 4px;
    justify-items: start;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-content {
    justify-items: end;
}

#singlehub-app .mobile-message-bubble {
    position: relative;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    border-radius: 6px;
    color: #53677f;
    background: #fff;
    border: 1px solid #dbe5f0;
    box-shadow: 0 5px 16px rgba(31, 45, 68, .06);
    padding: 9px 11px;
    font-size: 15px;
    line-height: 1.36;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
    word-break: break-word;
}

#singlehub-app .mobile-message-bubble::before {
    content: "";
    position: absolute;
    top: -7px;
    right: -38px;
    bottom: -7px;
    width: 38px;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-bubble::before {
    right: auto;
    left: -38px;
}

#singlehub-app .mobile-message-text {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: pre-line;
    word-break: break-word;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-bubble {
    justify-self: end;
    color: #fff;
    background: #2d7be7;
    border-color: #2d7be7;
}

#singlehub-app .mobile-message-author {
    display: block;
    margin: 0 0 4px;
    color: inherit;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
}

#singlehub-app a.mobile-message-author {
    text-decoration: none;
}

#singlehub-app a.mobile-message-author:hover,
#singlehub-app a.mobile-message-author:focus-visible {
    text-decoration: underline;
    text-underline-offset: 2px;
}

#singlehub-app .mobile-message-menu-trigger {
    position: absolute;
    top: 50%;
    right: -28px;
    z-index: 4;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #52657c;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 4px 12px rgba(31, 48, 72, .14);
    opacity: 0;
    padding: 0;
    pointer-events: none;
    cursor: pointer;
    transform: translateY(-50%) scale(.94);
    transition: opacity .14s ease, transform .14s ease, color .14s ease, background-color .14s ease;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-menu-trigger {
    right: auto;
    left: -28px;
    color: #d7e6ff;
    background: rgba(23, 35, 49, .72);
}

#singlehub-app .mobile-message-bubble:hover .mobile-message-menu-trigger,
#singlehub-app .mobile-message-bubble:focus-within .mobile-message-menu-trigger,
#singlehub-app .mobile-message-bubble.is-menu-open .mobile-message-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}

#singlehub-app .mobile-message-menu-trigger:hover,
#singlehub-app .mobile-message-menu-trigger:focus-visible,
#singlehub-app .mobile-message-bubble.is-menu-open .mobile-message-menu-trigger {
    color: var(--highlight-blue, var(--blue));
    background: #fff;
    outline: 0;
}

#singlehub-app .mobile-message-menu-trigger svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .mobile-message-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    right: -28px;
    z-index: 45;
    width: min(226px, calc(100vw - 42px));
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
    white-space: normal;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-menu {
    right: auto;
    left: -28px;
}

#singlehub-app .mobile-message-menu[hidden] {
    display: none;
}

#singlehub-app .mobile-message-menu button {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    background: transparent;
    padding: 8px 13px;
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .mobile-message-menu button + button {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .mobile-message-menu button:hover,
#singlehub-app .mobile-message-menu button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .mobile-message-menu svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}

#singlehub-app .mobile-message-meta {
    justify-self: start;
    color: #98a7ba;
    font-size: 11px;
    line-height: 1.25;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-meta {
    justify-self: end;
    text-align: right;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-meta::after {
    content: none;
}

#singlehub-app .mobile-chat-compose {
    position: relative;
    bottom: 0;
    flex: 0 0 auto;
    z-index: 72;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
    align-items: end;
    padding: 8px 12px;
    border: 1px solid #d6e1ee;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 -10px 26px rgba(31, 45, 68, .12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#singlehub-app .mobile-chat-input {
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 132px;
    border: 1px solid #d2deeb;
    border-radius: 6px;
    color: var(--ink);
    background: #fff;
    padding: 9px 10px;
    resize: none;
    overflow-y: hidden;
    outline: 0;
    font: inherit;
    font-size: 16px;
    line-height: 1.35;
}

#singlehub-app .mobile-chat-input:focus {
    border-color: #9fc1ef;
    box-shadow: 0 0 0 3px rgba(44, 123, 229, .12);
}

#singlehub-app .mobile-chat-compose button {
    width: 44px;
    height: 40px;
    border-radius: 6px;
    color: #fff;
    background: var(--accent, var(--danger));
}

#singlehub-app .mobile-chat-compose svg {
    width: 19px;
    height: 19px;
}

#singlehub-app.singlehub-app--theme-dark .contacts-workspace,
#singlehub-app.singlehub-app--theme-dark .contacts-list-panel,
#singlehub-app.singlehub-app--theme-dark .contact-chat-panel,
#singlehub-app.singlehub-app--theme-dark .direct-chat,
#singlehub-app.singlehub-app--theme-dark .direct-chat-header,
#singlehub-app.singlehub-app--theme-dark .contacts-search,
#singlehub-app.singlehub-app--theme-dark .contact-row,
#singlehub-app.singlehub-app--theme-dark .mobile-contacts-shell,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-list-view,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-view,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-header {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .contacts-profile,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-list-head,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-messages {
    background: var(--panel-soft);
}

#singlehub-app.singlehub-app--theme-dark .contacts-list-panel,
#singlehub-app.singlehub-app--theme-dark .contacts-profile,
#singlehub-app.singlehub-app--theme-dark .contacts-search,
#singlehub-app.singlehub-app--theme-dark .contact-row,
#singlehub-app.singlehub-app--theme-dark .direct-chat-header,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-list-head,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-search,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-row,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-header {
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .contact-row:hover,
#singlehub-app.singlehub-app--theme-dark .contact-row:focus-visible,
#singlehub-app.singlehub-app--theme-dark .contact-row.is-selected,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-row:hover,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-row:focus-visible,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-row.is-active {
    background: rgba(255, 255, 255, .04);
}

#singlehub-app.singlehub-app--theme-dark .contacts-filter-menu,
#singlehub-app.singlehub-app--theme-dark .contact-context-menu,
#singlehub-app.singlehub-app--theme-dark .template-picker-menu,
#singlehub-app.singlehub-app--theme-dark .template-picker-editor input,
#singlehub-app.singlehub-app--theme-dark .template-picker-editor textarea,
#singlehub-app.singlehub-app--theme-dark .direct-chat .emoji-picker,
#singlehub-app.singlehub-app--theme-dark .direct-chat .emoji-picker-top,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-filter-menu,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-context-menu,
#singlehub-app.singlehub-app--theme-dark .mobile-template-menu,
#singlehub-app.singlehub-app--theme-dark .mobile-template-editor input,
#singlehub-app.singlehub-app--theme-dark .mobile-template-editor textarea,
#singlehub-app.singlehub-app--theme-dark .mobile-message-menu {
    color: var(--ink);
    background: #17202c;
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .emoji-tab {
    color: #a7b6c9;
    background: transparent;
}

#singlehub-app.singlehub-app--theme-dark .emoji-tab:hover,
#singlehub-app.singlehub-app--theme-dark .emoji-tab:focus-visible {
    color: #83bdff;
    background: #203047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .emoji-tab.is-active {
    color: #8cc2ff;
    background: #183a5c;
}

#singlehub-app.singlehub-app--theme-dark .emoji-picker-close {
    color: #a8b7ca;
    background: transparent;
}

#singlehub-app.singlehub-app--theme-dark .emoji-picker-close:hover,
#singlehub-app.singlehub-app--theme-dark .emoji-picker-close:focus-visible,
#singlehub-app.singlehub-app--theme-dark .emoji-option:hover,
#singlehub-app.singlehub-app--theme-dark .emoji-option:focus-visible {
    color: #e8f1fb;
    background: #213047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .contacts-search input,
#singlehub-app.singlehub-app--theme-dark .contact-compose,
#singlehub-app.singlehub-app--theme-dark .contact-compose textarea,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-search,
#singlehub-app.singlehub-app--theme-dark .mobile-contact-search input,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-compose,
#singlehub-app.singlehub-app--theme-dark .mobile-chat-input {
    color: var(--ink);
    background: #17202c;
    border-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .direct-chat-action {
    color: #9bc7ff;
    background: var(--panel);
    border-color: var(--line);
    box-shadow: 0 7px 16px rgba(0, 0, 0, .18);
}

#singlehub-app.singlehub-app--theme-dark .direct-chat-action:hover,
#singlehub-app.singlehub-app--theme-dark .direct-chat-action:focus-visible {
    color: #101722;
    background: #8cc2ff;
    border-color: #8cc2ff;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .contact-compose button {
    color: #9aacbf;
    background: #17202c;
    border-left-color: var(--line);
}

#singlehub-app.singlehub-app--theme-dark .contact-compose button:hover,
#singlehub-app.singlehub-app--theme-dark .contact-compose button:focus-visible {
    color: #9bc7ff;
    background: #203047;
    outline: 0;
}

#singlehub-app.singlehub-app--theme-dark .message-row:not(.is-out) .message-bubble,
#singlehub-app.singlehub-app--theme-dark .mobile-message-row:not(.is-out) .mobile-message-bubble {
    color: var(--nav-text);
    background: #202e3f;
    border-color: #202e3f;
    box-shadow: none;
    font-weight: 400;
}

#singlehub-app.singlehub-app--theme-dark .message-row:not(.is-out) .message-bubble-author,
#singlehub-app.singlehub-app--theme-dark .mobile-message-row:not(.is-out) .mobile-message-author {
    color: var(--nav-text);
    font-weight: 400;
}

@media (max-width: 760px) {
    #singlehub-app.is-messages-view .singlehub-site-header,
    #singlehub-app.is-messages-view > .dashboard,
    #singlehub-app.is-messages-view .singlehub-mobile-nav,
    #singlehub-app:has(.singlehub-mobile-contacts-shell:not([hidden])) .singlehub-site-header,
    #singlehub-app:has(.singlehub-mobile-contacts-shell:not([hidden])) > .dashboard,
    #singlehub-app:has(.singlehub-mobile-contacts-shell:not([hidden])) .singlehub-mobile-nav {
        display: none;
    }

    #singlehub-app .singlehub-contacts-view:not([hidden]) {
        display: none;
    }

    #singlehub-app .singlehub-mobile-contacts-shell:not([hidden]) {
        display: block;
    }

    #singlehub-app .singlehub-mobile-contacts-main {
        padding: 0;
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell,
    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .blank-page.contacts-page,
    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .mobile-contacts-shell,
    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .mobile-chat-view {
        height: var(--singlehub-visual-height, 100dvh);
        min-height: var(--singlehub-visual-height, 100dvh);
        overflow: hidden;
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell {
        position: fixed;
        left: 0;
        right: 0;
        top: var(--singlehub-visual-offset-top, 0);
        bottom: auto;
        z-index: 3000;
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .mobile-chat-view {
        display: grid;
        grid-template-rows: 70px minmax(0, 1fr) auto;
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .mobile-chat-compose {
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .topbar,
    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .bottom-nav,
    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-shell .scroll-top-button {
        display: none;
    }

    #singlehub-app.is-contact-chat-mode .singlehub-mobile-contacts-main {
        padding-bottom: 0;
    }
}

@media (min-width: 761px) {
    #singlehub-app .singlehub-mobile-contacts-shell {
        display: none;
    }
}

#singlehub-app .message-bubble.is-menu-open,
#singlehub-app .message-bubble.is-editing,
#singlehub-app .message-bubble.is-forwarding,
#singlehub-app .mobile-message-bubble.is-menu-open,
#singlehub-app .mobile-message-bubble.is-editing,
#singlehub-app .mobile-message-bubble.is-forwarding {
    z-index: 24;
}

#singlehub-app .message-bubble.is-editing {
    width: min(100%, 520px);
    min-width: min(100%, 300px);
    padding: 8px;
    white-space: normal;
}

#singlehub-app .message-bubble.is-editing .message-bubble-menu-trigger,
#singlehub-app .bubble.is-editing .message-bubble-menu-trigger,
#singlehub-app .mobile-message-bubble.is-editing .mobile-message-menu-trigger {
    display: none;
}

#singlehub-app .message-edit-form {
    display: grid;
    gap: 8px;
}

#singlehub-app .message-template-name,
#singlehub-app .message-edit-input {
    width: 100%;
    border: 1px solid rgba(91, 111, 136, .28);
    border-radius: 4px;
    color: inherit;
    background: rgba(255, 255, 255, .72);
    padding: 8px 9px;
    outline: 0;
    font: inherit;
    line-height: 1.35;
}

#singlehub-app .message-template-name {
    height: 36px;
}

#singlehub-app .message-edit-input {
    min-height: 72px;
    max-height: 190px;
    resize: vertical;
}

#singlehub-app .message-row.is-out .message-template-name,
#singlehub-app .message-row.is-out .message-edit-input {
    color: #fff;
    background: rgba(255, 255, 255, .13);
    border-color: rgba(255, 255, 255, .32);
}

#singlehub-app .message-edit-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

#singlehub-app .message-edit-actions button {
    width: 30px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(31, 48, 72, .24);
    padding: 0;
    cursor: pointer;
}

#singlehub-app .message-edit-actions button:hover,
#singlehub-app .message-edit-actions button:focus-visible {
    background: rgba(31, 48, 72, .36);
    outline: 0;
}

#singlehub-app .message-edit-actions svg {
    width: 17px;
    height: 17px;
    stroke-width: 2.7;
}

#singlehub-app .message-forward-panel {
    position: absolute;
    bottom: calc(100% + 7px);
    right: -34px;
    z-index: 29;
    width: 268px;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
    white-space: normal;
}

#singlehub-app .message-row.is-out .message-forward-panel {
    right: auto;
    left: -34px;
}

#singlehub-app .message-forward-head {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    color: #26364a;
    background: #f5f8fc;
    border-bottom: 1px solid #e1e9f3;
    font-size: 14px;
    font-weight: 800;
}

#singlehub-app .message-forward-head svg {
    width: 17px;
    height: 17px;
    color: var(--blue);
}

#singlehub-app .message-forward-recipient {
    width: 100%;
    min-height: 54px;
    border: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px 13px;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

#singlehub-app .message-forward-recipient + .message-forward-recipient {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .message-forward-recipient:hover,
#singlehub-app .message-forward-recipient:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .message-forward-recipient img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    background: #d9e3ef;
}

#singlehub-app .message-forward-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .message-forward-copy strong {
    color: #26364a;
    font-size: 14px;
    line-height: 1.15;
}

#singlehub-app .message-forward-copy span {
    color: #708098;
    font-size: 12px;
    line-height: 1.2;
}

#singlehub-app .message-forward-confirmation {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    color: #26364a;
    font-size: 14px;
    line-height: 1.28;
}

#singlehub-app .message-forward-confirmation svg {
    width: 21px;
    height: 21px;
    color: #06c879;
    stroke-width: 3.1;
    flex: 0 0 auto;
}

#singlehub-app .mobile-message-bubble.is-editing {
    width: var(--mobile-message-edit-width, auto);
    max-width: 100%;
}

#singlehub-app .mobile-message-edit-form {
    width: 100%;
    display: grid;
    gap: 8px;
}

#singlehub-app .mobile-message-template-name,
#singlehub-app .mobile-message-edit-input {
    width: 100%;
    border: 1px solid rgba(91, 111, 136, .28);
    border-radius: 4px;
    color: inherit;
    background: rgba(255, 255, 255, .76);
    padding: 8px 9px;
    resize: none;
    outline: 0;
    font: inherit;
    line-height: 1.35;
}

#singlehub-app .mobile-message-edit-input {
    min-height: 72px;
    max-height: 180px;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-template-name,
#singlehub-app .mobile-message-row.is-out .mobile-message-edit-input {
    color: #fff;
    background: rgba(255, 255, 255, .13);
    border-color: rgba(255, 255, 255, .32);
}

#singlehub-app .mobile-message-edit-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

#singlehub-app .mobile-message-edit-actions button {
    width: 30px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(31, 48, 72, .28);
    padding: 0;
    cursor: pointer;
}

#singlehub-app .mobile-message-edit-actions svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .mobile-message-forward-panel {
    position: absolute;
    bottom: calc(100% + 8px);
    right: -28px;
    z-index: 45;
    width: min(226px, calc(100vw - 42px));
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 5px;
    color: #304057;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 48, 72, .2);
    text-align: left;
    white-space: normal;
}

#singlehub-app .mobile-message-row.is-out .mobile-message-forward-panel {
    right: auto;
    left: -28px;
}

#singlehub-app .mobile-message-forward-panel button {
    width: 100%;
    min-height: 38px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    background: transparent;
    padding: 8px 13px;
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

#singlehub-app .mobile-message-forward-panel button + button {
    border-top: 1px solid #e1e9f3;
}

#singlehub-app .mobile-message-forward-panel button:hover,
#singlehub-app .mobile-message-forward-panel button:focus-visible {
    color: #1f6fd0;
    background: #f3f7fc;
    outline: 0;
}

#singlehub-app .mobile-message-forward-panel svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}

#singlehub-app .mobile-message-forward-head,
#singlehub-app .mobile-message-forward-confirmation {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    color: #26364a;
    background: #f5f8fc;
    border-bottom: 1px solid #e1e9f3;
    font-size: 14px;
    font-weight: 800;
}

#singlehub-app .mobile-message-forward-panel button img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    background: #d9e3ef;
}

#singlehub-app .mobile-message-forward-panel button span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .mobile-message-forward-panel button strong {
    color: #26364a;
    font-size: 14px;
    line-height: 1.15;
}

#singlehub-app .mobile-message-forward-panel button small,
#singlehub-app .mobile-message-forward-panel button span span {
    color: #708098;
    font-size: 12px;
    line-height: 1.2;
}

#singlehub-app .mobile-message-forward-confirmation {
    border-bottom: 0;
    font-weight: 600;
    line-height: 1.25;
}

#singlehub-app .mobile-message-forward-confirmation svg {
    color: #06c879;
    stroke-width: 3;
}

/* Forum template transfer */
#singlehub-app .singlehub-forum-view {
    width: 100%;
}

#singlehub-app .forum-shell {
    display: grid;
    gap: 16px;
}

#singlehub-app .forum-card,
#singlehub-app .forum-compose-card,
#singlehub-app .thread-card,
#singlehub-app .forum-ad-card,
#singlehub-app .forum-footer-line {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(31, 48, 72, .08);
    color: var(--ink);
}

#singlehub-app .forum-card-header {
    padding: 17px 20px;
    border-bottom: 1px solid var(--line);
    background: var(--panel-soft);
}

#singlehub-app .forum-card-header h1,
#singlehub-app .forum-card-header h2 {
    margin: 0;
    color: var(--ink);
    font-size: 24px;
    line-height: 1.15;
}

#singlehub-app .forum-card-header--with-action h1,
#singlehub-app .forum-card-header--with-action h2 {
    min-width: 0;
}

#singlehub-app .forum-card-header-action {
    flex: 0 0 auto;
}

#singlehub-app:not(.is-forum-latest-mode) [data-sh-forum-overview-header-link] {
    display: none;
}

#singlehub-app.is-forum-latest-mode [data-sh-forum-panel="category"] .forum-toolbar {
    display: none;
}

#singlehub-app .forum-card-body {
    display: grid;
    gap: 8px;
    padding: 18px 20px;
}

#singlehub-app .forum-intro-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 18px;
}

#singlehub-app .forum-intro-icon,
#singlehub-app .forum-panel-icon,
#singlehub-app .forum-board-icon,
#singlehub-app .forum-icon {
    display: grid;
    place-items: center;
    color: var(--blue);
    background: var(--blue-soft);
}

#singlehub-app .forum-intro-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

#singlehub-app .forum-intro-copy {
    min-width: 0;
}

#singlehub-app .forum-intro-eyebrow {
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

#singlehub-app .forum-intro-card h1 {
    margin: 0 0 4px;
    font-size: 30px;
    line-height: 1.08;
}

#singlehub-app .forum-intro-card p:last-child,
#singlehub-app .forum-description,
#singlehub-app .forum-board-description,
#singlehub-app .topic-preview,
#singlehub-app .thread-body {
    color: var(--muted);
    line-height: 1.42;
}

#singlehub-app .forum-intro-action,
#singlehub-app .forum-link-button,
#singlehub-app .forum-action-button,
#singlehub-app .forum-button,
#singlehub-app .forum-mini-button,
#singlehub-app .forum-mini-action,
#singlehub-app .forum-save-button,
#singlehub-app .reply-style-button,
#singlehub-app .compose-save,
#singlehub-app .editor-tool {
    min-height: 40px;
    border: 1px solid var(--line);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #42506a;
    background: #fff;
    padding: 0 12px;
    cursor: pointer;
}

#singlehub-app .forum-intro-action,
#singlehub-app .forum-button.primary {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

#singlehub-app .forum-button.green,
#singlehub-app .forum-save-button,
#singlehub-app .forum-action-button.is-blue-soft,
#singlehub-app .compose-save.is-blue-soft,
#singlehub-app .reply-style-button.is-blue-soft {
    color: #fff;
    background: var(--green);
    border-color: var(--green);
}

#singlehub-app .forum-button.icon-only,
#singlehub-app .forum-mini-button,
#singlehub-app .forum-mini-action,
#singlehub-app .editor-tool {
    width: 40px;
    padding: 0;
}

#singlehub-app .forum-current-preview .forum-card-body {
    padding: 14px;
}

#singlehub-app .forum-current-preview {
    background: #f3f6fa;
}

#singlehub-app .forum-current-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    color: #152235;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

#singlehub-app .forum-current-title svg {
    width: 20px;
    height: 20px;
    color: #ef3f3d;
    stroke-width: 2.4;
}

#singlehub-app .forum-current-list {
    display: grid;
    gap: 12px;
}

#singlehub-app .forum-current-topic {
    min-height: 64px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    gap: 14px;
    align-items: center;
    padding: 12px 12px 12px 14px;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(44, 62, 86, .05);
}

#singlehub-app .forum-current-footer-link {
    min-height: 0;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 2px 0 0 5px;
    color: #216ff1;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}

#singlehub-app .forum-current-footer-link svg {
    width: 14px;
    height: 14px;
    stroke-width: 2.1;
}

#singlehub-app.is-forum-latest-mode [data-sh-forum-panel="category"] .tooltip-action-new-topic,
#singlehub-app.is-forum-latest-mode #panelTopics .tooltip-action-new-topic {
    display: none;
}

#singlehub-app .forum-current-index {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #8799ad;
    background: #fde7e5;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

#singlehub-app .forum-current-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#singlehub-app .forum-current-topic-title,
#singlehub-app .topic-title,
#singlehub-app .forum-name,
#singlehub-app .forum-board-title,
#singlehub-app .thread-author strong,
#singlehub-app .thread-author-name {
    color: var(--ink);
    font-weight: 800;
}

#singlehub-app .forum-current-topic-title {
    min-width: 0;
    overflow: hidden;
    color: #216ff1;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .forum-current-meta,
#singlehub-app .forum-last,
#singlehub-app .topic-last,
#singlehub-app .topic-meta,
#singlehub-app .thread-author span,
#singlehub-app .thread-author time {
    color: var(--muted);
    font-size: 13px;
}

#singlehub-app a.forum-last,
#singlehub-app a.topic-last {
    display: block;
    color: #56677d;
    text-decoration: none;
}

#singlehub-app a.forum-last:hover,
#singlehub-app a.forum-last:focus-visible,
#singlehub-app a.topic-last:hover,
#singlehub-app a.topic-last:focus-visible {
    color: #2478f2;
    outline: 0;
}

#singlehub-app .forum-current-meta {
    overflow: hidden;
    color: #8795a8;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .forum-overview-head,
#singlehub-app .forum-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 100px 118px 160px;
    gap: 14px;
    align-items: start;
}

#singlehub-app .topic-head,
#singlehub-app .topic-row {
    display: grid;
    gap: 12px;
    align-items: center;
}

#singlehub-app .topic-head,
#singlehub-app .topic-row {
    grid-template-columns: 46px minmax(0, 1fr) 72px 72px 140px 170px;
}

#singlehub-app .forum-overview-head,
#singlehub-app .topic-head {
    color: var(--muted);
    background: var(--panel-soft);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

#singlehub-app .forum-overview-head {
    min-height: 58px;
    align-items: center;
    padding: 0 22px;
    color: #526276;
    background: #fff;
    border-bottom: 2px solid #f4f7fb;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}

#singlehub-app .forum-overview-title {
    grid-column: 1 / span 2;
    color: #223044;
    font-size: 22px;
    font-weight: 760;
}

#singlehub-app .forum-overview-head > :nth-child(2) {
    display: none;
}

#singlehub-app .topic-head {
    padding: 12px 16px;
}

#singlehub-app .forum-row,
#singlehub-app .topic-row {
    border-top: 1px solid var(--line);
}

#singlehub-app .forum-section-title {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: center;
    padding: 24px 22px 10px;
    border-top: 0;
    color: #202b3c;
    font-size: 21px;
    font-weight: 780;
}

#singlehub-app .forum-row {
    padding: 11px 22px 14px;
    color: #586b83;
    background: #f9fbfd;
    border-top: 0;
    border-bottom: 1px dashed #d7e1ed;
}

#singlehub-app .forum-row:last-child {
    border-bottom: 0;
}

#singlehub-app .topic-row {
    padding: 13px 16px;
}

#singlehub-app .forum-icon,
#singlehub-app .topic-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

#singlehub-app .forum-icon {
    margin-top: 5px;
    color: #ef3f3d;
    background: #fde7e5;
}

#singlehub-app .forum-section-title .forum-icon {
    margin-top: 0;
}

#singlehub-app .forum-name {
    margin: 0 0 4px;
    font-size: 17px;
    line-height: 1.25;
}

#singlehub-app .forum-description {
    max-width: 620px;
    color: #5d6e84;
    font-size: 16px;
    line-height: 1.45;
}

#singlehub-app .forum-count {
    text-align: left;
}

#singlehub-app .forum-count,
#singlehub-app .forum-last {
    padding-top: 3px;
    color: #56677d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

#singlehub-app .forum-last small,
#singlehub-app .topic-last small {
    display: block;
    margin-top: 3px;
    color: #2478f2;
    font-size: 11px;
    line-height: 1.25;
}

#singlehub-app .forum-last svg,
#singlehub-app .topic-last svg {
    width: 13px;
    height: 13px;
    margin-left: 3px;
    color: #111;
    vertical-align: -2px;
}

#singlehub-app .topic-icon svg,
#singlehub-app .topic-icon i[data-lucide] {
    width: 19px;
    height: 19px;
    color: #5d6d80;
    fill: none;
    stroke-width: 2.1;
}

#singlehub-app .topic-author,
#singlehub-app .topic-last {
    font-size: 14px;
    line-height: 1.35;
}

#singlehub-app .forum-subforum-intro {
    display: grid;
    gap: 17px;
    padding: 20px 22px 18px;
    border-bottom: 1px solid #d9e3ef;
}

#singlehub-app .forum-subforum-intro p {
    margin: 0;
    color: #52657d;
    font-size: 17px;
}

#singlehub-app .forum-toolbar,
#singlehub-app .forum-toolbar-actions,
#singlehub-app .thread-action-row,
#singlehub-app .compose-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

#singlehub-app .forum-toolbar {
    gap: 16px;
    justify-content: space-between;
    padding-top: 2px;
}

#singlehub-app .forum-toolbar-actions {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0;
    box-shadow: 0 2px 7px rgba(31, 48, 72, .11);
}

#singlehub-app .forum-toolbar-actions .forum-button {
    min-height: 38px;
    border-radius: 0;
    color: #2478f2;
    font-weight: 760;
    line-height: 1;
}

#singlehub-app .forum-toolbar-actions .forum-button.icon-only {
    width: 46px;
    border-radius: 4px 0 0 4px;
    background: #fff;
}

#singlehub-app .forum-toolbar-actions .forum-button.text-button {
    min-width: 150px;
    border-radius: 0 4px 4px 0;
    font-size: 17px;
}

#singlehub-app .forum-pagination,
#singlehub-app .pagination-strip {
    display: flex;
    gap: 4px;
}

#singlehub-app .forum-pagination a,
#singlehub-app .forum-pagination span,
#singlehub-app .pagination-strip a,
#singlehub-app .pagination-strip span {
    min-width: 34px;
    min-height: 34px;
    border: 1px solid var(--line);
    border-radius: 6px;
    display: grid;
    place-items: center;
    color: var(--muted);
    background: #fff;
}

#singlehub-app .forum-pagination .is-active,
#singlehub-app .pagination-strip .is-active {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

#singlehub-app .thread-card {
    overflow: hidden;
}

#singlehub-app .thread-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

#singlehub-app .thread-author {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

#singlehub-app .thread-author img,
#singlehub-app .thread-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--blue-soft);
}

#singlehub-app .thread-author > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .thread-actions-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#singlehub-app .thread-action {
    min-height: 34px;
    border: 1px solid var(--line);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    background: #fff;
    padding: 0 9px;
}

#singlehub-app .thread-body {
    display: grid;
    gap: 10px;
    padding: 18px;
}

#singlehub-app .thread-body p {
    margin: 0;
}

#singlehub-app .forum-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 14px 16px 0;
    color: var(--muted);
}

#singlehub-app .thread-actions {
    display: grid;
    gap: 12px;
    padding-bottom: 16px;
}

#singlehub-app .thread-action-row {
    padding: 0 16px;
}

#singlehub-app .forum-compose-card {
    overflow: hidden;
}

#singlehub-app .compose-body {
    display: grid;
    gap: 12px;
    padding: 18px;
}

#singlehub-app .compose-label,
#singlehub-app .compose-row label {
    color: var(--ink);
    font-weight: 750;
}

#singlehub-app .compose-input-line,
#singlehub-app .compose-input,
#singlehub-app .editor-area,
#singlehub-app .compose-number {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--ink);
    background: #fff;
    padding: 10px 12px;
}

#singlehub-app .editor-box {
    border: 1px solid var(--line);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

#singlehub-app .editor-menu,
#singlehub-app .editor-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 13px;
}

#singlehub-app .editor-menu span {
    padding-right: 10px;
}

#singlehub-app .editor-separator {
    width: 1px;
    height: 24px;
    background: var(--line);
}

#singlehub-app .editor-area {
    min-height: 180px;
    border: 0;
    border-radius: 0;
    resize: vertical;
}

#singlehub-app .compose-hint {
    color: var(--muted);
}

#singlehub-app .compose-submit-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

#singlehub-app .compose-submit-row .compose-number {
    width: 120px;
}

#singlehub-app .quote-card {
    border: 1px solid var(--line);
    border-radius: 6px;
    overflow: hidden;
}

#singlehub-app .quote-card-head {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    background: var(--panel-soft);
}

#singlehub-app .quote-card-head img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

#singlehub-app .quote-card-copy {
    padding: 12px;
    color: var(--muted);
}

/* Desktop forum template overrides */
#singlehub-app .singlehub-forum-view .forum-card,
#singlehub-app .singlehub-forum-view .forum-compose-card,
#singlehub-app .singlehub-forum-view .thread-card,
#singlehub-app .singlehub-forum-view .forum-ad-card,
#singlehub-app .singlehub-forum-view .forum-footer-line {
    border: 0;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

#singlehub-app .singlehub-forum-view .forum-card-header {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 22px;
    background: #f6f8fb;
    border-bottom: 2px solid var(--bg);
}

#singlehub-app .singlehub-forum-view .forum-card-header h1,
#singlehub-app .singlehub-forum-view .forum-card-header h2 {
    color: #233044;
    font-size: 21px;
    font-weight: 650;
    line-height: 1.2;
}

#singlehub-app .singlehub-forum-view .forum-card-body {
    padding: 20px 22px 22px;
    color: #586a82;
    line-height: 1.5;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary {
    background: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__header {
    min-height: 60px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 0 22px;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__header h1 {
    margin: 0;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb {
    min-height: 54px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: -16px;
    padding: 11px 22px;
    color: #415575;
    background: #fff;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    font-weight: 650;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb a {
    min-width: 0;
    color: #2478f2;
    font-weight: 760;
    text-decoration: none;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb a:hover,
#singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb a:focus {
    color: #155fb9;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb span {
    flex: 0 0 auto;
    color: #9aa9bd;
}

#singlehub-app .singlehub-forum-view .forum-link-text,
#singlehub-app .singlehub-forum-view .forum-topic-link,
#singlehub-app .singlehub-forum-view .forum-breadcrumb a,
#singlehub-app .singlehub-forum-view .forum-meta-link {
    color: #2478f2;
    font-weight: 720;
    text-decoration: none;
}

#singlehub-app .singlehub-forum-view .forum-thread-jump-row {
    margin: 16px 0 0;
}

#singlehub-app .singlehub-forum-view .forum-thread-last-link {
    min-height: 38px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    border: 1px solid #c7dcfb;
    border-radius: 6px;
    padding: 0 14px;
    color: #1f6fd5;
    background: #eef5ff;
    font-weight: 760;
    text-decoration: none;
}

#singlehub-app .singlehub-forum-view .forum-thread-last-link:hover,
#singlehub-app .singlehub-forum-view .forum-thread-last-link:focus {
    color: #155fb9;
    background: #e3efff;
    border-color: #a9ccfb;
}

#singlehub-app .singlehub-forum-view .forum-thread-last-link svg,
#singlehub-app .singlehub-forum-view .forum-card-header-action svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .singlehub-forum-view a.is-loading[data-sh-forum-nav-loading],
#singlehub-app .singlehub-mobile-forum-shell a.is-loading[data-sh-forum-nav-loading] {
    pointer-events: none;
    opacity: .82;
}

#singlehub-app .singlehub-forum-view a.is-loading[data-sh-forum-nav-loading]::after,
#singlehub-app .singlehub-mobile-forum-shell a.is-loading[data-sh-forum-nav-loading]::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    border: 2px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
    vertical-align: -2px;
    flex: 0 0 auto;
}

@media (max-width: 980px) {
    #singlehub-app .singlehub-forum-view .forum-thread-summary__header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        padding: 14px 22px;
    }

    #singlehub-app .singlehub-forum-view .forum-thread-summary__header .forum-thread-last-link {
        justify-self: start;
    }
}

@media (min-width: 981px) {
    #singlehub-app .singlehub-forum-view .forum-thread-summary__breadcrumb {
        position: sticky;
        top: 72px;
        z-index: 14;
    }

    #singlehub-app .singlehub-forum-view .thread-card {
        scroll-margin-top: calc(var(--sticky-offset, 80px) + 72px);
    }
}

#singlehub-app .singlehub-forum-view .forum-intro-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 22px;
    background: #fff;
}

#singlehub-app .singlehub-forum-view .forum-intro-icon {
    width: 52px;
    height: 52px;
    color: #ef3f3d;
    background: #fde7e5;
}

#singlehub-app .singlehub-forum-view .forum-intro-icon svg {
    width: 26px;
    height: 26px;
    stroke-width: 2.25;
}

#singlehub-app .singlehub-forum-view .forum-intro-copy {
    display: grid;
    gap: 6px;
}

#singlehub-app .singlehub-forum-view .forum-intro-eyebrow {
    margin: 0;
    color: #5f7190;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .02em;
    line-height: 1;
}

#singlehub-app .singlehub-forum-view .forum-intro-card h1 {
    margin: 0;
    color: #152235;
    font-size: 28px;
    font-weight: 850;
    line-height: 1.05;
}

#singlehub-app .singlehub-forum-view .forum-intro-card p:last-child {
    margin: 4px 0 0;
    color: #536985;
    font-size: 17px;
    line-height: 1.42;
}

#singlehub-app .singlehub-forum-view .forum-intro-action {
    align-self: end;
    min-height: 42px;
    border-color: #f0c9c5;
    border-radius: 8px;
    color: #df3333;
    background: #fff;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 760;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 6px 14px rgba(31, 45, 68, .06);
}

#singlehub-app .singlehub-forum-view .forum-overview-head,
#singlehub-app .singlehub-forum-view .forum-row {
    grid-template-columns: 42px minmax(0, 1fr) 100px 118px 160px;
    gap: 14px;
}

#singlehub-app .singlehub-forum-view .forum-overview-title {
    grid-column: 1 / span 2;
    white-space: nowrap;
}

#singlehub-app .singlehub-forum-view .topic-list {
    display: block;
    padding: 0 22px 8px;
}

#singlehub-app .singlehub-forum-view .topic-head,
#singlehub-app .singlehub-forum-view .topic-row {
    grid-template-columns: 34px minmax(0, 1fr) 74px 74px 130px 160px;
    gap: 14px;
    align-items: center;
}

#singlehub-app .singlehub-forum-view .topic-head .forum-icon,
#singlehub-app .singlehub-forum-view .topic-icon {
    display: grid;
    justify-self: center;
    place-items: center;
    margin-top: 0;
}

#singlehub-app .singlehub-forum-view .topic-head {
    min-height: 62px;
    padding: 0;
    color: #101827;
    background: transparent;
    border-bottom: 1px dashed #d7e1ed;
    font-size: 16px;
    font-weight: 760;
    text-transform: none;
}

#singlehub-app .singlehub-forum-view .topic-row {
    min-height: 52px;
    padding: 0;
    color: #52647a;
    border-top: 0;
    border-bottom: 1px dashed #d7e1ed;
}

#singlehub-app .singlehub-forum-view .topic-title {
    color: #2478f2;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
}

#singlehub-app .singlehub-forum-view .forum-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

#singlehub-app .singlehub-forum-view .forum-pagination a,
#singlehub-app .singlehub-forum-view .forum-pagination span {
    min-width: 34px;
    height: 38px;
    min-height: 38px;
    border: 1px solid #dfe7f1;
    border-left: 0;
    border-radius: 0;
    color: #111827;
    background: #fff;
    font-weight: 760;
}

#singlehub-app .singlehub-forum-view .forum-pagination a:first-child,
#singlehub-app .singlehub-forum-view .forum-pagination span:first-child {
    border-left: 1px solid #dfe7f1;
    border-radius: 4px 0 0 4px;
}

#singlehub-app .singlehub-forum-view .forum-pagination a:last-child,
#singlehub-app .singlehub-forum-view .forum-pagination span:last-child {
    border-radius: 0 4px 4px 0;
}

#singlehub-app .singlehub-forum-view .forum-pagination .is-active {
    color: #fff;
    background: #2c7be5;
    border-color: #2c7be5;
}

#singlehub-app .thread-card {
    scroll-margin-top: calc(var(--sticky-offset, 80px) + 12px);
}

#singlehub-app .thread-card.is-targeted {
    box-shadow: 0 0 0 3px rgba(36, 120, 242, .16), var(--shadow);
}

#singlehub-app .singlehub-forum-view .thread-card + .thread-card,
#singlehub-app .singlehub-forum-view .thread-actions,
#singlehub-app .singlehub-forum-view .forum-compose-card,
#singlehub-app .singlehub-forum-view .forum-ad-card,
#singlehub-app .singlehub-forum-view .forum-footer-line {
    margin-top: 16px;
}

#singlehub-app .forum-thread-loader {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #65768c;
    font-size: 13px;
    font-weight: 760;
    text-align: center;
}

#singlehub-app .forum-thread-loader--previous {
    margin-bottom: 12px;
}

#singlehub-app .forum-thread-loader--next {
    margin-top: 12px;
}

#singlehub-app .forum-thread-loader[hidden] {
    display: none;
}

#singlehub-app .forum-thread-loader.is-loading::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 3px solid #cdd8e7;
    border-top-color: #2c7be5;
    border-radius: 50%;
    animation: singlehub-spin .8s linear infinite;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-forum-view .thread-header {
    min-height: 62px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    padding: 11px 10px 11px 22px;
    background: #fff;
    border-bottom: 2px solid #f4f7fb;
}

#singlehub-app .singlehub-forum-view .thread-author {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

#singlehub-app .singlehub-forum-view .thread-author img,
#singlehub-app .singlehub-forum-view .thread-avatar {
    width: 42px;
    height: 42px;
    color: transparent;
    font-size: 0;
    object-fit: cover;
}

#singlehub-app .singlehub-forum-view .thread-profile-link {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

#singlehub-app .singlehub-forum-view .thread-author-name {
    color: inherit;
    text-decoration: none;
}

#singlehub-app .singlehub-forum-view .thread-body {
    display: block;
    padding: 20px 22px 28px;
    color: #52647d;
    background: #fff;
    font-size: 17px;
    line-height: 1.52;
}

#singlehub-app .forum-post-quote-preview {
    display: grid;
    gap: 3px;
    margin: 0 0 16px;
    border-left: 4px solid #2c7be5;
    border-radius: 6px;
    padding: 9px 12px;
    color: #42536b;
    background: #eef5ff;
    text-decoration: none;
}

#singlehub-app .forum-post-quote-preview:hover {
    background: #e4efff;
}

#singlehub-app .forum-post-quote-author {
    color: #22324a;
    font-size: 14px;
    font-weight: 800;
}

#singlehub-app .forum-post-quote-excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #52647d;
    font-size: 14px;
    line-height: 1.35;
}

#singlehub-app .singlehub-forum-view .thread-author strong,
#singlehub-app .singlehub-forum-view .quote-card strong {
    color: #243044;
    font-size: 21px;
    font-weight: 780;
    line-height: 1.1;
}

#singlehub-app .singlehub-forum-view .thread-author span,
#singlehub-app .singlehub-forum-view .quote-card span {
    color: #5e6f86;
    font-size: 14px;
    font-weight: 500;
}

#singlehub-app .singlehub-forum-view .thread-author time,
#singlehub-app .singlehub-forum-view .quote-card time {
    display: block;
    margin-top: 4px;
    color: #8a98aa;
    font-size: 14px;
}

#singlehub-app .singlehub-forum-view .thread-actions-inline {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 3px;
    align-items: center;
}

#singlehub-app .singlehub-forum-view .thread-action {
    min-width: 48px;
    min-height: 38px;
    border: 1px solid #cfd9e5;
    border-radius: 4px;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    color: #35445a;
    background: #fff;
    font-size: 16px;
    font-weight: 760;
    box-shadow: 0 2px 5px rgba(31, 48, 72, .08);
}

#singlehub-app .singlehub-forum-view .thread-action svg {
    width: 17px;
    height: 17px;
}

#singlehub-app .singlehub-forum-view .thread-action:disabled,
#singlehub-app .singlehub-mobile-forum-shell .forum-mini-action:disabled {
    opacity: .45;
    cursor: not-allowed;
}

#singlehub-app .singlehub-forum-view .thread-body p {
    margin: 0 0 20px;
}

#singlehub-app .singlehub-forum-view .thread-body p:last-child {
    margin-bottom: 0;
}

#singlehub-app .singlehub-forum-view .thread-body a {
    color: #2478f2;
    word-break: break-word;
}

#singlehub-app .singlehub-forum-view .thread-body .forum-post-quote-preview,
#singlehub-app .singlehub-mobile-forum-shell .thread-body .forum-post-quote-preview {
    color: #42536b;
    word-break: normal;
}

#singlehub-app .singlehub-forum-view .thread-body .lead-link {
    color: #52647d;
    text-decoration: underline;
}

#singlehub-app .singlehub-forum-view .forum-breadcrumb {
    padding: 0;
    color: #61728a;
    font-size: 16px;
    line-height: 1.45;
}

#singlehub-app .singlehub-forum-view .thread-actions {
    display: block;
    padding: 20px 22px 24px;
}

#singlehub-app .singlehub-forum-view .thread-action-row {
    padding: 0;
    margin-top: 16px;
}

#singlehub-app .singlehub-forum-view .forum-mini-button {
    width: 49px;
    min-height: 38px;
    border-radius: 4px;
    color: #46566b;
    box-shadow: 0 2px 6px rgba(31, 48, 72, .08);
}

#singlehub-app .forum-mini-button.is-active,
#singlehub-app .forum-mini-action.is-active {
    border-color: #2c7be5;
    color: #1f64c8;
    background: #e8f2ff;
}

#singlehub-app .singlehub-forum-split-notice {
    min-height: 48px;
    border: 1px solid #c9dcf5;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px;
    padding: 9px 10px 9px 12px;
    color: #2c5f9f;
    background: #eef5ff;
    font-size: 14px;
    font-weight: 760;
}

#singlehub-app .singlehub-forum-split-notice span {
    min-width: 0;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

#singlehub-app .singlehub-forum-split-notice svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}

#singlehub-app .singlehub-forum-split-notice .singlehub-button {
    min-height: 34px;
    border-color: #b9d3f6;
    color: #1f64c8;
    background: #fff;
    padding-inline: 10px;
    font-size: 13px;
}

#singlehub-app.is-forum-split-selecting [data-sh-forum-post-id].is-split-candidate {
    cursor: pointer;
    outline: 2px dashed rgba(44, 123, 229, .52);
    outline-offset: 4px;
}

#singlehub-app [data-sh-forum-post-id].is-wide-detected {
    outline: 3px solid rgba(229, 92, 44, .72);
    outline-offset: 4px;
}

#singlehub-app.is-forum-view.is-forum-thread-panel .singlehub-aside > :not(.singlehub-widget--forum-activity) {
    display: none;
}

#singlehub-app .singlehub-forum-view .compose-body {
    display: block;
    padding: 22px;
}

#singlehub-app .singlehub-forum-view .compose-title {
    margin: 0 0 14px;
    color: #1f2d3f;
    font-size: 22px;
    font-weight: 740;
}

#singlehub-app .singlehub-forum-view .compose-label,
#singlehub-app .singlehub-forum-view .compose-row label {
    display: block;
    margin: 8px 0 7px;
    color: #53647a;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
}

#singlehub-app .singlehub-forum-view .compose-input-line {
    height: 36px;
    border-color: #cfd9e5;
    border-radius: 4px;
    padding: 0 16px;
    color: #52647d;
    font-size: 16px;
}

#singlehub-app .forum-author-field {
    position: relative;
}

#singlehub-app .forum-author-suggestions {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    overflow: hidden;
    border: 1px solid #cfd9e5;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 24px rgba(31, 48, 72, .16);
}

#singlehub-app .forum-author-suggestion {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    border-radius: 0;
    padding: 10px 12px;
    color: #22324a;
    background: #fff;
    text-align: left;
    box-shadow: none;
}

#singlehub-app .forum-author-suggestion:hover,
#singlehub-app .forum-author-suggestion:focus {
    background: #eef5ff;
}

#singlehub-app .forum-author-suggestion small {
    color: #71829a;
    font-size: 12px;
}

#singlehub-app .singlehub-forum-view .editor-box {
    border-color: #d8e1ec;
    border-radius: 0;
}

#singlehub-app .singlehub-forum-view .editor-menu,
#singlehub-app .singlehub-forum-view .editor-tools {
    min-height: 42px;
    gap: 0;
    padding: 0;
    border-bottom-color: #d8e1ec;
}

#singlehub-app .singlehub-forum-view .editor-tool {
    width: 36px;
    min-height: 38px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#singlehub-app .singlehub-forum-view .editor-area {
    min-height: 340px;
    padding: 12px 14px;
    font-size: 16px;
}

#singlehub-app .singlehub-forum-view .singlehub-forum-rich-editor {
    display: block;
    overflow: auto;
    white-space: normal;
}

#singlehub-app .singlehub-forum-view .singlehub-forum-rich-editor:empty::before {
    content: "";
}

#singlehub-app .singlehub-forum-view .singlehub-forum-emoji-picker {
    position: relative;
    width: min(100%, 720px);
    margin: 0;
    border-width: 1px 0 0;
    border-radius: 0;
    box-shadow: none;
}

#singlehub-app .forum-ad-card {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
}

#singlehub-app .forum-ad-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 6px;
    object-fit: cover;
}

#singlehub-app .forum-ad-caption,
#singlehub-app .forum-ad-copy {
    color: var(--muted);
}

#singlehub-app .forum-ad-copy h3 {
    margin: 0 0 8px;
    color: var(--ink);
}

#singlehub-app .forum-footer-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    color: var(--muted);
}

#singlehub-app .singlehub-mobile-forum-shell {
    background: var(--bg);
}

#singlehub-app .forum-mobile-page {
    width: min(100%, 560px);
    display: grid;
    gap: 12px;
    margin: 0 auto;
    padding: 12px 12px calc(var(--bottom-nav-space, 78px) + 18px);
}

#singlehub-app .forum-hero {
    display: grid;
    gap: 12px;
    padding: 15px;
}

#singlehub-app .forum-hero-top {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

#singlehub-app .forum-hero-icon,
#singlehub-app .forum-panel-icon,
#singlehub-app .forum-board-icon,
#singlehub-app .thread-avatar-fallback {
    display: grid;
    place-items: center;
    color: var(--blue);
    background: var(--blue-soft);
}

#singlehub-app .forum-hero-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

#singlehub-app .forum-eyebrow {
    margin: 0 0 3px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

#singlehub-app .forum-hero h1 {
    margin: 0;
    font-size: 24px;
    line-height: 1.1;
}

#singlehub-app .forum-hero-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

#singlehub-app .forum-search {
    min-width: 0;
    height: 42px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 0 12px;
    color: var(--muted);
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

#singlehub-app .forum-search input {
    min-width: 0;
    border: 0;
    color: var(--ink);
    background: transparent;
    outline: 0;
}

#singlehub-app .forum-icon-button {
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
}

#singlehub-app .forum-icon-button.is-primary {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

#singlehub-app .forum-rules {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: start;
    padding: 12px;
    scroll-margin-top: 96px;
}

#singlehub-app .forum-rules > .forum-panel-icon,
#singlehub-app .forum-rules > .forum-link-button {
    align-self: start;
}

#singlehub-app .forum-rules.is-accepted {
    align-items: center;
    border-color: #27b978;
    background: linear-gradient(0deg, rgba(6, 200, 121, .12), rgba(6, 200, 121, .12)), #fff;
    box-shadow:
        0 0 0 1px rgba(6, 160, 96, .32),
        0 8px 20px rgba(6, 145, 88, .1);
}

#singlehub-app .forum-rules.is-accepted > .forum-panel-icon {
    color: #0b8f5a;
    background: transparent;
}

#singlehub-app .forum-rules.is-accepted > .forum-link-button {
    color: #196b49;
    border-color: rgba(6, 160, 96, .28);
    background: rgba(255, 255, 255, .72);
}

#singlehub-app .forum-rules.is-accepted:not(.is-expanded) > .forum-panel-icon,
#singlehub-app .forum-rules.is-accepted:not(.is-expanded) > .forum-link-button {
    align-self: center;
}

#singlehub-app .forum-rules.is-expanded {
    align-items: start;
}

#singlehub-app .forum-rules.is-open,
#singlehub-app .forum-rules.is-highlighted {
    border-color: rgba(44, 123, 229, .24);
    background: color-mix(in srgb, var(--blue-soft, #eaf2ff) 78%, #fff);
}

#singlehub-app .forum-rules.is-highlighted {
    box-shadow: 0 0 0 2px rgba(44, 123, 229, .22);
}

#singlehub-app .forum-rules-main {
    display: grid;
    gap: 8px;
    min-width: 0;
}

#singlehub-app .forum-rules-copy {
    white-space: normal;
}

#singlehub-app .forum-rules-full {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(126, 151, 181, .22);
}

#singlehub-app .forum-rules-copy p,
#singlehub-app .forum-rules-full p,
#singlehub-app .forum-rules-copy ul,
#singlehub-app .forum-rules-full ul,
#singlehub-app .forum-rules-copy ol,
#singlehub-app .forum-rules-full ol {
    margin: 0 0 8px;
}

#singlehub-app .forum-rules-copy :last-child,
#singlehub-app .forum-rules-full :last-child {
    margin-bottom: 0;
}

#singlehub-app .forum-rules-copy ul,
#singlehub-app .forum-rules-full ul,
#singlehub-app .forum-rules-copy ol,
#singlehub-app .forum-rules-full ol {
    padding-left: 22px;
}

#singlehub-app .forum-rules-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#singlehub-app .forum-filter-panel,
#singlehub-app .forum-context-hint {
    display: grid;
    gap: 12px;
    padding: 13px;
}

#singlehub-app .forum-filter-head,
#singlehub-app .forum-context-head {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}

#singlehub-app .forum-filter-grid {
    display: grid;
    gap: 8px;
}

#singlehub-app .forum-filter-choice {
    min-height: 44px;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 8px 10px;
}

#singlehub-app .forum-filter-actions,
#singlehub-app .forum-context-actions {
    display: flex;
    gap: 8px;
}

#singlehub-app .forum-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
}

#singlehub-app .forum-tab {
    min-height: 52px;
    border: 0;
    border-right: 1px solid var(--line);
    display: grid;
    place-items: center;
    gap: 3px;
    color: var(--muted);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
}

#singlehub-app .forum-tab:last-child {
    border-right: 0;
}

#singlehub-app .forum-tab.is-active {
    color: var(--blue);
    background: var(--blue-soft);
}

#singlehub-app .forum-tab[aria-disabled="true"] {
    opacity: .55;
    pointer-events: none;
}

#singlehub-app .forum-panel {
    display: none;
    gap: 12px;
}

#singlehub-app .forum-panel.is-active {
    display: grid;
}

#singlehub-app .hot-topic-list,
#singlehub-app .forum-board-list,
#singlehub-app .topic-list,
#singlehub-app .thread-list {
    display: grid;
    gap: 10px;
}

#singlehub-app .hot-topic,
#singlehub-app .forum-board-card,
#singlehub-app .topic-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px;
}

#singlehub-app .hot-rank {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--blue);
    background: var(--blue-soft);
    font-weight: 800;
}

#singlehub-app .forum-board-card,
#singlehub-app .topic-card {
    grid-template-columns: 44px minmax(0, 1fr);
}

#singlehub-app .forum-board-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

#singlehub-app .forum-stats,
#singlehub-app .topic-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-top: 7px;
}

#singlehub-app .forum-stat,
#singlehub-app .topic-stat {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--muted);
    font-size: 13px;
}

#singlehub-app .topic-card > svg {
    color: var(--blue);
}

#singlehub-app .thread-toolbar,
#singlehub-app .topic-toolbar {
    display: grid;
    gap: 12px;
    padding: 13px;
}

#singlehub-app .topic-toolbar-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-card {
    border-radius: 8px;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-header {
    grid-template-columns: 42px minmax(0, 1fr) auto;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-profile-link {
    display: block;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-author {
    display: grid;
    gap: 2px;
}

#singlehub-app .compose-card {
    padding: 13px;
}

#singlehub-app .compose-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

#singlehub-app .compose-head h2 {
    margin: 0;
}

#singlehub-app .compose-mode {
    display: flex;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

#singlehub-app .compose-mode button {
    border: 0;
    padding: 8px 10px;
    color: var(--muted);
    background: transparent;
}

#singlehub-app .compose-mode button.is-active {
    color: #fff;
    background: var(--blue);
}

#singlehub-app .compose-row {
    display: grid;
    gap: 6px;
}

#singlehub-app .reply-reference-card {
    padding: 12px;
}

#singlehub-app .reply-reference-label {
    margin-bottom: 8px;
    color: var(--muted);
    font-weight: 800;
}

#singlehub-app .singlehub-mobile-forum-shell .verse-card {
    display: grid;
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-forum-shell .verse-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#singlehub-app .singlehub-mobile-forum-shell .verse-copy {
    display: grid;
    gap: 8px;
    padding: 12px;
}

/* Mobile forum template overrides */
#singlehub-app .singlehub-mobile-forum-shell .forum-card,
#singlehub-app .singlehub-mobile-forum-shell .thread-card,
#singlehub-app .singlehub-mobile-forum-shell .forum-compose-card {
    overflow: visible;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(31, 45, 68, .07);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-hero {
    padding: 15px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-hero-icon {
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-hero-icon svg {
    width: 24px;
    height: 24px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-eyebrow {
    color: var(--soft);
    letter-spacing: .02em;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-hero h1 {
    color: var(--ink);
    font-weight: 880;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-hero p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.42;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-search {
    background: var(--bg);
    border-color: var(--line);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-search svg {
    width: 18px;
    height: 18px;
    color: var(--soft);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-search input {
    font-size: 15px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-icon-button.is-primary,
#singlehub-app .singlehub-mobile-forum-shell .forum-icon-button.is-primary:hover,
#singlehub-app .singlehub-mobile-forum-shell .forum-icon-button.is-primary:focus-visible {
    width: 42px;
    min-width: 42px;
    height: 42px;
    color: #fff;
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: none;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-panel {
    gap: 12px;
    padding: 13px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-head strong {
    display: block;
    color: var(--ink);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-head p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.42;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-choice {
    min-height: 44px;
    border-color: var(--line);
    border-radius: 8px;
    background: var(--bg);
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-choice input {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-actions {
    flex-wrap: wrap;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-filter-actions .tooltip-action-forum-filter-all {
    color: var(--accent);
    border-color: color-mix(in srgb, var(--accent) 20%, var(--line));
}

#singlehub-app .singlehub-mobile-forum-shell .forum-rules.is-accepted {
    align-items: center;
    border-color: var(--line);
    background: color-mix(in srgb, var(--highlight-blue-soft) 70%, #fff);
    box-shadow: 0 8px 18px rgba(31, 45, 68, .06);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-rules.is-accepted > .forum-panel-icon {
    color: var(--highlight-blue);
    background: color-mix(in srgb, var(--highlight-blue-soft) 72%, #fff);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-rules.is-accepted > .forum-link-button {
    color: var(--accent);
    border-color: color-mix(in srgb, var(--accent) 18%, var(--line));
    background: #fff;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-link-button,
#singlehub-app .singlehub-mobile-forum-shell .forum-action-button,
#singlehub-app .singlehub-mobile-forum-shell .compose-save {
    min-height: 42px;
    border-radius: 8px;
    gap: 7px;
    color: var(--accent);
    padding: 0 12px;
    font-size: 13px;
    font-weight: 820;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-icon-button,
#singlehub-app .singlehub-mobile-forum-shell .forum-mini-action {
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: #42506a;
    background: #fff;
    padding: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-card {
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-action-button.is-blue-soft,
#singlehub-app .singlehub-mobile-forum-shell .compose-save.is-blue-soft,
#singlehub-app .singlehub-mobile-forum-shell .reply-style-button.is-blue-soft {
    color: var(--highlight-blue);
    background: color-mix(in srgb, var(--highlight-blue-soft) 82%, #fff);
    border-color: color-mix(in srgb, var(--highlight-blue) 24%, var(--line));
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tabs {
    position: sticky;
    top: 0;
    z-index: 18;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 18px rgba(31, 45, 68, .08);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-context-hint[hidden] {
    display: none;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tab {
    min-width: 0;
    min-height: 46px;
    border-right: 0;
    border-left: 1px solid var(--line);
    gap: 2px;
    padding: 6px 2px;
    font-size: 11px;
    font-weight: 820;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tab:first-child {
    border-left: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tab svg {
    width: 18px;
    height: 18px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tab span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-tab.is-active {
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-section-title {
    margin: 6px 2px 0;
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    color: var(--ink);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-section-title svg {
    width: 19px;
    height: 19px;
    color: var(--accent);
}

#singlehub-app .singlehub-mobile-forum-shell .hot-topic {
    min-height: 58px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(31, 45, 68, .06);
}

#singlehub-app .singlehub-mobile-forum-shell .hot-rank {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--accent);
    background: var(--accent-soft);
    font-size: 13px;
    font-weight: 900;
}

#singlehub-app .singlehub-mobile-forum-shell .hot-topic-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#singlehub-app .singlehub-mobile-forum-shell .hot-topic-title,
#singlehub-app .singlehub-mobile-forum-shell .topic-title {
    min-width: 0;
    overflow: hidden;
    display: block;
    color: #2475ed;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .hot-topic .hot-topic-meta,
#singlehub-app .singlehub-mobile-forum-shell .topic-meta,
#singlehub-app .singlehub-mobile-forum-shell .thread-author span,
#singlehub-app .singlehub-mobile-forum-shell .thread-author time,
#singlehub-app .singlehub-mobile-forum-shell .compose-hint,
#singlehub-app .singlehub-mobile-forum-shell .verse-note {
    color: var(--soft);
    font-size: 12px;
    line-height: 1.3;
}

#singlehub-app .singlehub-mobile-forum-shell .hot-topic svg {
    width: 17px;
    height: 17px;
    color: var(--soft);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-latest-link {
    justify-self: start;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 13px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--accent);
    background: var(--accent-soft);
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-icon svg {
    width: 20px;
    height: 20px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-copy {
    min-width: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-title {
    display: flex;
    min-height: 40px;
    gap: 6px;
    align-items: center;
    margin: 0;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-title a {
    min-width: 0;
    overflow: hidden;
    color: #2475ed;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-board-description {
    margin-top: 4px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.42;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-stats {
    gap: 6px;
    margin-top: 10px;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-stat,
#singlehub-app .singlehub-mobile-forum-shell .topic-stat {
    min-height: 24px;
    border-radius: 999px;
    gap: 5px;
    background: var(--bg);
    padding: 0 8px;
    font-size: 12px;
    font-weight: 760;
    line-height: 1;
}

#singlehub-app .singlehub-mobile-forum-shell .forum-stat svg,
#singlehub-app .singlehub-mobile-forum-shell .topic-stat svg {
    width: 13px;
    height: 13px;
    color: var(--accent);
}

#singlehub-app .singlehub-mobile-forum-shell .topic-card {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
}

#singlehub-app .singlehub-mobile-forum-shell .topic-card > svg {
    width: 21px;
    height: 21px;
    margin-top: 2px;
    color: var(--soft);
}

#singlehub-app .singlehub-mobile-forum-shell .topic-meta {
    gap: 5px 9px;
    margin-top: 5px;
}

#singlehub-app .singlehub-mobile-forum-shell .topic-preview {
    margin-top: 8px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.42;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-header {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-forum-shell .thread-header.is-reference {
    grid-template-columns: 44px minmax(0, 1fr);
}

#singlehub-app .singlehub-mobile-forum-shell .thread-profile-link {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-avatar,
#singlehub-app .singlehub-mobile-forum-shell .thread-avatar-fallback {
    width: 44px;
    height: 44px;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-author {
    min-width: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-author-name {
    display: block;
    overflow: hidden;
    color: var(--ink);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-actions-inline {
    display: flex;
    gap: 4px;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-body {
    display: grid;
    gap: 12px;
    padding: 13px;
    background: #fff;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-body,
#singlehub-app .singlehub-mobile-forum-shell .thread-body p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.42;
}

#singlehub-app .singlehub-mobile-forum-shell .thread-body p {
    margin: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-card {
    padding: 0;
    overflow: hidden;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-head {
    min-height: 56px;
    padding: 0 13px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-mode button {
    min-height: 34px;
    border-left: 1px solid var(--line);
    padding: 0 10px;
    font-size: 12px;
    font-weight: 820;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-mode button:first-child {
    border-left: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-mode button.is-active {
    background: #737f90;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-body {
    display: grid;
    gap: 12px;
    padding: 13px;
    background: #fff;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-title {
    margin: 0;
    font-size: 16px;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-row label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.25;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-input,
#singlehub-app .singlehub-mobile-forum-shell .editor-area {
    border-color: #c9d6e6;
    border-radius: 7px;
    font-size: 16px;
}

#singlehub-app .singlehub-mobile-forum-shell .compose-input {
    min-height: 42px;
    padding: 0 12px;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-box {
    border-color: #c9d6e6;
    border-radius: 8px;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-menu {
    min-height: 38px;
    gap: 0;
    overflow-x: auto;
    padding: 0;
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-forum-shell .editor-menu span {
    display: grid;
    place-items: center;
    padding: 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 720;
    white-space: nowrap;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-tools {
    gap: 0;
    overflow-x: auto;
    padding: 0;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

#singlehub-app .singlehub-mobile-forum-shell .editor-tool {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-tool:first-child {
    border-left: 0;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-separator {
    display: none;
}

#singlehub-app .singlehub-mobile-forum-shell .editor-area {
    min-height: 180px;
    border: 0;
    border-radius: 0;
    padding: 12px;
    line-height: 1.45;
}

#singlehub-app .singlehub-mobile-forum-shell .verse-card {
    gap: 12px;
    padding: 13px;
}

#singlehub-app .singlehub-mobile-forum-shell .verse-card img {
    border-radius: 7px;
}

#singlehub-app.singlehub-app--theme-dark .forum-card,
#singlehub-app.singlehub-app--theme-dark .forum-compose-card,
#singlehub-app.singlehub-app--theme-dark .thread-card,
#singlehub-app.singlehub-app--theme-dark .forum-ad-card,
#singlehub-app.singlehub-app--theme-dark .forum-footer-line,
#singlehub-app.singlehub-app--theme-dark .forum-button,
#singlehub-app.singlehub-app--theme-dark .forum-mini-button,
#singlehub-app.singlehub-app--theme-dark .forum-mini-action,
#singlehub-app.singlehub-app--theme-dark .forum-link-button,
#singlehub-app.singlehub-app--theme-dark .editor-tool,
#singlehub-app.singlehub-app--theme-dark .forum-pagination a,
#singlehub-app.singlehub-app--theme-dark .forum-pagination span,
#singlehub-app.singlehub-app--theme-dark .pagination-strip a,
#singlehub-app.singlehub-app--theme-dark .pagination-strip span,
#singlehub-app.singlehub-app--theme-dark .compose-input,
#singlehub-app.singlehub-app--theme-dark .compose-input-line,
#singlehub-app.singlehub-app--theme-dark .editor-box,
#singlehub-app.singlehub-app--theme-dark .editor-area {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-card-header {
    background: #223047;
    border-bottom-color: var(--bg);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-card-header h1,
#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-card-header h2 {
    color: #edf4fb;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-thread-summary,
#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-thread-summary__breadcrumb {
    background: var(--panel);
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-thread-summary__breadcrumb {
    color: #b9c6d8;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-thread-summary__breadcrumb a {
    color: #7eb2ff;
}

#singlehub-app.singlehub-app--theme-dark .singlehub-forum-view .forum-thread-summary__breadcrumb span {
    color: #75859a;
}

@media (max-width: 980px) {
    #singlehub-app .singlehub-forum-view {
        display: none;
    }

    #singlehub-app .forum-overview-head,
    #singlehub-app .forum-row,
    #singlehub-app .topic-head,
    #singlehub-app .topic-row {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    #singlehub-app .forum-overview-head > :nth-child(n+3),
    #singlehub-app .forum-row > :nth-child(n+3),
    #singlehub-app .topic-head > :nth-child(n+3),
    #singlehub-app .topic-row > :nth-child(n+3) {
        display: none;
    }
}

@media (min-width: 981px) {
    #singlehub-app .singlehub-mobile-forum-shell,
    #singlehub-app .singlehub-mobile-pro-shell {
        display: none;
    }
}