*,
        *::before,
        *::after {
            box-sizing: border-box;
        }
        html,
        body {
            max-width: 100%;
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F9FAFB;
            padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
        }
        @media (max-width: 767px) {
            html,
            body {
                touch-action: pan-x pan-y;
            }

            input,
            textarea,
            select {
                font-size: 16px !important;
            }
        }
        @view-transition {
            navigation: auto;
        }
        ::view-transition-old(root),
        ::view-transition-new(root) {
            animation-duration: .18s;
            animation-timing-function: cubic-bezier(.2, .8, .2, 1);
        }
        .site-main-offset {
            transition: opacity .16s ease, transform .16s cubic-bezier(.2, .8, .2, 1), filter .16s ease;
        }
        html.app-tab-ready .site-main-offset {
            animation: appPageEnter .22s cubic-bezier(.2, .8, .2, 1);
        }
        html.app-tab-leaving .site-main-offset {
            opacity: .34;
            transform: translateY(6px) scale(.997);
            filter: saturate(.92);
            pointer-events: none;
        }
        html.app-tab-leaving body {
            cursor: progress;
        }
        .site-primary-tabs a.app-tab-pending {
            background: #fff7ed !important;
            color: #f97316 !important;
            box-shadow: 0 10px 24px rgba(249, 115, 22, .14);
        }
        #mobile-bottom-nav a.app-tab-pending .nav-icon-bg {
            color: #f97316 !important;
            background: #fff7ed !important;
            transform: translateY(-1px) scale(1.04);
        }
        #mobile-bottom-nav a.app-tab-pending span:last-child {
            color: #f97316 !important;
        }
        @keyframes appPageEnter {
            from {
                opacity: .72;
                filter: saturate(.94);
            }
            to {
                opacity: 1;
                filter: saturate(1);
            }
        }
        @media (prefers-reduced-motion: reduce) {
            ::view-transition-old(root),
            ::view-transition-new(root) {
                animation-duration: 1ms;
            }
            .site-main-offset {
                transition: none !important;
                animation: none !important;
            }
            html.app-tab-leaving .site-main-offset {
                opacity: 1;
                transform: none;
                filter: none;
            }
        }
        @media (min-width: 768px) {
            body { padding-bottom: 0; }
        }
        img[data-progressive-image="true"] {
            background-color: #eef2f7;
            background-image:
                linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,0) 42%),
                linear-gradient(110deg, #eef2f7 0%, #f8fafc 48%, #e8edf4 100%);
            transition-property: opacity, filter, transform;
            transition-duration: .68s, .68s, .5s;
            transition-timing-function: cubic-bezier(.2, .8, .2, 1);
            will-change: opacity, filter;
        }

        img[data-progressive-image="true"]:not(.progressive-image-loaded):not(.progressive-image-error) {
            opacity: .72;
            filter: blur(18px) saturate(.92);
        }

        img[data-progressive-image="true"].progressive-image-error {
            opacity: .62;
            filter: grayscale(.16) saturate(.86);
        }

        @media (prefers-reduced-motion: reduce) {
            img[data-progressive-image="true"] {
                transition: none !important;
                will-change: auto;
            }

            img[data-progressive-image="true"]:not(.progressive-image-loaded):not(.progressive-image-error) {
                filter: blur(6px);
            }
        }
        .orange-accent { color: #FF5722; }
        .bg-orange-accent { background-color: #FF5722; }

        .nav-item-active .nav-icon-bg {
            background-color: #111827;
            color: #fff;
        }
        .nav-item-active span {
            color: #111827;
        }

        #userDropdown.show { display: block; animation: fadeIn 0.2s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
        body > .fixed.inset-0[id*="modal"],
        body > .fixed.inset-0[id*="Modal"],
        body > .fixed.inset-0#chat-profile-overlay {
            z-index: 10000 !important;
        }
        .create-menu-panel {
            opacity: 0;
            transform: translateY(-6px) scale(0.98);
            pointer-events: none;
        }
        .create-menu-wrap:hover .create-menu-panel,
        .create-menu-wrap:focus-within .create-menu-panel,
        .create-menu-wrap.create-menu-open .create-menu-panel {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        [data-feed-card] {
            box-shadow: 0 18px 42px rgba(55, 47, 39, 0.08);
            border-color: rgba(255,255,255,.78) !important;
        }

        @media (min-width: 768px) {
            [data-feed-card] {
                border-radius: 30px !important;
            }

            [data-feed-card]:hover {
                transform: translateY(-3px);
                box-shadow: 0 30px 80px rgba(43, 34, 27, 0.16);
            }
        }

        [data-feed-card] .feed-card-body {
            background: linear-gradient(180deg, #fff 0%, #fffdfb 100%);
        }

        [data-feed-card] .feed-route-stats {
            color: #fff;
            border-color: rgba(255,255,255,.22) !important;
            background: rgba(28, 24, 19, .76) !important;
            box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.18) !important;
            backdrop-filter: blur(18px);
        }

        [data-feed-card] .feed-route-stats p:first-child {
            color: rgba(255,255,255,.62) !important;
        }

        [data-feed-card] .feed-route-stats p:last-child,
        [data-feed-card] .feed-route-stats p:last-child span {
            color: #fff !important;
        }

        [data-feed-card] .feed-route-stats span[style*="mask"] {
            background-color: #ffb26f !important;
        }

        [data-feed-card] .feed-route-stats .md\:border-l {
            border-color: rgba(255,255,255,.16) !important;
        }

        [data-feed-card] .feed-route-stats-wrap--mobile {
            display: none;
        }

        [data-feed-card] .feed-action-btn {
            border-color: #ece4dc;
            background: #fffdf9;
            box-shadow: 0 8px 20px rgba(72, 54, 39, .05);
        }

        [data-feed-card] .feed-action-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 26px rgba(72, 54, 39, .1);
        }

        @media (min-width: 768px) {
            [data-feed-card] .feed-card-actions [data-like-post-id] {
                width: 72px !important;
                min-width: 72px !important;
                max-width: 72px !important;
                height: 40px !important;
                min-height: 40px !important;
                max-height: 40px !important;
                padding: 0 7px !important;
                flex: 0 0 72px !important;
                gap: 4px !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .like-icon {
                width: 16px !important;
                height: 16px !important;
                flex: 0 0 16px !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars {
                display: inline-flex !important;
                width: 18px !important;
                min-width: 18px !important;
                max-width: 18px !important;
                overflow: hidden !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars img {
                width: 18px !important;
                height: 18px !important;
                flex: 0 0 18px !important;
                box-shadow: 0 3px 8px rgba(43,34,27,.12) !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars img:not(:first-child) {
                display: none !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .like-count {
                margin: 0 !important;
                font-size: 12px !important;
                line-height: 1 !important;
            }
        }

        .feed-social-proof {
            color: #7d7368;
        }

        .feed-social-proof img {
            box-shadow: 0 0 0 2px #fffdfb;
        }

        .site-topbar {
            position: fixed;
            top: 12px;
            left: 50%;
            right: auto;
            width: min(calc(100vw - 24px), 1280px);
            transform: translateX(-50%);
            transform-origin: center top;
            z-index: 120;
        }

        .site-main-offset {
            padding-top: 92px;
        }

        @media (min-width: 768px) {
            .site-topbar {
                top: 14px;
                width: min(calc(100vw - 48px), 1320px);
                height: 64px !important;
                min-height: 64px;
                padding-left: 18px !important;
                padding-right: 18px !important;
                gap: 14px;
                border-radius: 26px !important;
                border-color: rgba(230, 234, 240, .9) !important;
                background: rgba(255, 255, 255, .9) !important;
                box-shadow: 0 14px 38px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .035) !important;
                backdrop-filter: blur(22px) saturate(1.14);
                -webkit-backdrop-filter: blur(22px) saturate(1.14);
                -webkit-font-smoothing: antialiased;
                text-rendering: geometricPrecision;
            }

            .site-main-offset {
                padding-top: 94px;
            }

            .site-topbar-left {
                min-width: 0;
                flex: 0 1 390px;
                gap: 14px !important;
                justify-content: flex-start;
            }

            .site-logo-link {
                flex: 0 0 150px;
                width: 150px;
                padding: 6px 8px;
                margin: -6px 0 -6px -8px;
                overflow: visible;
            }

            .site-logo-link .site-logo-img {
                width: 126px !important;
                height: auto !important;
                max-width: 126px;
                aspect-ratio: 1800 / 550;
                object-fit: contain;
            }

            .site-desktop-search {
                display: flex;
                flex: 0 1 clamp(210px, 18vw, 290px);
                width: clamp(210px, 18vw, 290px);
                min-width: 0;
                height: 40px;
                padding-top: 0;
                padding-bottom: 0;
                align-self: center;
                align-items: center;
                box-sizing: border-box;
            }

            #desktop-search-input {
                display: block;
                width: 100% !important;
                height: 40px;
                min-height: 40px;
                border-radius: 999px !important;
                border-color: #e6eaf0 !important;
                background: #f8fafc !important;
                padding-left: 46px !important;
                padding-right: 16px !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                font-size: 13.5px;
                font-weight: 540;
                line-height: 40px;
                letter-spacing: 0;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 2px rgba(15, 23, 42, .03);
            }

            #desktop-search-input::placeholder {
                color: #98a2b3;
                font-weight: 540;
            }

            #desktop-search-input:focus {
                width: 100% !important;
                border-color: rgba(255, 106, 26, .34) !important;
                box-shadow: 0 0 0 3px rgba(255, 106, 26, .11), 0 10px 26px rgba(15, 23, 42, .07);
            }

            #desktop-search-dropdown {
                min-width: min(340px, calc(100vw - 32px)) !important;
                border-radius: 22px !important;
                box-shadow: 0 22px 48px rgba(15, 23, 42, .14) !important;
            }

            @media (min-width: 1024px) {
                .site-desktop-search {
                    display: flex !important;
                }
            }

            .site-primary-tabs {
                height: 44px;
                gap: 0 !important;
                padding: 3px !important;
                border-radius: 22px !important;
                border-color: #e6eaf0 !important;
                background: rgba(248, 250, 252, .88) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
            }

            .site-primary-tabs a {
                position: relative;
                min-width: 92px;
                height: 38px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 19px !important;
                padding: 0 14px !important;
                color: #344054 !important;
                font-size: 13.5px !important;
                font-weight: 620 !important;
                letter-spacing: 0;
                white-space: nowrap;
            }

            .site-primary-tabs a:hover {
                color: #111827 !important;
                background: rgba(255, 255, 255, .74) !important;
            }

            .site-primary-tabs a.bg-white {
                color: #ff6a1a !important;
                background: #fff !important;
                font-weight: 680 !important;
                box-shadow: 0 10px 22px rgba(15, 23, 42, .075), 0 0 0 1px rgba(230, 234, 240, .72);
            }

            .site-primary-tabs a.bg-white::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -6px;
                width: 28px;
                height: 2px;
                border-radius: 999px;
                background: #ff6a1a;
                transform: translateX(-50%);
                box-shadow: 0 5px 12px rgba(255, 106, 26, .24);
            }

            .site-topbar-actions {
                flex: 0 0 auto;
                min-width: 0;
                gap: 8px !important;
            }

            .site-action-button {
                width: 44px;
                height: 44px;
                align-items: center;
                justify-content: center;
                border-radius: 18px;
                border: 1px solid #e6eaf0;
                background: rgba(255, 255, 255, .92);
                color: #0b1220;
                box-shadow: 0 7px 18px rgba(15, 23, 42, .05);
                transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
            }

            .site-action-button svg {
                width: 18px;
                height: 18px;
            }

            .site-action-button:hover,
            .site-action-button.is-active {
                border-color: rgba(255, 106, 26, .28);
                background: #fff7ed;
                color: #ff6a1a;
                box-shadow: 0 14px 32px rgba(255, 106, 26, .14);
                transform: translateY(-1px);
            }

            .site-create-button {
                height: 44px !important;
                padding-left: 20px !important;
                padding-right: 20px !important;
                border-radius: 22px !important;
                background: linear-gradient(135deg, #ff7a1a 0%, #ff4f22 100%) !important;
                box-shadow: 0 13px 28px rgba(255, 87, 34, .24) !important;
                color: #fff !important;
                text-transform: none;
                letter-spacing: 0;
                font-size: 14px !important;
                font-weight: 720 !important;
            }

            .site-create-button svg {
                width: 16px;
                height: 16px;
            }

            .site-create-button:hover {
                transform: translateY(-1px);
                box-shadow: 0 17px 34px rgba(255, 87, 34, .30) !important;
            }

            .site-create-menu-item {
                min-height: 58px;
            }

            .site-create-menu-item > span:first-child {
                width: 38px;
                height: 38px;
                border-radius: 16px;
                background: #fff7ed !important;
            }

            .site-create-menu-item > span:last-child {
                display: flex;
                min-width: 0;
                flex-direction: column;
                gap: 3px;
                line-height: 1.05;
            }

            .site-create-menu-item strong {
                color: #101828;
                font-size: 13px;
                font-weight: 720;
            }

            .site-create-menu-item small {
                color: #98a2b3;
                font-size: 10px;
                font-weight: 600;
            }

            .site-create-menu-item:hover strong,
            .site-create-menu-item:hover small {
                color: #ff6a1a;
            }

            .site-profile-button {
                min-height: 44px;
                border-radius: 20px !important;
                border-color: #e6eaf0 !important;
                background: rgba(255, 255, 255, .92) !important;
                box-shadow: 0 7px 18px rgba(15, 23, 42, .05);
            }

            .site-profile-button > span:first-child {
                width: 30px;
                height: 30px;
            }
        }

        @media (min-width: 768px) and (max-width: 1240px) {
            .site-topbar {
                width: min(calc(100vw - 24px), 1240px);
                padding-left: 14px !important;
                padding-right: 14px !important;
                gap: 12px;
            }

            .site-topbar-left {
                flex-basis: 360px;
                gap: 12px !important;
            }

            .site-logo-link {
                flex-basis: 130px;
                width: 130px;
                margin-right: 0;
            }

            .site-logo-link .site-logo-img {
                width: 112px !important;
                height: auto !important;
                max-width: 112px;
            }

            .site-desktop-search {
                flex-basis: 210px;
                width: 210px;
                height: 40px;
                padding-top: 0;
                padding-bottom: 0;
                align-self: center;
            }

            #desktop-search-input {
                font-size: 13px;
            }

            #desktop-search-input:focus {
                width: 100% !important;
            }

            .site-primary-tabs a {
                min-width: 82px;
                padding-left: 12px !important;
                padding-right: 12px !important;
                font-size: 13px !important;
                font-weight: 600 !important;
            }

            .site-create-button {
                padding-left: 16px !important;
                padding-right: 16px !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1100px) {
            .site-desktop-search {
                display: none !important;
            }

            .site-primary-tabs a {
                min-width: 80px;
            }
        }

        @media (min-width: 768px) and (max-width: 980px) {
            .site-primary-tabs {
                position: static !important;
                transform: none !important;
            }

            .site-create-button span {
                display: none;
            }
        }

        @media (max-width: 767px) {
            body.page-messages .site-main-offset {
                padding-top: 0;
            }

            body.page-mobile-no-topbar .site-topbar {
                display: none !important;
            }

            body.page-mobile-no-topbar .site-main-offset {
                padding-top: 0;
            }

            .site-topbar {
                transition: transform .24s ease, opacity .24s ease;
                will-change: transform, opacity;
            }

            .site-topbar.site-topbar--hidden {
                transform: translateX(-50%) translateY(-120%);
                opacity: 0;
                pointer-events: none;
            }

            #mobile-bottom-nav > div {
                display: grid !important;
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
                justify-items: center !important;
                align-items: center !important;
                gap: 0 !important;
                padding-left: 6px !important;
                padding-right: 6px !important;
            }

            #mobile-bottom-nav {
                bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
            }

            #mobile-bottom-nav a {
                width: 100% !important;
                min-width: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                color: #111827 !important;
            }

            #mobile-bottom-nav .nav-icon-bg {
                color: #111827 !important;
                background: transparent;
                border-radius: 999px !important;
            }

            #mobile-bottom-nav a span:last-child {
                color: #111827 !important;
                font-size: 8px !important;
                line-height: 1 !important;
                max-width: 100% !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                letter-spacing: 0 !important;
            }

            #mobile-bottom-nav .nav-item-active .nav-icon-bg {
                color: #f97316 !important;
                background: #fff7ed !important;
            }

            #mobile-bottom-nav a:hover .nav-icon-bg,
            #mobile-bottom-nav a:active .nav-icon-bg {
                color: #f97316 !important;
                background: #fff7ed !important;
            }

            #mobile-bottom-nav a:hover span:last-child,
            #mobile-bottom-nav a:active span:last-child,
            #mobile-bottom-nav .nav-item-active span:last-child {
                color: #f97316 !important;
            }

            .mobile-floating-contact-buttons {
                position: fixed;
                right: 1rem;
                bottom: calc(6.4rem + env(safe-area-inset-bottom, 0px));
                z-index: 130;
                display: flex;
                flex-direction: column;
                gap: .5rem;
            }

            .mobile-floating-contact-buttons[hidden] {
                display: none !important;
            }

            .mobile-create-menu-wrap {
                right: max(16px, env(safe-area-inset-right, 0px)) !important;
                bottom: calc(6.2rem + env(safe-area-inset-bottom, 0px)) !important;
                display: block !important;
                z-index: 135;
            }

            .mobile-create-button {
                width: 56px !important;
                height: 56px !important;
                min-width: 56px !important;
                min-height: 56px !important;
                padding: 0 !important;
                border: 0 !important;
                border-radius: 999px !important;
                background: linear-gradient(135deg, #ff7a1a 0%, #ff4f22 100%) !important;
                color: #fff !important;
                box-shadow: 0 18px 38px rgba(255, 87, 34, .32), inset 0 1px rgba(255, 255, 255, .35) !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .mobile-create-button svg {
                width: 24px !important;
                height: 24px !important;
                transition: transform .2s ease;
            }

            .mobile-create-menu-wrap.create-menu-open .mobile-create-button svg {
                transform: rotate(45deg);
            }

            .mobile-create-menu-panel {
                position: absolute;
                right: 0;
                bottom: calc(100% + 12px);
                width: min(calc(100vw - 32px), 300px);
                max-height: min(68vh, 430px);
                overflow-y: auto;
                border: 1px solid rgba(226, 232, 240, .95);
                border-radius: 24px;
                background: rgba(255, 255, 255, .96);
                padding: 8px;
                box-shadow: 0 26px 70px rgba(15, 23, 42, .22);
                backdrop-filter: blur(18px);
                transform-origin: bottom right;
                opacity: 0 !important;
                transform: translateY(8px) scale(.98) !important;
                pointer-events: none !important;
            }

            .mobile-create-menu-wrap.create-menu-open .mobile-create-menu-panel {
                opacity: 1 !important;
                transform: translateY(0) scale(1) !important;
                pointer-events: auto !important;
            }

            .mobile-create-menu-item {
                min-height: 54px;
                display: flex !important;
                align-items: center !important;
                gap: 12px !important;
                padding: 9px 10px !important;
                border-radius: 18px !important;
                color: #344054 !important;
                text-decoration: none !important;
            }

            .mobile-create-menu-item > span:first-child {
                width: 36px;
                height: 36px;
                flex: 0 0 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 15px;
                background: #fff7ed;
                color: #f97316;
            }

            .mobile-create-menu-item > span:last-child {
                min-width: 0;
                display: flex;
                flex-direction: column;
                gap: 3px;
                line-height: 1.05;
            }

            .mobile-create-menu-item strong {
                color: #101828;
                font-size: 13px;
                font-weight: 800;
            }

            .mobile-create-menu-item small {
                color: #98a2b3;
                font-size: 10px;
                font-weight: 650;
            }

            .mobile-create-menu-item:active {
                background: #fff7ed !important;
                color: #f97316 !important;
            }

            body.page-map .mobile-floating-contact-buttons,
            body.page-messages .mobile-floating-contact-buttons,
            body.page-post-detail .mobile-floating-contact-buttons,
            body:has(#post-detail-article) .mobile-floating-contact-buttons {
                display: none !important;
            }

            [data-feed-card] {
                margin: 0 0 18px !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                background: #fffdf9 !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center:first-child,
            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > a,
            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > div,
            [data-feed-card] .feed-action-btn,
            #mobile-bottom-nav .nav-icon-bg {
                transition: transform .28s cubic-bezier(.2,.8,.2,1), background .28s ease, color .28s ease, box-shadow .28s ease;
            }

            [data-feed-card] > div,
            [data-feed-card] > div > div.overflow-hidden {
                border-radius: 0 !important;
            }

            [data-feed-card] > div > .relative > a.block.relative {
                aspect-ratio: 16 / 9 !important;
                overflow: hidden !important;
            }

            [data-feed-card] > div > .relative > a.block.relative img {
                transform: scale(1.035);
                transition: transform .8s cubic-bezier(.2,.8,.2,1);
            }

            [data-feed-card] .feed-card-topbar {
                padding: 12px 12px 46px !important;
                gap: 8px !important;
            }

            [data-feed-card] .feed-card-avatar {
                width: 38px !important;
                height: 38px !important;
            }

            [data-feed-card] .feed-card-level {
                width: 19px !important;
                height: 19px !important;
                font-size: 8px !important;
            }

            [data-feed-card] .feed-card-topbar p:first-child {
                font-size: 11px !important;
            }

            [data-feed-card] .feed-card-topbar p:last-child,
            [data-feed-card] .feed-card-topbar a {
                font-size: 9px !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end {
                gap: 5px !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > a,
            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > div:not(.post-options-container) {
                display: none !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > a,
            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > div {
                height: 26px !important;
                min-height: 26px !important;
                padding: 3px 7px !important;
                font-size: 7px !important;
                letter-spacing: 0 !important;
                border-radius: 999px !important;
                border: 1px solid rgba(255,255,255,.12) !important;
                background: rgba(15,15,15,.35) !important;
                backdrop-filter: blur(6px) !important;
                -webkit-backdrop-filter: blur(6px) !important;
                box-shadow: none !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > .post-options-container {
                width: auto !important;
                height: 26px !important;
                min-height: 0 !important;
                min-width: 30px !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > .post-options-container > button {
                width: 30px !important;
                min-width: 30px !important;
                max-width: 30px !important;
                height: 26px !important;
                min-height: 26px !important;
                max-height: 26px !important;
                padding: 0 !important;
                border-radius: 999px !important;
                border: 1px solid rgba(255,255,255,.12) !important;
                background: rgba(15,15,15,.35) !important;
                box-shadow: none !important;
                backdrop-filter: blur(6px) !important;
                -webkit-backdrop-filter: blur(6px) !important;
            }

            [data-feed-card] .feed-card-topbar > .flex.items-center.justify-end > .post-options-container > button svg {
                width: 12px !important;
                height: 12px !important;
            }

            [data-feed-card] .feed-card-topbar .post-options-dropdown {
                min-width: 156px !important;
                width: 156px !important;
                border-radius: 16px !important;
                padding-top: 6px !important;
                padding-bottom: 6px !important;
            }

            [data-feed-card] .feed-card-topbar .post-options-dropdown a,
            [data-feed-card] .feed-card-topbar .post-options-dropdown button {
                min-height: 36px !important;
                padding: 9px 12px !important;
                font-size: 12px !important;
                line-height: 1 !important;
                font-weight: 800 !important;
                white-space: nowrap !important;
            }

            [data-feed-card] .feed-card-topbar .post-options-dropdown svg {
                width: 15px !important;
                height: 15px !important;
            }

            [data-feed-card] .feed-route-stats-wrap,
            [data-feed-card] .feed-route-stats-wrap--floating {
                margin: -27px auto 0 !important;
                padding: 0 !important;
                pointer-events: auto;
                position: relative;
                z-index: 12;
                width: calc(100% - 28px) !important;
                max-width: none !important;
            }

            [data-feed-card] .feed-route-stats-wrap--floating,
            [data-feed-card] .feed-route-stats-wrap--desktop {
                display: block !important;
            }

            [data-feed-card] .feed-route-stats-wrap--mobile {
                display: none !important;
            }

            [data-feed-card] .feed-route-stats {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                border-radius: 18px !important;
                border: 1px solid rgba(255,255,255,.18) !important;
                padding: 8px 10px !important;
                background: rgba(28, 24, 19, .84) !important;
                box-shadow: none !important;
                backdrop-filter: blur(18px) !important;
                -webkit-backdrop-filter: blur(18px) !important;
                color: #fff !important;
            }

            [data-feed-card] .feed-route-stats .grid {
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                align-items: stretch !important;
                gap: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            [data-feed-card] .feed-route-stats .grid > div {
                display: grid !important;
                grid-template-columns: 20px minmax(0, 1fr) !important;
                align-items: center !important;
                justify-content: center !important;
                column-gap: 5px !important;
                min-width: 0 !important;
                width: 100% !important;
                min-height: 38px !important;
                padding: 0 5px !important;
                border-radius: 0 !important;
                background: transparent !important;
                color: #fff !important;
                backdrop-filter: none !important;
                box-shadow: none !important;
                pointer-events: auto;
            }

            [data-feed-card] .feed-route-stats .grid > div + div {
                border-left: 1px solid rgba(255,255,255,.16) !important;
            }

            [data-feed-card] .feed-route-stats .grid > div > div {
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                justify-content: center !important;
                gap: 2px !important;
                min-width: 0 !important;
                width: 100% !important;
                text-align: left !important;
            }

            [data-feed-card] .feed-route-stats .grid > div > span:first-child {
                width: 18px !important;
                height: 18px !important;
                background: #ffb26f !important;
                color: #ffb26f !important;
                font-size: 12px !important;
                margin: 0 !important;
            }

            [data-feed-card] .feed-route-stats p:first-child {
                display: block !important;
                font-size: 6px !important;
                line-height: 1 !important;
                letter-spacing: .03em !important;
                color: rgba(255,255,255,.6) !important;
                white-space: nowrap !important;
            }

            [data-feed-card] .feed-route-stats p:last-child {
                margin: 0 !important;
                font-size: 10px !important;
                color: #fff !important;
                line-height: 1 !important;
                white-space: nowrap !important;
                text-align: left !important;
            }

            [data-feed-card] .feed-route-stats p:last-child span {
                background: transparent !important;
                width: auto !important;
                height: auto !important;
                color: #fff !important;
            }

            [data-feed-card] .feed-card-body {
                padding: 12px 18px 0 !important;
            }

            [data-feed-card] .feed-card-body h3 {
                text-transform: none !important;
                font-size: 22px !important;
                line-height: 1.04 !important;
                margin-bottom: 0 !important;
                letter-spacing: 0 !important;
            }

            [data-feed-card] .feed-card-mobile-meta {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 6px !important;
                margin-bottom: 8px !important;
            }

            [data-feed-card] .feed-card-mobile-meta > a,
            [data-feed-card] .feed-card-mobile-meta > span {
                min-height: 24px !important;
                height: 24px !important;
                padding: 0 8px !important;
                gap: 4px !important;
                border-radius: 999px !important;
                font-size: 8px !important;
                line-height: 1 !important;
                letter-spacing: .02em !important;
            }

            [data-feed-card] .feed-card-mobile-meta svg {
                width: 12px !important;
                height: 12px !important;
            }

            [data-feed-card]:not([data-featured-card]) .feed-card-body {
                padding-top: 12px !important;
            }

            [data-feed-card]:not([data-featured-card]) .feed-card-body h3 {
                font-size: 19px !important;
                line-height: 1.08 !important;
                margin-bottom: 0 !important;
            }

            [data-feed-card]:not([data-featured-card]) .feed-card-body a.block.mt-3 {
                -webkit-line-clamp: 2 !important;
                line-clamp: 2 !important;
            }

            [data-feed-card] .feed-card-body a:last-child {
                font-size: 13px !important;
                line-height: 1.38 !important;
                color: #1c1a17 !important;
                margin-bottom: 0 !important;
            }

            [data-feed-card] .feed-card-body .feed-card-mobile-meta > a:last-child,
            [data-feed-card] .feed-card-body .feed-card-mobile-meta > a,
            [data-feed-card] .feed-card-body .feed-card-mobile-meta > span {
                min-height: 24px !important;
                height: 24px !important;
                padding: 0 8px !important;
                gap: 4px !important;
                border-radius: 999px !important;
                font-size: 8px !important;
                line-height: 1 !important;
                letter-spacing: .02em !important;
                margin-bottom: 0 !important;
            }

            [data-feed-card] .feed-card-mobile-meta [aria-hidden="true"] {
                width: 12px !important;
                height: 12px !important;
                flex: 0 0 12px !important;
            }

            [data-feed-card] .feed-card-body .feed-card-note-meta {
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
                margin-bottom: 8px !important;
            }

            [data-feed-card] .feed-card-body .feed-card-note-meta > a,
            [data-feed-card] .feed-card-body .feed-card-note-meta > span,
            [data-feed-card] .feed-card-body .feed-card-note-meta > a:last-child {
                min-height: 24px !important;
                height: 24px !important;
                max-height: 24px !important;
                padding: 0 8px !important;
                gap: 4px !important;
                border-radius: 999px !important;
                font-size: 8px !important;
                line-height: 1 !important;
                letter-spacing: .02em !important;
                margin: 0 !important;
                color: inherit !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            [data-feed-card] .feed-card-body .feed-card-note-meta > a > span:not([aria-hidden="true"]),
            [data-feed-card] .feed-card-body .feed-card-note-meta > span > span:not([aria-hidden="true"]) {
                font-size: 8px !important;
                line-height: 1 !important;
            }

            [data-feed-card] .feed-card-body .feed-card-note-meta [aria-hidden="true"],
            [data-feed-card] .feed-card-body .feed-card-note-meta svg,
            [data-feed-card] .feed-card-body .feed-card-note-meta img {
                width: 12px !important;
                height: 12px !important;
                flex: 0 0 12px !important;
            }

            [data-feed-card] .feed-social-proof {
                display: none !important;
            }

            [data-feed-card] .feed-action-btn {
                width: 44px !important;
                min-width: 44px !important;
                max-width: 44px !important;
                height: 44px !important;
                min-height: 44px !important;
                max-height: 44px !important;
                padding: 0 !important;
                box-sizing: border-box !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;
                flex: 0 0 44px !important;
            }

            [data-feed-card] .feed-action-btn svg {
                width: 14px !important;
                height: 14px !important;
                flex: 0 0 14px !important;
            }

            [data-feed-card] .feed-action-btn b,
            [data-feed-card] .feed-action-btn span {
                font-size: 11px !important;
                line-height: 1 !important;
                margin: 0 !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] {
                width: auto !important;
                min-width: 44px !important;
                max-width: none !important;
                padding: 0 12px !important;
                flex: 0 0 auto !important;
                gap: 6px !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars {
                display: inline-flex !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars img {
                width: 24px !important;
                height: 24px !important;
                box-shadow: 0 4px 10px rgba(43,34,27,.14) !important;
            }

            [data-feed-card] .feed-card-actions [data-like-post-id] .feed-like-avatars img:not(:first-child) {
                margin-left: -8px !important;
            }

        }

        @media (min-width: 768px) {
            .mobile-floating-contact-buttons {
                display: none !important;
            }
        }

        /* Mobile polish layer: shared fixes for 360-430px screens. */
        @media (max-width: 767px) {
            :root {
                --page-padding: 16px;
                --mobile-page-bottom-clearance: calc(var(--mobile-nav-clearance, 88px) + 12px);
            }

            html,
            body {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
                line-height: 1.45;
            }

            body:not(.page-map):not(.page-messages) {
                padding-bottom: var(--mobile-page-bottom-clearance) !important;
            }

            body.page-map,
            body.page-messages {
                padding-bottom: 0 !important;
            }

            body:not(.page-map):not(.page-messages) .site-main-offset {
                width: 100%;
                max-width: 100%;
                padding-bottom: var(--mobile-page-bottom-clearance);
                overflow-x: clip;
            }

            .site-main-offset,
            .site-main-offset > *,
            .site-main-offset :where(section, article, aside, header, footer, nav, form, fieldset, div) {
                max-width: 100%;
            }

            .site-main-offset * {
                min-width: 0;
            }

            .site-main-offset :where(img, video, canvas, iframe, object, embed) {
                max-width: 100%;
            }

            .site-main-offset :where(video, iframe) {
                width: 100%;
            }

            .site-main-offset iframe {
                border-radius: 18px;
            }

            .site-main-offset :where(table) {
                display: block;
                width: 100%;
                max-width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            .site-main-offset :where(pre, code) {
                max-width: 100%;
                overflow-wrap: anywhere;
                white-space: pre-wrap;
            }

            body:not(.page-map):not(.page-messages) .site-main-offset :is(.w-\[calc\(100\%\+2rem\)\], .w-\[calc\(100\%\+3rem\)\]) {
                width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            .site-main-offset :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
            .mobile-site-search-panel :where(input, textarea, select) {
                min-height: 44px;
                font-size: 16px !important;
                line-height: 1.35;
            }

            .site-main-offset textarea {
                line-height: 1.45;
            }

            .site-main-offset :where(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"]),
            .site-topbar :where(button, a[aria-label]),
            .mobile-floating-contact-buttons :where(a, button) {
                min-height: 44px;
            }

            .site-main-offset :where(button:not(.no-mobile-min-width), input[type="button"], input[type="submit"], input[type="reset"], [role="button"]),
            .site-topbar :where(button, a[aria-label]),
            .mobile-floating-contact-buttons :where(a, button) {
                min-width: 44px;
            }

            #mobile-bottom-nav {
                left: max(12px, env(safe-area-inset-left, 0px)) !important;
                right: max(12px, env(safe-area-inset-right, 0px)) !important;
                bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
            }

            #mobile-bottom-nav > div {
                max-width: 430px;
                margin-left: auto;
                margin-right: auto;
                box-shadow: 0 14px 36px rgba(15, 23, 42, .10) !important;
            }

            body:not(.page-map):not(.page-messages) .site-topbar {
                top: calc(8px + env(safe-area-inset-top, 0px));
                width: min(calc(100vw - 24px), 430px);
                min-height: 60px;
                height: 60px !important;
                border-radius: 24px !important;
                padding-left: 12px !important;
                padding-right: 12px !important;
            }

            .site-topbar-left {
                min-width: 0;
                flex: 1 1 auto;
            }

            .site-logo-link {
                flex: 0 0 138px;
                width: 138px;
                overflow: hidden;
            }

            .site-logo-link .site-logo-img {
                width: 138px !important;
                height: auto !important;
                max-width: 138px;
                max-height: 42px;
                object-fit: contain;
            }

            .site-topbar-actions {
                flex: 0 0 auto;
            }

            .site-search-result {
                min-height: 58px;
                gap: 10px;
                margin-left: 6px;
                margin-right: 6px;
                padding: 9px 10px;
            }

            .site-search-thumb,
            .site-search-fallback {
                width: 40px;
                height: 40px;
                border-radius: 14px;
            }

            #notifDropdown {
                position: fixed !important;
                top: calc(76px + env(safe-area-inset-top, 0px)) !important;
                left: var(--page-padding) !important;
                right: var(--page-padding) !important;
                width: auto !important;
                max-width: 430px !important;
                margin: 0 auto !important;
                border-radius: 24px !important;
            }

            #notif-list {
                max-height: min(58dvh, 420px) !important;
            }

            .home-shell,
            .profile-page,
            .community-page,
            .community-detail-page,
            .community-settings-page,
            .post-detail-layout,
            .album-detail-page {
                width: 100%;
                max-width: 100%;
            }

            .home-sort-control {
                width: 100% !important;
                max-width: 100%;
            }

            .home-feed-tabs,
            .profile-tabs-scroll,
            .profile-route-experience__tabs,
            .community-tabs,
            .community-detail-tabs,
            .search-tab-btn,
            .route-story-nav-link {
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x proximity;
            }

            .home-feed-tabs > div,
            .profile-tabs-scroll,
            .profile-route-experience__tabs,
            .community-tabs,
            .community-detail-tabs,
            #route-story-nav-items {
                max-width: 100%;
                overflow-x: auto;
            }

            .home-feed-tab-link,
            .profile-tab-btn,
            .profile-route-experience__tab,
            .community-tab,
            .community-detail-tabs a,
            .search-tab-btn,
            .route-story-nav-link {
                flex: 0 0 auto;
                white-space: nowrap;
                scroll-snap-align: start;
            }

            .community-grid,
            .community-overview-grid,
            .community-club-routes-grid,
            .community-rides-grid,
            .profile-route-grid,
            .tropa-error-material-grid,
            .tropa-error-link-grid {
                grid-template-columns: minmax(0, 1fr) !important;
            }

            .post-content {
                font-size: 15px;
                line-height: 1.55;
            }

            .post-content h1,
            .post-content h2,
            .post-content h3 {
                text-transform: none !important;
                letter-spacing: 0 !important;
                overflow-wrap: anywhere;
            }

            .post-content h1 {
                font-size: clamp(26px, 8vw, 32px) !important;
                line-height: 1.12 !important;
                font-style: normal !important;
            }

            .post-content h2 {
                font-size: clamp(22px, 6vw, 26px) !important;
                line-height: 1.18 !important;
            }

            .post-content :where(p, li) {
                font-size: 15px;
                line-height: 1.55;
            }

            .post-content :where(img, video) {
                height: auto;
                object-fit: cover;
            }

            .mobile-route-story-bar {
                left: var(--page-padding) !important;
                right: var(--page-padding) !important;
                bottom: var(--mobile-nav-clearance, 88px) !important;
            }

            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="modal"],
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="Modal"],
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="overlay"],
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="Overlay"] {
                align-items: flex-end !important;
                justify-content: center !important;
                padding: 0 var(--page-padding) calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
            }

            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="modal"] > div,
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="Modal"] > div,
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="overlay"] > div,
            body:not(.page-map):not(.page-messages) > .fixed.inset-0[id*="Overlay"] > div {
                width: 100%;
                max-width: 430px;
                max-height: min(92dvh, 720px);
                overflow-y: auto;
                border-radius: 28px;
            }

            #official-filters-panel {
                align-items: flex-end !important;
                justify-content: center !important;
                padding: 0 var(--page-padding) calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
            }

            #official-filters-panel-content {
                width: 100% !important;
                max-width: 430px !important;
                height: min(86dvh, 720px) !important;
                margin-left: 0 !important;
                border-radius: 28px 28px 0 0;
                transform: translateY(0);
            }

            #official-filters-panel-content.translate-x-full {
                transform: translateY(105%) !important;
            }

            #share-post-modal > div {
                max-height: min(88dvh, 680px);
            }
        }

        @media (max-width: 374px) {
            :root {
                --page-padding: 12px;
            }

            body:not(.page-map):not(.page-messages) .site-topbar {
                width: calc(100vw - 18px);
                min-height: 58px;
                height: 58px !important;
                border-radius: 22px !important;
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .site-logo-link {
                flex-basis: 126px;
                width: 126px;
            }

            .site-logo-link .site-logo-img {
                width: 126px !important;
                max-width: 126px;
                max-height: 38px;
            }

            #mobile-bottom-nav {
                left: max(8px, env(safe-area-inset-left, 0px)) !important;
                right: max(8px, env(safe-area-inset-right, 0px)) !important;
            }

            #mobile-bottom-nav > div {
                height: 58px !important;
                border-radius: 22px !important;
            }

            #mobile-bottom-nav a span:last-child {
                font-size: 7.5px !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .community-grid,
            .community-overview-grid,
            .community-club-routes-grid,
            .community-rides-grid,
            .profile-route-grid,
            .tropa-error-material-grid,
            .tropa-error-link-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

/* Base shell extracted from base.html */
.site-search-dropdown {
    transform-origin: top center;
    animation: siteSearchDropdownIn 180ms cubic-bezier(.16, 1, .3, 1);
}
.site-search-result {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin: 0 8px;
    border-radius: 16px;
    transition: background-color 160ms ease, transform 160ms ease;
}
.site-search-result:hover {
    background: #fff7ed;
    transform: translateY(-1px);
}
.site-search-thumb {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    object-fit: cover;
    flex: 0 0 auto;
    background: #f3f4f6;
}
.site-search-fallback {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    background: #fff7ed;
    color: #f97316;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.site-search-type {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #fff7ed;
    color: #f97316;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.mobile-site-search-panel {
    opacity: 0;
    transform: translate3d(0, -18px, 0) scale(.96);
    transition: opacity 220ms ease, transform 260ms cubic-bezier(.16, 1, .3, 1);
}
body.mobile-site-search-open .mobile-site-search-panel {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}
@keyframes siteSearchDropdownIn {
    from { opacity: 0; transform: translateY(-8px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .site-search-dropdown,
    .site-search-result,
    .mobile-site-search-panel {
        animation: none;
        transition: none;
    }
}
@media (max-width: 767px) {
    .mobile-topbar-logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 6;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 138px !important;
        height: 44px !important;
        overflow: visible !important;
    }
    .mobile-topbar-logo .site-logo-mark {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 138px !important;
        max-width: 138px !important;
    }
    .mobile-topbar-logo .site-logo-img {
        width: 138px !important;
        max-width: 138px !important;
        height: auto !important;
        max-height: 40px !important;
    }
    .notif-dropdown {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        z-index: 320 !important;
        display: flex;
        flex-direction: column;
        background: #fff !important;
        box-shadow: none !important;
    }
    .notif-dropdown.hidden {
        display: none !important;
    }
    .notif-dropdown-header {
        min-height: calc(64px + env(safe-area-inset-top, 0px));
        padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
        padding-left: 20px !important;
        padding-right: 16px !important;
        background: #fff !important;
        flex: 0 0 auto;
    }
    .notif-dropdown-list {
        flex: 1 1 auto;
        max-height: none !important;
        min-height: 0;
        padding: 14px 14px calc(88px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        background: #f8fafc;
    }
    body.notif-menu-open {
        overflow: hidden !important;
        touch-action: none;
    }
}