:root {
    --tropa-dark-bg: #07101d;
    --tropa-dark-bg-soft: #0a1424;
    --tropa-dark-surface: rgba(15, 23, 42, .88);
    --tropa-dark-surface-solid: #101928;
    --tropa-dark-surface-raised: #121e31;
    --tropa-dark-surface-muted: #172337;
    --tropa-dark-line: rgba(148, 163, 184, .16);
    --tropa-dark-line-strong: rgba(148, 163, 184, .26);
    --tropa-dark-text: #edf3fb;
    --tropa-dark-text-soft: #c8d3e1;
    --tropa-dark-muted: #8fa1b8;
    --tropa-dark-faint: #64748b;
    --tropa-dark-orange: #ff7a1a;
    --tropa-dark-orange-soft: rgba(255, 122, 26, .14);
    --tropa-dark-shadow: 0 24px 70px rgba(0, 0, 0, .38);
    --tropa-dark-inner: inset 0 1px rgba(255, 255, 255, .06);
}

html[data-theme="dark"] {
    color-scheme: dark;
    background: var(--tropa-dark-bg);
}

html[data-theme="dark"] body {
    color: var(--tropa-dark-text);
    background:
        radial-gradient(circle at 18% -8%, rgba(255, 122, 26, .16), transparent 34%),
        radial-gradient(circle at 82% 6%, rgba(59, 130, 246, .12), transparent 30%),
        linear-gradient(180deg, #08111f 0%, #07101d 42%, #050b14 100%) !important;
}

html[data-theme="dark"] ::selection {
    color: #fff;
    background: rgba(255, 122, 26, .42);
}

html[data-theme="dark"] :where(.bg-white, [class~="bg-white/90"], [class~="bg-white/95"], [class~="bg-white/80"], [class~="bg-white/70"], .bg-gray-50, .bg-slate-50) {
    background-color: var(--tropa-dark-surface) !important;
}

html[data-theme="dark"] :where(.bg-gray-100, .bg-slate-100, .bg-gray-200, .bg-slate-200) {
    background-color: var(--tropa-dark-surface-muted) !important;
}

html[data-theme="dark"] :where(.bg-orange-50, [class~="bg-orange-50/80"]) {
    background-color: var(--tropa-dark-orange-soft) !important;
}

html[data-theme="dark"] :where(
    .site-topbar,
    #desktop-search-dropdown,
    #mobile-search-dropdown,
    #userDropdown,
    #notifDropdown,
    .create-menu-panel,
    .home-shell,
    .profile-page,
    .post-detail-layout,
    .community-detail-page,
    .community-settings-page,
    .messenger-page,
    .map-page-wrapper
) :where([class*="bg-white/"], [class*="bg-gray-50/"], [class*="bg-slate-50/"]) {
    background-color: rgba(15, 23, 42, .78) !important;
}

html[data-theme="dark"] :where(
    .site-topbar,
    #desktop-search-dropdown,
    #mobile-search-dropdown,
    #userDropdown,
    #notifDropdown,
    .create-menu-panel,
    .home-shell,
    .profile-page,
    .post-detail-layout,
    .community-detail-page,
    .community-settings-page,
    .messenger-page,
    .map-page-wrapper
) :where([class*="bg-orange-50/"]) {
    background-color: rgba(255, 122, 26, .13) !important;
}

html[data-theme="dark"] :where(
    .site-topbar,
    #desktop-search-dropdown,
    #mobile-search-dropdown,
    #userDropdown,
    #notifDropdown,
    .create-menu-panel,
    .home-shell,
    .profile-page,
    .post-detail-layout,
    .community-detail-page,
    .community-settings-page,
    .messenger-page,
    .map-page-wrapper
) :where([class*="border-white/"], [class*="border-gray-100/"], [class*="border-gray-200/"]) {
    border-color: var(--tropa-dark-line) !important;
}

html[data-theme="dark"] :where(.text-gray-950, .text-gray-900, .text-slate-950, .text-slate-900) {
    color: var(--tropa-dark-text) !important;
}

html[data-theme="dark"] :where(.text-gray-800, .text-gray-700, .text-slate-800, .text-slate-700) {
    color: var(--tropa-dark-text-soft) !important;
}

html[data-theme="dark"] :where(.text-gray-600, .text-gray-500, .text-slate-600, .text-slate-500) {
    color: var(--tropa-dark-muted) !important;
}

html[data-theme="dark"] :where(.text-gray-400, .text-slate-400) {
    color: var(--tropa-dark-faint) !important;
}

html[data-theme="dark"] :where(.border-gray-50, .border-gray-100, .border-gray-200, .border-slate-100, .border-slate-200, .border-white, [class~="border-white/80"], [class~="border-white/70"]) {
    border-color: var(--tropa-dark-line) !important;
}

html[data-theme="dark"] :where(input, textarea, select) {
    color: var(--tropa-dark-text) !important;
    background-color: rgba(15, 23, 42, .78) !important;
    border-color: var(--tropa-dark-line) !important;
}

html[data-theme="dark"] :where(input, textarea, select)::placeholder {
    color: #6f8198 !important;
}

html[data-theme="dark"] :where(input, textarea, select):focus {
    border-color: rgba(255, 122, 26, .46) !important;
    box-shadow: 0 0 0 3px rgba(255, 122, 26, .15) !important;
    background-color: rgba(17, 26, 42, .96) !important;
}

html[data-theme="dark"] :where(.shadow-sm, .shadow-lg, .shadow-xl, .shadow-2xl) {
    box-shadow: var(--tropa-dark-shadow) !important;
}

html[data-theme="dark"] :where(.backdrop-blur, .backdrop-blur-md, .backdrop-blur-xl) {
    backdrop-filter: blur(24px) saturate(1.14);
    -webkit-backdrop-filter: blur(24px) saturate(1.14);
}

html[data-theme="dark"] a:hover {
    color: var(--tropa-dark-orange);
}

html[data-theme="dark"] .site-topbar {
    border-color: rgba(148, 163, 184, .18) !important;
    background:
        linear-gradient(180deg, rgba(18, 29, 46, .88), rgba(10, 18, 32, .82)) !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .36), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"].premium-motion-ready body.site-topbar-scrolled .site-topbar {
    border-color: rgba(148, 163, 184, .18) !important;
    background:
        linear-gradient(180deg, rgba(18, 29, 46, .92), rgba(10, 18, 32, .88)) !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .38), var(--tropa-dark-inner) !important;
}

.site-logo-link {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
}

.site-logo-mark {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: 126px;
    max-width: 126px;
}

.site-logo-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    transition: opacity .18s ease, transform .3s ease;
}

.site-logo-img--dark {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

html[data-theme="dark"] .site-logo-mark--dark-ready .site-logo-img--light {
    opacity: 0;
}

html[data-theme="dark"] .site-logo-mark--dark-ready .site-logo-img--dark {
    opacity: 1;
    visibility: visible;
}

.site-desktop-search {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) and (max-width: 1240px) {
    .site-logo-mark {
        width: 112px;
        max-width: 112px;
    }
}

@media (max-width: 767px) {
    .site-logo-mark {
        width: 138px;
        max-width: 138px;
    }
}

html[data-theme="dark"] .site-primary-tabs {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(8, 15, 28, .72) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

html[data-theme="dark"] .site-primary-tabs a {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .site-primary-tabs a:hover {
    color: #f8fafc !important;
    background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="dark"] .site-primary-tabs a.bg-white {
    color: #ff9a4a !important;
    background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="dark"] .site-tabs-liquid-indicator {
    background:
        linear-gradient(180deg, rgba(30, 42, 64, .96), rgba(16, 25, 40, .96)),
        radial-gradient(circle at 50% 100%, rgba(255, 122, 26, .2), transparent 58%);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 122, 26, .12);
}

html[data-theme="dark"] .site-action-button,
html[data-theme="dark"] .site-profile-button {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #d7e2ef !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .site-action-button:hover,
html[data-theme="dark"] .site-action-button.is-active,
html[data-theme="dark"] .site-profile-button:hover {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(255, 122, 26, .12) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] #desktop-search-input,
html[data-theme="dark"] #mobile-search-input {
    background: rgba(7, 16, 29, .78) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    color: var(--tropa-dark-text) !important;
    box-shadow: var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] #desktop-search-dropdown,
html[data-theme="dark"] #mobile-search-dropdown,
html[data-theme="dark"] #userDropdown,
html[data-theme="dark"] #notifDropdown,
html[data-theme="dark"] .create-menu-panel,
html[data-theme="dark"] .post-options-dropdown,
html[data-theme="dark"] .comment-menu-panel,
html[data-theme="dark"] #sidebar-options-menu,
html[data-theme="dark"] #attachment-menu,
html[data-theme="dark"] #message-context-menu,
html[data-theme="dark"] .mobile-site-search-panel {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(13, 23, 39, .94) !important;
    color: var(--tropa-dark-text);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .46), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .site-search-result:hover,
html[data-theme="dark"] .site-create-menu-item:hover,
html[data-theme="dark"] #userDropdown a:hover,
html[data-theme="dark"] #userDropdown button:hover {
    background: rgba(255, 122, 26, .12) !important;
}

html[data-theme="dark"] .site-create-menu-item {
    color: #e8eef7 !important;
}

html[data-theme="dark"] .site-create-menu-item strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .site-create-menu-item small {
    color: #b8c5d6 !important;
}

html[data-theme="dark"] .site-create-menu-item:hover,
html[data-theme="dark"] .site-create-menu-item:hover strong,
html[data-theme="dark"] .site-create-menu-item:hover small {
    color: #ff9a4a !important;
}

html[data-theme="dark"] .site-search-fallback,
html[data-theme="dark"] .site-search-type {
    background: rgba(255, 122, 26, .14) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] #mobile-bottom-nav > div {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(12, 21, 36, .88) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, .42), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] #mobile-bottom-nav .nav-icon-bg {
    color: #d7e2ef !important;
}

html[data-theme="dark"] #mobile-bottom-nav .nav-item-active .nav-icon-bg {
    background: #f8fafc !important;
    color: #07101d !important;
}

html[data-theme="dark"] #mobile-bottom-nav a span:last-child {
    color: #97a7ba !important;
}

html[data-theme="dark"] #mobile-bottom-nav .nav-item-active span:last-child {
    color: #f8fafc !important;
}

.theme-toggle-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 18px;
    padding: 9px 10px;
    color: #374151;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.theme-toggle-icon-wrap {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #fff7ed;
    color: #f97316;
}

.theme-toggle-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.05;
}

.theme-toggle-copy [data-theme-toggle-label] {
    display: block;
    color: #111827;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    white-space: nowrap;
}

.theme-toggle-copy [data-theme-toggle-state] {
    display: block;
    color: #9ca3af;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.theme-toggle-switch {
    position: relative;
    width: 44px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: linear-gradient(90deg, #e5e7eb, #f8fafc);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
    transition: background-color .18s ease, box-shadow .18s ease;
}

.theme-toggle-knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .18);
    transition: transform .22s cubic-bezier(.16, 1, .3, 1), background-color .18s ease;
}

.theme-toggle-row[data-theme-mode="light"] .theme-toggle-knob {
    transform: translateX(0);
}

.theme-toggle-row[data-theme-mode="dark"] .theme-toggle-switch {
    background: linear-gradient(135deg, #ff7a1a, #ff4f22);
    box-shadow: 0 0 0 1px rgba(255, 122, 26, .18), 0 8px 18px rgba(255, 106, 26, .16);
}

.theme-toggle-row[data-theme-mode="dark"] .theme-toggle-knob {
    transform: translateX(20px);
}

html[data-theme="dark"] .theme-toggle-row {
    color: var(--tropa-dark-text-soft);
}

html[data-theme="dark"] .theme-toggle-icon-wrap {
    background: rgba(255, 122, 26, .14);
    color: #ff9a4a;
}

html[data-theme="dark"] .theme-toggle-copy [data-theme-toggle-label] {
    color: #f8fafc;
}

html[data-theme="dark"] .theme-toggle-copy [data-theme-toggle-state] {
    color: #97a7ba;
}

html[data-theme="dark"] .theme-toggle-switch {
    background: rgba(15, 23, 42, .92);
    box-shadow: 0 0 0 1px rgba(148, 163, 184, .18), 0 10px 22px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] .theme-toggle-row[data-theme-mode="dark"] .theme-toggle-switch {
    background: linear-gradient(135deg, #ff7a1a, #ff4f22);
    box-shadow: 0 0 0 1px rgba(255, 122, 26, .22), 0 10px 22px rgba(255, 106, 26, .18);
}

html[data-theme="dark"] .theme-toggle-knob {
    background: #fff7ed;
}

html[data-theme="dark"] .quick-post-card,
html[data-theme="dark"] [data-feed-card],
html[data-theme="dark"] .profile-suggestions-block,
html[data-theme="dark"] .suggested-profile-card,
html[data-theme="dark"] .official-routes-card,
html[data-theme="dark"] .home-sort-control,
html[data-theme="dark"] .community-hero-card,
html[data-theme="dark"] .community-detail-section,
html[data-theme="dark"] .community-detail-feed,
html[data-theme="dark"] .community-side-card,
html[data-theme="dark"] .community-quick-note-card,
html[data-theme="dark"] .community-ride-card,
html[data-theme="dark"] .community-club-route-card,
html[data-theme="dark"] .profile-route-card,
html[data-theme="dark"] .post-detail-main > article,
html[data-theme="dark"] .article-route-map-card,
html[data-theme="dark"] .comment-composer-shell,
html[data-theme="dark"] .comment-thread {
    border-color: rgba(148, 163, 184, .16) !important;
    background:
        linear-gradient(180deg, rgba(18, 29, 46, .92), rgba(12, 21, 36, .92)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] [data-feed-card] .feed-card-body,
html[data-theme="dark"] .suggested-profile-card-body,
html[data-theme="dark"] .official-routes-card__body,
html[data-theme="dark"] .community-club-route-card__body,
html[data-theme="dark"] .community-ride-card__body {
    background: linear-gradient(180deg, rgba(18, 29, 46, .96), rgba(11, 20, 34, .96)) !important;
}

html[data-theme="dark"] .profile-suggestions-block h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-suggestions-block p {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .profile-suggestions-block .profile-swiper-prev,
html[data-theme="dark"] .profile-suggestions-block .profile-swiper-next {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #d7e2ef !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .profile-suggestions-block .profile-swiper-prev:hover,
html[data-theme="dark"] .profile-suggestions-block .profile-swiper-next:hover {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(255, 122, 26, .12) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .suggested-profile-stat {
    border: 1px solid rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .74) !important;
    color: #f8fafc !important;
    box-shadow: var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .suggested-profile-stat > div > div:first-child,
html[data-theme="dark"] .suggested-followers-count {
    color: #f8fafc !important;
}

html[data-theme="dark"] .suggested-profile-stat-label,
html[data-theme="dark"] .suggested-profile-proof {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .suggested-profile-open {
    color: #f8fafc !important;
}

html[data-theme="dark"] .official-routes-showcase {
    border-color: rgba(148, 163, 184, .16) !important;
    background:
        linear-gradient(180deg, rgba(18, 29, 46, .92), rgba(12, 21, 36, .92)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .official-routes-showcase__title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .official-routes-showcase__subtitle {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .official-routes-showcase__nav button {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #d7e2ef !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .official-routes-showcase__nav button:hover {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(255, 122, 26, .12) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .official-routes-card__link {
    border: 1px solid rgba(148, 163, 184, .14) !important;
    background: linear-gradient(180deg, rgba(18, 29, 46, .96), rgba(11, 20, 34, .96)) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .30) !important;
}

html[data-theme="dark"] .official-routes-card:hover .official-routes-card__link {
    box-shadow: 0 24px 58px rgba(0, 0, 0, .40) !important;
}

html[data-theme="dark"] .official-routes-card__title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .official-routes-card__text {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .official-routes-card__more {
    border-color: rgba(255, 122, 26, .26) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #f8fafc !important;
    box-shadow: var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .official-routes-card:hover .official-routes-card__more {
    background: rgba(255, 122, 26, .14) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .official-routes-swiper-pagination .swiper-pagination-bullet {
    background: rgba(148, 163, 184, .36) !important;
}

html[data-theme="dark"] .official-routes-swiper-pagination .swiper-pagination-bullet-active {
    background: #ff9a4a !important;
}

html[data-theme="dark"] .home-feed-tab-link {
    color: #a9b8ca !important;
}

html[data-theme="dark"] .home-shell::before {
    background-image:
        linear-gradient(rgba(148, 163, 184, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .04) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .38), transparent 66%);
}

html[data-theme="dark"] .home-page-title {
    color: #f8fafc !important;
    text-shadow: 0 12px 34px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .home-page-kicker,
html[data-theme="dark"] .home-sidebar-eyebrow {
    color: #ff9a4a !important;
}

html[data-theme="dark"] .home-sort-control,
html[data-theme="dark"] .home-sidebar-card {
    border-color: rgba(148, 163, 184, .18) !important;
    background:
        linear-gradient(180deg, rgba(22, 33, 51, .9), rgba(12, 21, 36, .86)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .home-activity-item {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .72) !important;
    color: var(--tropa-dark-text-soft) !important;
}

html[data-theme="dark"] .home-activity-item:hover {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(255, 122, 26, .12) !important;
}

html[data-theme="dark"] .home-community-avatar--empty {
    background: rgba(255, 122, 26, .14) !important;
    color: #ff9a4a !important;
    border-color: rgba(255, 122, 26, .24) !important;
}

html[data-theme="dark"] .home-chip {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(248, 250, 252, .08) !important;
    color: #d8e2ee !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

html[data-theme="dark"] .home-chip:hover,
html[data-theme="dark"] .home-chip--active {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(255, 122, 26, .15) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .home-featured-card {
    border: 1px solid rgba(148, 163, 184, .16);
    background: #080f1c !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .home-feed-tab-link:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .home-feed-tab-link.is-active {
    background: #f8fafc !important;
    color: #08111f !important;
}

html[data-theme="dark"] .feed-action-btn,
html[data-theme="dark"] .quick-action-btn,
html[data-theme="dark"] .quick-icon-btn,
html[data-theme="dark"] .custom-dropdown-trigger,
html[data-theme="dark"] #quick-location-btn,
html[data-theme="dark"] #quick-article-link {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .72) !important;
    color: #c8d3e1 !important;
}

html[data-theme="dark"] .quick-post-action-row .quick-action-btn,
html[data-theme="dark"] .quick-post-action-row .quick-icon-btn,
html[data-theme="dark"] .quick-post-action-row .custom-dropdown-trigger,
html[data-theme="dark"] .quick-post-action-row #quick-location-btn,
html[data-theme="dark"] .quick-post-action-row #quick-article-link {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

html[data-theme="dark"] .feed-action-btn:hover,
html[data-theme="dark"] .quick-action-btn:hover,
html[data-theme="dark"] .quick-icon-btn:hover,
html[data-theme="dark"] .custom-dropdown-trigger:hover,
html[data-theme="dark"] #quick-location-btn:hover,
html[data-theme="dark"] #quick-article-link:hover {
    background: rgba(255, 122, 26, .13) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .feed-card-topbar [class*="bg-[rgba"],
html[data-theme="dark"] [data-feed-card] .feed-route-stats {
    background: rgba(4, 10, 20, .78) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

html[data-theme="dark"] .messenger-page,
html[data-theme="dark"] body.page-messages {
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 122, 26, .1), transparent 34%),
        linear-gradient(180deg, #08111f, #050b14) !important;
}

html[data-theme="dark"] .messenger-shell,
html[data-theme="dark"] #messenger-nav,
html[data-theme="dark"] #sidebar-container,
html[data-theme="dark"] #chat-window,
html[data-theme="dark"] #chat-info-panel,
html[data-theme="dark"] .sidebar-header,
html[data-theme="dark"] .chat-composer {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(12, 21, 36, .9) !important;
    color: var(--tropa-dark-text);
}

html[data-theme="dark"] #messages-container {
    background:
        radial-gradient(circle at 22% 10%, rgba(255, 122, 26, .08), transparent 30%),
        linear-gradient(180deg, #0b1626 0%, #08111f 100%) !important;
}

html[data-theme="dark"] .chat-item {
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .chat-item:hover,
html[data-theme="dark"] .chat-item.is-selected,
html[data-theme="dark"] .messenger-nav-item:hover,
html[data-theme="dark"] .messenger-nav-item.is-active,
html[data-theme="dark"] .messenger-chip.is-active {
    background: rgba(255, 122, 26, .12) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .messenger-chip {
    background: rgba(15, 23, 42, .76) !important;
    color: #a9b8ca !important;
}

html[data-theme="dark"] [id^="msg-wrapper-"] .bg-white {
    background: rgba(17, 27, 43, .94) !important;
}

html[data-theme="dark"] [id^="msg-wrapper-"] .bg-\[\#eeffde\] {
    background: linear-gradient(135deg, rgba(64, 108, 48, .95), rgba(38, 83, 51, .95)) !important;
    color: #f2ffe9 !important;
}

html[data-theme="dark"] .messenger-share-card {
    border-color: rgba(148, 163, 184, .16) !important;
    background: linear-gradient(180deg, rgba(18, 29, 46, .96), rgba(12, 21, 36, .96)) !important;
}

html[data-theme="dark"] .composer-plus-btn,
html[data-theme="dark"] .composer-emoji-btn {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #c8d3e1 !important;
}

html[data-theme="dark"] body.page-map {
    background: #07101d !important;
}

html[data-theme="dark"] body.page-map .site-topbar,
html[data-theme="dark"] body.page-map .site-topbar > div:nth-child(2),
html[data-theme="dark"] .map-page-wrapper #search-wrapper,
html[data-theme="dark"] .map-page-wrapper #search-suggestions,
html[data-theme="dark"] .map-page-wrapper #map-mode-controls,
html[data-theme="dark"] .map-page-wrapper #left-collection-menu,
html[data-theme="dark"] .map-page-wrapper #planner-sidebar,
html[data-theme="dark"] .map-page-wrapper #copilot-panel,
html[data-theme="dark"] .map-page-wrapper #planner-assistant-panel,
html[data-theme="dark"] .map-page-wrapper #layer-switcher-menu,
html[data-theme="dark"] .map-page-wrapper #poi-filter-menu,
html[data-theme="dark"] .map-page-wrapper #route-card,
html[data-theme="dark"] .map-page-wrapper #collection-shell,
html[data-theme="dark"] .map-page-wrapper #radar-sidebar,
html[data-theme="dark"] .map-page-wrapper .map-controls-panel,
html[data-theme="dark"] .maplibregl-popup-content {
    border-color: rgba(148, 163, 184, .18) !important;
    background: rgba(12, 21, 36, .9) !important;
    color: var(--tropa-dark-text) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] body.page-map .site-topbar > div:nth-child(2) a {
    color: #a9b8ca !important;
}

html[data-theme="dark"] body.page-map .site-topbar > div:nth-child(2) a:hover,
html[data-theme="dark"] body.page-map .site-topbar > div:nth-child(2) a.bg-white {
    background: rgba(255, 255, 255, .07) !important;
    color: #ff9a4a !important;
}

html[data-theme="dark"] .map-page-wrapper #map-mode-controls .bg-orange-500,
html[data-theme="dark"] .map-page-wrapper #map-mode-controls [class*="bg-orange"] {
    color: #fff !important;
}

html[data-theme="dark"] #map {
    background: #08111f !important;
}

html[data-theme="dark"] .community-hero-card {
    background: #0d1727 !important;
}

html[data-theme="dark"] .community-hero-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(5, 11, 20, .02), rgba(5, 11, 20, .32));
}

html[data-theme="dark"] .community-hero-pill,
html[data-theme="dark"] .community-hero-stat,
html[data-theme="dark"] .profile-route-experience__tab,
html[data-theme="dark"] .profile-route-experience__all {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .76) !important;
    color: #c8d3e1 !important;
}

html[data-theme="dark"] .community-detail-tabs {
    background: rgba(10, 18, 32, .7) !important;
    border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme="dark"] .community-detail-tabs a.is-active,
html[data-theme="dark"] .profile-route-experience__tab.is-active {
    background: #f8fafc !important;
    color: #07101d !important;
}

html[data-theme="dark"] .post-content {
    color: #d8e2ee !important;
}

html[data-theme="dark"] .post-content :where(h1, h2, h3, h4, strong) {
    color: #f8fafc !important;
}

html[data-theme="dark"] .post-content :where(p, li) {
    color: #c8d3e1 !important;
}

html[data-theme="dark"] .route-story-block-bound.route-story-block-active {
    border: 1px solid rgba(255, 122, 26, .24) !important;
    background:
        linear-gradient(180deg, rgba(255, 122, 26, .13), rgba(12, 21, 36, .82)) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .34), 0 0 34px rgba(255, 122, 26, .10) !important;
}

html[data-theme="dark"] .route-story-map-link-badge {
    border-color: rgba(255, 122, 26, .34) !important;
    background: rgba(15, 23, 42, .82) !important;
    color: #ff9a4a !important;
    box-shadow: var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .route-story-nav-link,
html[data-theme="dark"] .article-route-map-panel,
html[data-theme="dark"] .comment-body-wrapper {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .76) !important;
}

html[data-theme="dark"] .post-detail-main :where([class*="bg-orange-50/"], [class*="bg-gray-50/"]),
html[data-theme="dark"] #route-story-nav,
html[data-theme="dark"] #comment-route-panel,
html[data-theme="dark"] .comment-edit-form {
    border-color: rgba(255, 122, 26, .2) !important;
    background:
        linear-gradient(180deg, rgba(255, 122, 26, .12), rgba(15, 23, 42, .78)) !important;
    color: var(--tropa-dark-text-soft) !important;
}

html[data-theme="dark"] .post-detail-main :where([class*="bg-orange-50/"], [class*="bg-gray-50/"]) p:not([class*="text-orange"]),
html[data-theme="dark"] #route-story-nav p,
html[data-theme="dark"] #comment-route-panel p {
    color: #d8e2ee !important;
}

html[data-theme="dark"] .tropa-video-player,
html[data-theme="dark"] .post-media-frame {
    background: #050b14 !important;
    border-color: rgba(148, 163, 184, .14) !important;
}

html[data-theme="dark"] .profile-gradient {
    background: linear-gradient(135deg, #ff7a1a 0%, #c2410c 100%) !important;
}

html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .community-detail-page,
html[data-theme="dark"] .community-settings-page {
    color: var(--tropa-dark-text);
}

html[data-theme="dark"] .profile-page :where(.rounded-\[32px\], .rounded-\[28px\], .rounded-\[24px\]).bg-white,
html[data-theme="dark"] .profile-travel-map,
html[data-theme="dark"] .profile-travel-map__empty,
html[data-theme="dark"] .profile-events-card,
html[data-theme="dark"] .profile-current-event,
html[data-theme="dark"] .profile-event-row,
html[data-theme="dark"] .profile-route-empty,
html[data-theme="dark"] .profile-route-experience,
html[data-theme="dark"] .profile-tabs-bar,
html[data-theme="dark"] #profile-awards,
html[data-theme="dark"] #profile-awards .bg-white,
html[data-theme="dark"] .profile-page aside > div {
    border-color: rgba(148, 163, 184, .16) !important;
    background:
        linear-gradient(180deg, rgba(18, 29, 46, .92), rgba(10, 18, 32, .9)) !important;
    color: var(--tropa-dark-text) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32), var(--tropa-dark-inner) !important;
}

html[data-theme="dark"] .profile-travel-map__map-shell {
    border-color: rgba(148, 163, 184, .18) !important;
    background: #0b1626 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 18px 45px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] .profile-travel-map__map-badge {
    border-color: rgba(148, 163, 184, .2) !important;
    background: rgba(15, 23, 42, .82) !important;
    color: #dbeafe !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .3) !important;
}

html[data-theme="dark"] .profile-travel-map__title,
html[data-theme="dark"] .profile-travel-map__places-title,
html[data-theme="dark"] .profile-travel-map__empty-title,
html[data-theme="dark"] .profile-route-empty__title,
html[data-theme="dark"] .profile-travel-stat__value,
html[data-theme="dark"] .profile-header-name,
html[data-theme="dark"] .profile-header-stat strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-page .profile-route-experience__title,
html[data-theme="dark"] .profile-page .profile-travel-map__title,
html[data-theme="dark"] .profile-page .profile-events-card__header h2,
html[data-theme="dark"] .profile-page #profile-photos > div:first-child h3,
html[data-theme="dark"] .profile-page #profile-posts > div:first-child h3,
html[data-theme="dark"] .profile-page #profile-awards > div:first-child h3,
html[data-theme="dark"] .profile-page #profile-communities > div:first-child h3,
html[data-theme="dark"] .profile-page aside > div > h3,
html[data-theme="dark"] .profile-page aside > div > .flex h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-travel-map__summary,
html[data-theme="dark"] .profile-travel-map__empty-text,
html[data-theme="dark"] .profile-route-empty__text,
html[data-theme="dark"] .profile-travel-stat__label,
html[data-theme="dark"] .profile-header-bio,
html[data-theme="dark"] .profile-header-stat span {
    color: #9fb0c4 !important;
}

html[data-theme="dark"] .profile-travel-map__all,
html[data-theme="dark"] .profile-travel-map__filter,
html[data-theme="dark"] .profile-travel-map__place,
html[data-theme="dark"] .profile-travel-map__empty-action,
html[data-theme="dark"] .profile-travel-stat,
html[data-theme="dark"] .profile-header-stat {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .76) !important;
    color: #c8d3e1 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .profile-header-meta {
    color: #fb923c !important;
}

html[data-theme="dark"] .profile-header-city {
    color: #9fb0c4 !important;
}

html[data-theme="dark"] .profile-header-meta span {
    color: rgba(148, 163, 184, .65) !important;
}

html[data-theme="dark"] .profile-verified-badge {
    background-color: #fb923c !important;
}

html[data-theme="dark"] .profile-header-stats {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .76) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .profile-header-stat {
    border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme="dark"] .profile-header-stat-icon {
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-header-level-card {
    border-color: rgba(251, 146, 60, .32) !important;
    background: rgba(251, 146, 60, .13) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .profile-header-level-card > div:nth-child(1) {
    color: #fb923c !important;
}

html[data-theme="dark"] .profile-header-level-card > div:nth-child(2) {
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-header-level-card > div:nth-child(3),
html[data-theme="dark"] .profile-header-level-card > div:nth-child(4) {
    color: #9fb0c4 !important;
}

html[data-theme="dark"] .profile-header-level-card > div:nth-child(5) {
    background: rgba(251, 146, 60, .18) !important;
}

html[data-theme="dark"] .profile-header-badge--level {
    border-color: rgba(251, 146, 60, .38) !important;
    background: rgba(251, 146, 60, .16) !important;
    color: #fff7ed !important;
}

html[data-theme="dark"] .profile-header-badge--orange,
html[data-theme="dark"] .profile-header-badge--green,
html[data-theme="dark"] .profile-header-badge--blue,
html[data-theme="dark"] .profile-header-badge--gray {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(15, 23, 42, .68) !important;
    color: #c8d3e1 !important;
}

html[data-theme="dark"] .profile-travel-map__filter.is-active,
html[data-theme="dark"] .profile-travel-map__empty-action--dark,
html[data-theme="dark"] .profile-route-empty__action {
    border-color: rgba(255, 122, 26, .38) !important;
    background: linear-gradient(135deg, #ff7a1a, #ff5722) !important;
    color: #fff !important;
}

html[data-theme="dark"] .profile-page .quick-post-card .quick-post-action-row {
    border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme="dark"] .profile-page .quick-post-card #quick-text-input,
html[data-theme="dark"] .quick-post-card #quick-text-input {
    color: var(--tropa-dark-text) !important;
    caret-color: #ff9a4a;
}

html[data-theme="dark"] .profile-page .quick-post-card #char-counter,
html[data-theme="dark"] .quick-post-card #char-counter {
    color: #8fa1b8 !important;
}

html[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, .28);
}

html[data-theme="dark"] img[data-progressive-image="true"]:not(.progressive-image-loaded):not(.progressive-image-error) {
    background-color: #111827;
    filter: blur(18px) saturate(.78) brightness(.82);
}

html[data-theme="dark"] .maplibregl-popup.map-context-popup .maplibregl-popup-content {
    border-color: rgba(148, 163, 184, .22) !important;
    background: rgba(15, 23, 42, .94) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .maplibregl-popup.map-context-popup .maplibregl-popup-close-button {
    border-color: rgba(148, 163, 184, .2) !important;
    background: rgba(30, 41, 59, .9) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .maplibregl-popup.map-context-popup .maplibregl-popup-close-button:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

html[data-theme="dark"] .tt-map-popup-title h3,
html[data-theme="dark"] .tt-map-popup-row__body b,
html[data-theme="dark"] .tt-map-popup-coords span,
html[data-theme="dark"] .tt-map-coords-card__body b {
    color: #f8fafc !important;
}

html[data-theme="dark"] .tt-map-popup-title p,
html[data-theme="dark"] .tt-map-popup-row__body span,
html[data-theme="dark"] .tt-map-popup-coords small,
html[data-theme="dark"] .tt-map-coords-card__body small {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .tt-map-popup-divider {
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, .2), transparent) !important;
}

html[data-theme="dark"] .tt-map-popup-row + .tt-map-popup-row {
    border-top-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="dark"] .tt-map-popup-icon,
html[data-theme="dark"] .tt-map-popup-row__icon,
html[data-theme="dark"] .tt-map-coords-card {
    border-color: rgba(148, 163, 184, .16) !important;
    background: rgba(30, 41, 59, .72) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

html[data-theme="dark"] .tt-map-popup-title span {
    background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="dark"] .tt-map-popup-anchor-badge {
    border-color: rgba(15, 23, 42, .98) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .42) !important;
}

html[data-theme="dark"] .tt-map-popup-anchor-badge::before {
    background: rgba(15, 23, 42, .94) !important;
}

@media (max-width: 767px) {
    html[data-theme="dark"] .site-topbar {
        background: rgba(12, 21, 36, .9) !important;
    }

    html[data-theme="dark"] .mobile-site-search-panel {
        background: rgba(12, 21, 36, .96) !important;
    }
}