* { box-sizing: border-box; }

        :root {
            --bg: #07080d;
            --card: #12141c;
            --line: #232735;
            --line-2: #2d3243;
            --text: #f5f7fb;
            --muted: #9ea5b5;
            --primary: #006ef5;
            --primary-2: #2a8cff;
            --danger: #ff5a36;
            --shadow: 0 16px 40px rgba(0, 0, 0, 0.42);
            --radius: 18px;
        }

        html, body { min-height: 100%; }

        body {
            margin: 0;
            font-family: Inter, Arial, sans-serif;
            color: var(--text);
            background:
                radial-gradient(circle at top center, rgba(28, 46, 112, 0.18) 0%, rgba(8, 10, 18, 0.2) 30%, rgba(7, 8, 13, 0.98) 66%),
                linear-gradient(180deg, #090a10 0%, #07080d 100%);
        }

        a { color: #ffffff; text-decoration: none; }
        a:hover { color: var(--primary-2); text-decoration: none; }

        .wrap {
            max-width: 1920px;
            margin: 0 auto;
            padding: 16px 18px 24px;
        }

        /* ===== HEADER ===== */
        .hero-header {
            position: relative;
            top: auto;
            z-index: 1;
            max-width: 1580px;
            margin: 0 auto 18px;
        }

        .hero-header__shell {
            position: relative;
            overflow: hidden;
            border-radius: 22px;
            border: 1px solid rgba(86, 121, 198, 0.18);
            background:
                linear-gradient(180deg,
                    rgba(10, 16, 30, 0.975) 0%,
                    rgba(8, 13, 24, 0.982) 52%,
                    rgba(7, 10, 18, 0.99) 100%);
            box-shadow:
                0 14px 34px rgba(0, 0, 0, 0.24),
                inset 0 1px 0 rgba(255, 244, 218, 0.03),
                inset 0 0 0 1px rgba(62, 88, 146, 0.11);
        }

        .hero-header__shell::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 16% 0%, rgba(198, 156, 73, 0.10), transparent 24%),
                radial-gradient(circle at 52% 0%, rgba(28, 86, 194, 0.14), transparent 34%),
                radial-gradient(circle at 88% 0%, rgba(198, 156, 73, 0.06), transparent 18%),
                linear-gradient(90deg, rgba(198, 156, 73, 0.02), transparent 14%, transparent 86%, rgba(198, 156, 73, 0.02));
            pointer-events: none;
        }

        .hero-header__shell::after {
            content: "";
            position: absolute;
            inset: 0 0 auto 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(216, 184, 115, 0.34), rgba(115, 168, 255, 0.22), transparent);
            pointer-events: none;
        }

        .hero-header__inner {
            position: relative;
            z-index: 1;
            padding: 16px 18px 14px;
        }

        .hero-header__top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .hero-title {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

        .hero-title h1 {
            margin: 0;
            font-size: 24px;
            line-height: 1;
            font-weight: 800;
            color: #ffffff;
            letter-spacing: -0.03em;
        }

        .hero-title__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 20px;
            padding: 0 7px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(34, 29, 19, 0.92) 0%, rgba(18, 16, 12, 0.98) 100%);
            border: 1px solid rgba(191, 149, 64, 0.18);
            color: #f3d79e;
            font-size: 10px;
            font-weight: 800;
            box-shadow: inset 0 1px 0 rgba(255, 239, 205, 0.05);
        }

        .hero-meta {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .hero-meta__chip {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 0 9px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(17, 24, 42, 0.92) 0%, rgba(11, 17, 31, 0.98) 100%);
            border: 1px solid rgba(196, 154, 74, 0.12);
            color: #d9c089;
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 0.05em;
            white-space: nowrap;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 205, 0.025),
                inset 0 0 0 1px rgba(55, 82, 136, 0.08);
        }
.platform-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid rgba(76, 112, 183, 0.18);
    background: linear-gradient(180deg, rgba(11, 18, 32, 0.96) 0%, rgba(8, 13, 24, 0.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.02),
        inset 0 0 0 1px rgba(198, 156, 73, 0.03);
}

.platform-switch__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 120px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid rgba(84, 121, 197, 0.14);
    color: #d7e6ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(14, 22, 40, 0.92) 0%, rgba(9, 15, 28, 0.98) 100%);
    transition:
        transform 0.14s ease,
        border-color 0.14s ease,
        color 0.14s ease,
        background 0.14s ease;
}

.platform-switch__btn:hover {
    transform: translateY(-1px);
    border-color: rgba(199, 158, 78, 0.18);
    color: #ffffff;
}

.platform-switch__btn.is-active {
    border-color: rgba(199, 158, 78, 0.22);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(25, 82, 181, 0.92) 0%, rgba(14, 56, 132, 0.97) 100%),
        radial-gradient(circle at top center, rgba(215, 177, 99, 0.12), transparent 52%);
    box-shadow:
        0 10px 22px rgba(8, 43, 109, 0.15),
        inset 0 1px 0 rgba(255, 238, 209, 0.06);
}



        .sync-target-manager {
            margin: 0 0 14px;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(76, 112, 183, 0.18);
            background: linear-gradient(180deg, rgba(11, 18, 32, 0.96) 0%, rgba(8, 13, 24, 0.99) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 0 0 1px rgba(198, 156, 73, 0.03);
        }

        .sync-target-manager__head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .sync-target-manager__title {
            margin: 0;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: -0.02em;
            color: #ffffff;
        }


        .sync-target-manager__grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
        }

        .sync-target-manager__actions {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .sync-target-manager__actions .btn {
            width: auto;
            min-width: 180px;
        }

        .sync-target-status {
            min-height: 18px;
            margin-top: 10px;
            font-size: 12px;
            color: #aeb9d7;
        }

        .sync-target-status.is-success { color: #79d98d; }
        .sync-target-status.is-error { color: #ff8b73; }

        .sync-target-manager__list {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 12px;
        }


        .hero-header__split {
            display: grid;
            grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
            gap: 16px;
            align-items: start;
        }

        .hero-header__split-main,
        .hero-header__split-side {
            min-width: 0;
        }


        .hero-left-stack {
            display: grid;
            gap: 14px;
        }

        .hero-left-card {
            padding: 16px;
            border-radius: 20px;
            border: 1px solid rgba(76, 112, 183, 0.16);
            background:
                linear-gradient(180deg, rgba(11, 18, 32, 0.97) 0%, rgba(8, 13, 24, 0.99) 100%),
                radial-gradient(circle at top right, rgba(215, 177, 99, 0.05), transparent 42%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 0 0 1px rgba(198, 156, 73, 0.025),
                0 14px 34px rgba(0, 0, 0, 0.16);
        }

        .hero-left-card__header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }

        .hero-left-card__title-group {
            min-width: 0;
        }

        .hero-left-card__eyebrow {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: #8fa5d4;
        }

        .hero-left-card__subtitle {
            margin: 6px 0 0;
            max-width: 720px;
            font-size: 12px;
            line-height: 1.6;
            color: #9db0d9;
        }

        .hero-left-card__metrics {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .hero-left-card__metric {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 28px;
            padding: 0 11px;
            border-radius: 999px;
            border: 1px solid rgba(196, 154, 74, 0.14);
            background: linear-gradient(180deg, rgba(16, 24, 42, 0.96) 0%, rgba(10, 16, 29, 0.98) 100%);
            color: #d9c089;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .hero-left-card__metric strong {
            color: #ffffff;
            font-size: 11px;
            letter-spacing: 0.01em;
        }

        .hero-left-stack .sync-target-manager {
            margin: 0;
            padding: 16px;
            border-radius: 20px;
        }

        .hero-left-stack .sync-target-manager__head {
            margin-bottom: 14px;
        }

        .hero-left-stack .sync-target-manager__title,
        .hero-filter-card__title {
            margin: 4px 0 0;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: -0.03em;
            color: #ffffff;
        }

        .sync-target-manager__field input {
            min-height: 46px;
        }

        .sync-target-manager__help {
            margin-top: 8px;
            font-size: 12px;
            line-height: 1.5;
            color: #95a8d3;
        }

        .hero-left-stack .sync-target-status {
            margin-top: 12px;
            color: #bcc8e3;
        }

        .sync-target-manager__list-wrap {
            margin-top: 14px;
            padding-top: 14px;
            border-top: 1px solid rgba(74, 103, 165, 0.16);
        }

        .hero-left-stack .sync-target-manager__list {
            gap: 10px;
            margin-top: 0;
        }

        .hero-filter-card {
            display: block;
        }

        .hero-filter-card__body {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 16px;
            align-items: end;
        }

        .filter-grid--hero.filter-grid--hero-refined {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            align-items: end;
        }

        .filter-grid--hero.filter-grid--hero-refined .filter-field {
            max-width: none;
        }

        .hero-actions.hero-actions--refined {
            align-self: stretch;
            margin-top: 0;
            padding-left: 16px;
            border-left: 1px solid rgba(74, 103, 165, 0.16);
            justify-content: flex-start;
            align-items: flex-end;
        }

        .hero-actions.hero-actions--refined .btn-primary {
            min-width: 176px;
        }

        .hero-actions.hero-actions--refined a,
        .hero-actions.hero-actions--refined .btn-refresh {
            min-width: 112px;
        }

        .ai-rollup-card {
            position: sticky;
            top: 14px;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(76, 112, 183, 0.18);
            background: linear-gradient(180deg, rgba(11, 18, 32, 0.96) 0%, rgba(8, 13, 24, 0.99) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 0 0 1px rgba(198, 156, 73, 0.03);
        }

        .ai-rollup-card__head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .ai-rollup-card__title {
            margin: 4px 0 0;
            font-size: 17px;
            font-weight: 800;
            letter-spacing: -0.02em;
            color: #ffffff;
        }

        .ai-rollup-card__subtitle {
            margin-top: 4px;
            font-size: 12px;
            color: #9fb0d7;
            line-height: 1.45;
        }

        .ai-rollup-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 12px;
            align-items: start;
            margin-bottom: 12px;
        }

        .ai-rollup-side-actions {
            display: grid;
            justify-items: end;
            gap: 8px;
        }

        .ai-rollup-tabs {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px;
            border-radius: 14px;
            border: 1px solid rgba(76, 112, 183, 0.18);
            background: linear-gradient(180deg, rgba(12, 19, 33, 0.94) 0%, rgba(8, 13, 24, 0.98) 100%);
        }

        .ai-rollup-tab {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: 8px 12px;
            border-radius: 10px;
            border: 1px solid rgba(84, 121, 197, 0.14);
            background: linear-gradient(180deg, rgba(14, 22, 40, 0.92) 0%, rgba(9, 15, 28, 0.98) 100%);
            color: #d7e6ff;
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
        }

        .ai-rollup-tab:hover {
            border-color: rgba(118, 160, 244, 0.28);
            transform: translateY(-1px);
        }

        .ai-rollup-tab.is-active {
            color: #ffffff;
            border-color: rgba(84, 147, 255, 0.28);
            background:
                linear-gradient(180deg, rgba(25, 82, 181, 0.92) 0%, rgba(14, 56, 132, 0.97) 100%),
                radial-gradient(circle at top center, rgba(215, 177, 99, 0.12), transparent 52%);
            box-shadow:
                0 10px 22px rgba(8, 43, 109, 0.15),
                inset 0 1px 0 rgba(255, 238, 209, 0.06);
        }

        .ai-rollup-refresh {
            min-width: 104px;
            min-height: 40px;
            padding: 0 14px;
            border-radius: 12px;
            border: 1px solid rgba(93, 130, 207, 0.18);
            background: linear-gradient(180deg, rgba(14, 22, 40, 0.92) 0%, rgba(9, 15, 28, 0.98) 100%);
            color: #d7e6ff;
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
        }

        .ai-rollup-refresh:disabled {
            cursor: wait;
            opacity: 0.72;
        }

        .ai-rollup-satisfaction {
            display: grid;
            justify-items: center;
            gap: 2px;
            min-width: 132px;
            min-height: 52px;
            padding: 7px 12px 8px;
            border-radius: 12px;
            border: 1px solid rgba(89, 121, 192, 0.16);
            background: linear-gradient(180deg, rgba(14, 21, 37, 0.94) 0%, rgba(10, 15, 26, 0.98) 100%);
            text-align: center;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
        }

        .ai-rollup-satisfaction__label {
            font-size: 8px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #9fb0d7;
        }

        .ai-rollup-satisfaction__value {
            font-size: 13px;
            font-weight: 900;
            letter-spacing: -0.02em;
            color: #eef4ff;
        }

        .ai-rollup-satisfaction__score {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: #aab7d0;
        }

        .ai-rollup-satisfaction.is-positive {
            border-color: rgba(72, 170, 105, 0.34);
            background: linear-gradient(180deg, rgba(14, 38, 24, 0.96) 0%, rgba(9, 24, 16, 0.98) 100%);
        }

        .ai-rollup-satisfaction.is-positive .ai-rollup-satisfaction__label {
            color: #8ed7a9;
        }

        .ai-rollup-satisfaction.is-positive .ai-rollup-satisfaction__value,
        .ai-rollup-satisfaction.is-positive .ai-rollup-satisfaction__score {
            color: #e9fff0;
        }

        .ai-rollup-satisfaction.is-negative {
            border-color: rgba(189, 82, 82, 0.34);
            background: linear-gradient(180deg, rgba(45, 20, 24, 0.96) 0%, rgba(27, 12, 15, 0.98) 100%);
        }

        .ai-rollup-satisfaction.is-negative .ai-rollup-satisfaction__label {
            color: #f1a6a6;
        }

        .ai-rollup-satisfaction.is-negative .ai-rollup-satisfaction__value,
        .ai-rollup-satisfaction.is-negative .ai-rollup-satisfaction__score {
            color: #fff0f0;
        }

        .ai-rollup-satisfaction.is-neutral {
            border-color: rgba(112, 129, 164, 0.24);
            background: linear-gradient(180deg, rgba(21, 27, 40, 0.96) 0%, rgba(12, 16, 25, 0.98) 100%);
        }

        .ai-rollup-body {
            min-height: 250px;
        }

        .ai-rollup-placeholder,
        .ai-rollup-empty,
        .ai-rollup-error {
            padding: 14px;
            border-radius: 16px;
            border: 1px solid rgba(89, 121, 192, 0.14);
            background: linear-gradient(180deg, rgba(14, 21, 37, 0.94) 0%, rgba(10, 15, 26, 0.98) 100%);
            color: #d4def6;
            line-height: 1.6;
        }

        .ai-rollup-error {
            border-color: rgba(184, 76, 76, 0.22);
            color: #ffb3b3;
        }

        .ai-rollup-result {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .ai-rollup-text {
            font-size: 13px;
            line-height: 1.7;
            color: #eef4ff;
        }

        .ai-rollup-note {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            max-width: 100%;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            border: 1px solid rgba(193, 152, 70, 0.14);
            background: linear-gradient(180deg, rgba(25, 22, 15, 0.85) 0%, rgba(16, 16, 14, 0.92) 100%);
            color: #f3d79e;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .ai-rollup-list {
            margin-top: 0;
        }

        .ai-rollup-tags {
            margin-top: -2px;
        }

        .ai-rollup-guided-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 42px;
            margin-top: 12px;
            padding: 0 14px;
            border-radius: 12px;
            border: 1px solid rgba(74, 190, 126, 0.28);
            background: linear-gradient(180deg, rgba(16, 58, 34, 0.94) 0%, rgba(10, 36, 21, 0.98) 100%);
            color: #eafff0;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.04em;
            cursor: pointer;
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
        }
        .ai-rollup-guided-btn:hover {
            transform: translateY(-1px);
            border-color: rgba(92, 225, 151, 0.42);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
        }
        .ai-rollup-guided-btn.is-active {
            border-color: rgba(94, 216, 156, 0.52);
            background: linear-gradient(180deg, rgba(20, 86, 52, 0.96) 0%, rgba(12, 52, 30, 0.98) 100%);
            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(78, 222, 145, 0.18) inset;
        }
        .ai-rollup-guided-btn--summary {
            width: fit-content;
            max-width: 100%;
            min-width: 220px;
            margin-top: -2px;
            justify-self: start;
            align-self: start;
        }
        @media (max-width: 640px) {
            .ai-rollup-guided-btn--summary {
                width: 100%;
                min-width: 0;
                margin-top: 2px;
            }
        }
        .gemini-briefing-highlight {
            position: relative;
            border-color: rgba(76, 224, 138, 0.88) !important;
            box-shadow:
                0 0 0 2px rgba(76, 224, 138, 0.34),
                0 22px 50px rgba(0, 0, 0, 0.32),
                0 0 0 9999px rgba(14, 28, 18, 0.12) !important;
        }
        .gemini-briefing-highlight::after {
            content: '';
            position: absolute;
            inset: -8px;
            border-radius: inherit;
            border: 1px solid rgba(102, 255, 176, 0.34);
            pointer-events: none;
            box-shadow: 0 0 24px rgba(89, 255, 166, 0.18);
        }

		.sync-target-chip {
			position: relative;
			min-height: 44px;
			max-width: 135px;
			padding: 10px 12px 12px 14px;
			border-radius: 16px;
			border: 1px solid rgba(108, 145, 224, 0.18);
			background: linear-gradient(180deg, rgba(17, 29, 55, 0.96) 0%, rgba(10, 18, 36, 0.98) 100%);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 26px rgba(0, 0, 0, 0.22);
			overflow: visible;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
		}


        .sync-target-chip__name {
			text-align: -webkit-center;
            display: block;
            flex: 0 1 auto;
            min-width: 0;
            padding-left: 6px;
            padding-right: 2px;
            font-size: 14px;
            font-weight: 800;
            color: #f4f7ff;
            letter-spacing: 0.01em;
            white-space: nowrap;
            overflow: visible;
            text-overflow: clip;
        }

        .sync-target-chip__remove {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: 24px;
            height: 24px;
            min-height: 24px;
            padding: 0;
            border-radius: 999px;
            border: 1px solid rgba(255, 123, 95, 0.22);
            background: rgba(89, 26, 20, 0.62);
            color: #ffd7cf;
            font-size: 15px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
        }

        .sync-target-chip__remove:hover {
            transform: scale(1.06);
            border-color: rgba(255, 145, 120, 0.38);
            background: rgba(121, 34, 26, 0.82);
            color: #ffffff;
        }

        .sync-target-chip__remove:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px rgba(214, 173, 93, 0.18);
        }

        .sync-target-empty {
            display: inline-flex;
            align-items: center;
            min-height: 46px;
            padding: 0 14px;
            border-radius: 14px;
            border: 1px dashed rgba(108, 138, 199, 0.24);
            color: #9eaed3;
            font-size: 12px;
            background: rgba(6, 11, 22, 0.45);
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 11.5px;
            line-height: 1.5;
            white-space: pre-wrap;
            word-break: break-word;
        }

		.sync-target-chip {
			display: flex;
			align-items: center;
			gap: 10px;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			flex-direction: column;
		}

		.sync-tag-selector {
			display: flex;
			flex-direction: column;
			gap: 8px;
			min-width: 0;
			align-items: center;
		}

        .sync-tag-selector__toolbar {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sync-tag-selector__open {
            min-height: 34px;
            padding: 8px 12px;
            font-size: 11px;
        }

		.sync-tag-selector__summary {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 6px;
			min-height: 20px;
			justify-content: center;
		}

        .sync-tag-selector__chip,
        .sync-tag-selector__empty {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .sync-tag-selector__chip {
            border: 1px solid rgba(108, 145, 224, 0.24);
            background: rgba(17, 29, 55, 0.92);
            color: #edf3ff;
        }

        .sync-tag-selector__empty {
            color: #95a7cf;
            background: rgba(6, 11, 22, 0.4);
            border: 1px dashed rgba(108, 145, 224, 0.16);
            text-transform: none;
            letter-spacing: normal;
            font-weight: 600;
        }

        .sync-tag-modal {
            position: fixed;
            inset: 0;
            z-index: 2000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
        }

        .sync-tag-modal[hidden] {
            display: none !important;
        }

        .sync-tag-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(2, 7, 18, 0.72);
            backdrop-filter: blur(10px);
        }

        .sync-tag-modal__dialog {
            position: relative;
            z-index: 1;
            width: min(640px, calc(100vw - 32px));
            max-height: min(80vh, 720px);
            display: flex;
            flex-direction: column;
            border-radius: 22px;
            border: 1px solid rgba(108, 145, 224, 0.24);
            background: linear-gradient(180deg, rgba(10, 19, 38, 0.98) 0%, rgba(5, 11, 24, 0.98) 100%);
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
            overflow: hidden;
        }

        .sync-tag-modal__header,
        .sync-tag-modal__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 16px 18px;
            border-bottom: 1px solid rgba(108, 145, 224, 0.12);
        }

        .sync-tag-modal__footer {
            border-bottom: 0;
            border-top: 1px solid rgba(108, 145, 224, 0.12);
            justify-content: flex-end;
        }

        .sync-tag-modal__title {
            margin: 0;
            font-size: 18px;
            font-weight: 900;
            color: #f4f7ff;
        }

        .sync-tag-modal__close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 999px;
            border: 1px solid rgba(108, 145, 224, 0.2);
            background: rgba(10, 18, 36, 0.88);
            color: #f2f6ff;
            font-size: 18px;
            cursor: pointer;
        }

        .sync-tag-modal__body {
            padding: 18px;
            overflow: auto;
        }

        .sync-tag-modal__options {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .sync-tag-modal__option {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 38px;
            padding: 0 14px;
            border-radius: 999px;
            border: 1px solid rgba(108, 145, 224, 0.2);
            background: rgba(10, 18, 36, 0.92);
            color: #f4f7ff;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            cursor: pointer;
            transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease;
        }

        .sync-tag-modal__option:hover,
        .sync-tag-modal__option.is-selected {
            border-color: rgba(214, 173, 93, 0.44);
            background: rgba(30, 46, 82, 0.98);
            transform: translateY(-1px);
        }

        body.sync-tag-modal-open {
            overflow: hidden;
        }

        .filter-field label {
            display: block;
            margin-bottom: 6px;
            font-size: 9px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: #aeb9d7;
        }

        input, select, textarea, button {
            width: 100%;
            min-height: 42px;
            padding: 10px 13px;
            border-radius: 12px;
            border: 1px solid rgba(76, 112, 183, 0.20);
            background:
                linear-gradient(180deg, rgba(15, 24, 43, 0.96) 0%, rgba(9, 15, 28, 0.98) 100%);
            color: #f4f7ff;
            outline: none;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 0 0 1px rgba(198, 156, 73, 0.04);
            transition:
                border-color 0.16s ease,
                background 0.16s ease,
                box-shadow 0.16s ease,
                transform 0.16s ease;
        }

        input:hover, select:hover, textarea:hover, button:hover {
            border-color: rgba(116, 156, 234, 0.26);
            background: linear-gradient(180deg, rgba(18, 28, 50, 0.98) 0%, rgba(11, 18, 33, 0.99) 100%);
        }

        input:focus, select:focus, textarea:focus, button:focus {
            border-color: rgba(199, 158, 78, 0.28);
            box-shadow:
                0 0 0 3px rgba(199, 158, 78, 0.07),
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 0 0 1px rgba(70, 102, 167, 0.10);
        }

        button { cursor: pointer; font-weight: 700; }

        .hero-actions {
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: nowrap;
            margin-top: 12px;
        }

        .filter-grid--hero .hero-actions {
            margin-top: 0;
            min-width: 0;
            align-self: end;
        }

        .btn,
        .hero-actions a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 42px;
            width: auto;
            padding: 10px 16px;
            border-radius: 12px;
            background: linear-gradient(180deg, rgba(14, 22, 40, 0.96) 0%, rgba(9, 15, 28, 0.99) 100%);
            border: 1px solid rgba(84, 121, 197, 0.18);
            color: #e7ecf8;
            text-decoration: none;
            font-size: 12px;
            font-weight: 800;
            transition:
                transform 0.14s ease,
                background 0.14s ease,
                border-color 0.14s ease,
                color 0.14s ease,
                box-shadow 0.14s ease;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 205, 0.02),
                inset 0 0 0 1px rgba(198, 156, 73, 0.04);
        }

        .hero-actions button,
        .hero-actions .btn {
            width: auto;
            flex: 0 0 auto;
        }

        .btn:hover,
        .hero-actions a:hover {
            transform: translateY(-1px);
            background: linear-gradient(180deg, rgba(18, 29, 51, 0.98) 0%, rgba(11, 18, 33, 0.99) 100%);
            border-color: rgba(199, 158, 78, 0.20);
            color: #ffffff;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 205, 0.03),
                0 10px 22px rgba(0,0,0,0.16);
        }

        .btn-primary {
            min-width: 210px;
            background: linear-gradient(180deg, rgba(33, 108, 228, 0.94) 0%, rgba(18, 73, 172, 0.97) 100%);
            border: 1px solid rgba(201, 160, 79, 0.16);
            color: #ffffff;
            box-shadow:
                0 10px 24px rgba(8, 43, 109, 0.18),
                inset 0 1px 0 rgba(255, 238, 209, 0.08),
                inset 0 0 0 1px rgba(211, 169, 84, 0.05);
        }

        .btn-refresh {
            min-width: 132px;
            border-color: rgba(198, 156, 73, 0.18);
            background:
                linear-gradient(180deg, rgba(17, 27, 47, 0.96) 0%, rgba(10, 17, 31, 0.99) 100%),
                radial-gradient(circle at top left, rgba(198, 156, 73, 0.06), transparent 58%);
            color: #dfe8ff;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 205, 0.04),
                inset 0 0 0 1px rgba(198, 156, 73, 0.05);
        }

        .btn-refresh svg {
            width: 14px;
            height: 14px;
            flex: 0 0 14px;
            stroke: currentColor;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .btn-refresh .btn-label {
            line-height: 1;
        }

        .btn-refresh.is-busy,
        .btn-refresh:disabled {
            opacity: 0.88;
        }

        .btn-refresh.is-success {
            border-color: rgba(199, 158, 78, 0.24);
            color: #f2ddb0;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 205, 0.05),
                0 8px 20px rgba(0, 0, 0, 0.14);
        }

        .btn-refresh.is-error {
            border-color: rgba(255, 90, 54, 0.28);
            color: #ffd7cd;
        }

        .stats {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 14px;
        }

        .pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 34px;
            box-sizing: border-box;
            padding: 0 10px;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,0.065);
            background: linear-gradient(180deg, rgba(18, 22, 32, 0.96) 0%, rgba(12, 15, 23, 0.96) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 8px 20px rgba(0,0,0,0.18);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.015em;
            color: #c6d0e5;
            white-space: nowrap;
        }

        /* ===== reste UI ===== */
        .resync-panel,
        .card {
            background: linear-gradient(180deg, rgba(19, 22, 31, 0.98) 0%, rgba(14, 16, 23, 0.98) 100%);
            border: 1px solid var(--line);
            border-radius: 18px;
            box-shadow: var(--shadow);
        }

        .resync-panel { padding: 16px; margin-bottom: 18px; }

        .card { padding: 12px; }

        .muted { color: var(--muted); }

        .empty {
            padding: 12px;
            border-radius: 14px;
            background: rgba(10, 12, 18, 0.92);
            border: 1px dashed #2f3546;
            color: var(--muted);
            font-size: 13px;
        }

        .resync-log-global {
            margin-top: 10px;
            padding: 12px;
            border-radius: 14px;
            background: #0b0e15;
            border: 1px solid var(--line);
            white-space: pre-wrap;
            word-break: break-word;
            font-size: 12px;
            color: #e7ebf5;
            overflow-x: auto;
        }

        .posts-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            align-items: start;
        }

        .post-card {
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-self: start;
            height: auto;
            min-height: 600px;
            border-radius: 18px;
            border: 1px solid rgba(98, 113, 148, 0.18);
            background:
                linear-gradient(180deg, rgba(19, 23, 34, 0.985) 0%, rgba(13, 16, 24, 0.985) 100%),
                radial-gradient(circle at top right, rgba(18, 76, 178, 0.10), transparent 36%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.03),
                0 18px 36px rgba(0,0,0,0.26);
        }

        .post-card::before {
            content: "";
            position: absolute;
            inset: 0 0 auto 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
            pointer-events: none;
        }

        .post-card::after {
            content: "";
            position: absolute;
            top: -42px;
            right: -28px;
            width: 120px;
            height: 120px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(0, 110, 245, 0.12) 0%, rgba(0, 110, 245, 0) 72%);
            pointer-events: none;
        }

        .post-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
        }

        .post-head-main {
            min-width: 0;
            flex: 1 1 auto;
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }

        .post-head-text {
            min-width: 0;
            flex: 1 1 auto;
        }

        .post-mini-preview {
            position: relative;
            display: block;
            flex: 0 0 74px;
            width: 74px;
            height: 74px;
            padding: 0;
            overflow: hidden;
            border-radius: 16px;
            border: 1px solid rgba(90, 127, 193, 0.26);
            background:
                linear-gradient(180deg, rgba(12, 17, 28, 0.98) 0%, rgba(7, 10, 16, 0.98) 100%),
                radial-gradient(circle at 20% 18%, rgba(77, 150, 255, 0.24), transparent 56%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.06),
                0 10px 20px rgba(0,0,0,0.24);
            isolation: isolate;
            text-decoration: none;
            transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
        }

        .post-mini-preview:hover {
            transform: translateY(-1px);
            border-color: rgba(132, 187, 255, 0.44);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.09),
                0 14px 26px rgba(0,0,0,0.28),
                0 0 0 1px rgba(92, 160, 255, 0.12);
        }

        .post-mini-preview::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(145deg, rgba(124, 181, 255, 0.16), transparent 46%, rgba(240, 191, 70, 0.12) 100%);
            opacity: 0.82;
            pointer-events: none;
            z-index: 2;
        }

        .post-mini-preview::after {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: 15px;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
            pointer-events: none;
            z-index: 2;
        }

        .post-mini-preview__media,
        .post-mini-preview__img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .post-mini-preview__media {
            overflow: hidden;
            border-radius: inherit;
        }

        .post-mini-preview__img {
            display: block;
            object-fit: cover;
            background: #090d16;
        }

        .post-mini-preview--generated .post-mini-preview__img {
            image-rendering: auto;
        }

        .icon-form { margin: 0; flex: 0 0 auto; }

        .icon-btn {
            width: 40px;
            height: 40px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            border: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(180deg, rgba(14, 18, 28, 0.98) 0%, rgba(9, 12, 19, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 10px 22px rgba(0,0,0,0.22);
            color: #ffffff;
            cursor: pointer;
            transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, opacity 0.12s ease;
            flex: 0 0 40px;
        }

        .icon-btn:hover {
            background: linear-gradient(180deg, rgba(20, 30, 48, 0.98) 0%, rgba(12, 20, 34, 0.98) 100%);
            border-color: rgba(112, 167, 255, 0.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 12px 26px rgba(0,0,0,0.24);
        }

        .icon-btn:disabled { opacity: 0.45; cursor: default; box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), 0 8px 18px rgba(0,0,0,0.15); }

        .icon-btn svg {
            width: 18px; height: 18px; display: block;
            fill: none; stroke: currentColor; stroke-width: 2;
            stroke-linecap: round; stroke-linejoin: round;
        }

        .post-top-actions {
            display: flex;
            gap: 8px;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: nowrap;
            flex: 0 0 auto;
        }

        .post-top-actions > a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 40px;
            padding: 0 14px;
            border-radius: 13px;
            background: linear-gradient(180deg, rgba(14, 18, 28, 0.98) 0%, rgba(9, 12, 19, 0.98) 100%);
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 10px 22px rgba(0,0,0,0.22);
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            white-space: nowrap;
            transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
        }

        .post-top-actions > a:hover {
            background: linear-gradient(180deg, rgba(20, 30, 48, 0.98) 0%, rgba(12, 20, 34, 0.98) 100%);
            border-color: rgba(112, 167, 255, 0.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 12px 26px rgba(0,0,0,0.24);
            color: #ffffff;
        }


        .post-progress-simple{display:none;align-items:center;gap:10px;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
        .post-progress-simple.is-visible{display:flex}
        .post-progress-simple.is-completing{display:flex;pointer-events:none;animation:postProgressGoldOut 1.25s cubic-bezier(.22,.9,.25,1) forwards;border-color:rgba(255,197,79,.45);box-shadow:0 0 0 1px rgba(255,197,79,.08),0 0 24px rgba(255,181,44,.18)}
        .post-progress-simple .bar{flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
        .post-progress-simple .fill{height:100%;width:0;background:linear-gradient(90deg,#2f6fed,#7aa2ff);transition:width .25s ease}
        .post-progress-simple.is-completing .fill{background:linear-gradient(90deg,#a86a00,#ffd76a,#fff1b2,#ffd76a,#a86a00);box-shadow:0 0 16px rgba(255,209,89,.55)}
        .post-progress-simple .txt{font-size:12px;color:#cfd7ea;white-space:nowrap}
        @keyframes postProgressGoldOut{0%{opacity:1;transform:translateY(0) scale(1)}35%{opacity:1;transform:translateY(0) scale(1.01)}100%{opacity:0;transform:translateY(-10px) scale(.985)}}

        .post-stats {
            display: grid;
            grid-template-columns: 58px 28px minmax(84px, 1fr) 46px 46px;
            gap: 6px;
            margin-top: 10px;
            align-items: center;
        }

        .post-stats.post-stats-ig {
            grid-template-columns: 64px minmax(98px, 1fr) 82px 52px;
        }

        .post-stats.post-stats-youtube {
            grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.48fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1fr);
            align-items: stretch;
        }

        .post-stats.post-stats-youtube > .pill {
            min-width: 0;
            padding-inline: 6px;
            font-size: 9.4px;
        }

        .post-stats.post-stats-youtube .pill-date {
            padding-inline: 8px;
        }

        .post-stats.post-stats-youtube .pill-icon {
            gap: 4px;
        }

        .post-stats.post-stats-youtube .pill-icon .icon {
            width: 14px;
            height: 14px;
            flex: 0 0 14px;
        }

        .post-stats.post-stats-youtube .pill-date span,
        .post-stats.post-stats-youtube .pill-icon span:last-child {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 0;
        }

        .post-stats > .pill {
            width: 100%;
            min-width: 0;
            padding-inline: 7px;
            font-size: 9.75px;
        }

        .pill-media {
            text-transform: lowercase;
            font-weight: 800;
        }

        .pill-media.video {
            color: #84bdff;
            background: rgba(0, 110, 245, 0.12);
            border-color: rgba(0, 110, 245, 0.35);
        }

        .pill-media.album,
        .pill-media.image {
            color: #e14d4d;
            background: rgba(247, 0, 0, 0.04);
            border-color: rgba(255, 255, 255, 0.08);
        }

        .pill-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            font-weight: 800;
        }

        .pill-icon .icon {
            width: 16px;
            height: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 16px;
            font-size: 10px;
            line-height: 1;
            opacity: 0.98;
            transform: translateY(-0.5px);
        }


        .pill-date {
            justify-content: flex-start;
            align-items: center;
            padding-inline: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum" 1;
            letter-spacing: -0.01em;
            min-width: 0;
            background: linear-gradient(180deg, rgba(26, 21, 12, 0.98) 0%, rgba(15, 12, 8, 0.98) 100%);
            border-color: rgba(191, 149, 64, 0.24);
            box-shadow:
                inset 0 1px 0 rgba(255, 236, 199, 0.06),
                inset 0 0 0 1px rgba(67, 50, 18, 0.20),
                0 8px 20px rgba(0,0,0,0.18);
            color: #f1ddb0;
			    text-align-last: center;
        }

        .pill-date span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            min-width: 0;
            text-align: left;
            font-weight: 800;
            font-size: 0.92em;
            line-height: 1;
        }

        .pill-count {
            font-variant-numeric: tabular-nums;
        }

        .pill-like .icon {
            color: #f4dfac;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(38, 27, 14, 0.92) 0%, rgba(23, 17, 10, 0.98) 100%);
            border: 1px solid rgba(191, 149, 64, 0.18);
            box-shadow: inset 0 1px 0 rgba(255, 236, 199, 0.05);
        }

        .pill-comment .icon {
            position: relative;
            overflow: visible;
            color: transparent;
            font-size: 0;
            transform: none;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(14, 28, 48, 0.96) 0%, rgba(8, 16, 31, 0.98) 100%);
            border: 1px solid rgba(126, 186, 255, 0.20);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);
        }

        .pill-comment .icon::before {
            content: "";
            position: absolute;
            left: 3px;
            top: 4px;
            width: 8px;
            height: 6px;
            border: 1.4px solid #9fd2ff;
            border-radius: 3px;
            background: rgba(159, 210, 255, 0.04);
            box-sizing: border-box;
        }

        .pill-comment .icon::after {
            content: "";
            position: absolute;
            left: 6px;
            top: 9px;
            width: 4px;
            height: 4px;
            border-left: 1.4px solid #9fd2ff;
            border-bottom: 1.4px solid #9fd2ff;
            transform: rotate(-45deg);
            box-sizing: border-box;
            background: transparent;
        }

        .live-mini {
            display: inline-flex;
            align-items: center;
            min-height: 40px;
            flex: 0 0 auto;
        }

        .post-card-youtube .post-head {
            margin-bottom: 14px;
        }

        .post-card-youtube .post-head-main {
            align-items: center;
        }

        .post-card-youtube .post-top-actions {
            align-self: flex-start;
        }

        .youtube-copy-stack {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 14px;
        }

        .youtube-title {
            margin: 0;
            min-height: 104px;
            max-height: 104px;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid rgba(108, 136, 191, 0.20);
            background:
                linear-gradient(180deg, rgba(19, 24, 35, 0.98) 0%, rgba(12, 16, 24, 0.98) 100%),
                radial-gradient(circle at top right, rgba(73, 134, 240, 0.12), transparent 52%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.04),
                0 10px 22px rgba(0,0,0,0.16);
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .youtube-title__text {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            color: #f4f7fe;
            font-size: 19px;
            font-weight: 800;
            line-height: 1.4;
            letter-spacing: -0.02em;
            white-space: normal;
            word-break: break-word;
            text-overflow: ellipsis;
        }

        .youtube-description-box {
            min-height: 150px;
            max-height: 150px;
            overflow-y: auto;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid rgba(108, 136, 191, 0.16);
            background: linear-gradient(180deg, rgba(10, 13, 20, 0.98) 0%, rgba(7, 10, 16, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
            color: #d9e1f0;
            font-size: 13px;
            line-height: 1.55;
            white-space: pre-line;
            word-break: break-word;
            scrollbar-width: thin;
            scrollbar-color: rgba(120, 163, 255, 0.55) rgba(255,255,255,0.04);
        }

        .youtube-description-box::-webkit-scrollbar {
            width: 8px;
        }

        .youtube-description-box::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.04);
            border-radius: 999px;
        }

        .youtube-description-box::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(123, 174, 255, 0.84) 0%, rgba(79, 126, 214, 0.84) 100%);
            border-radius: 999px;
        }

        .filter-field--tags {
            grid-column: 1 / -1;
            margin-top: 8px;
        }

        .tag-filter-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
        }

        .tag-filter-help,
        .tag-filter-status {
            color: #9aa9ca;
            font-size: 12px;
            line-height: 1.45;
        }

        .tag-filter-help {
            margin-bottom: 10px;
        }

        .tag-filter-status {
            min-height: 18px;
            margin-top: 10px;
        }

        .tag-filter-dropdown {
            position: relative;
        }

        .tag-filter-toggle {
            appearance: none;
            width: 100%;
            min-height: 46px;
            padding: 0 16px;
            border-radius: 16px;
            border: 1px solid rgba(117, 149, 204, 0.22);
            background: linear-gradient(180deg, rgba(11, 20, 35, 0.98) 0%, rgba(7, 14, 27, 0.98) 100%);
            color: #e5efff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            cursor: pointer;
            transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
        }

        .tag-filter-toggle:hover,
        .tag-filter-dropdown.is-open .tag-filter-toggle {
            border-color: rgba(132, 174, 245, 0.34);
            box-shadow: 0 12px 28px rgba(9, 22, 47, 0.26);
        }

        .tag-filter-toggle-main {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 1 1 auto;
        }

        .tag-filter-toggle-label {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
            font-size: 13px;
            font-weight: 700;
            text-transform: none;
        }

        .tag-filter-toggle-count {
            flex: 0 0 auto;
            min-width: 24px;
            height: 24px;
            padding: 0 8px;
            border-radius: 999px;
            border: 1px solid rgba(204, 160, 81, 0.24);
            background: linear-gradient(180deg, rgba(50, 35, 14, 0.98) 0%, rgba(28, 21, 10, 0.98) 100%);
            color: #f1d28f;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.05em;
        }

        .tag-filter-toggle-count[hidden] {
            display: none !important;
        }

        .tag-filter-toggle-caret {
            flex: 0 0 auto;
            color: #9cb6e7;
            font-size: 12px;
            transition: transform 0.16s ease;
        }

        .tag-filter-dropdown.is-open .tag-filter-toggle-caret {
            transform: rotate(180deg);
        }

        .tag-filter-overlay-backdrop {
            position: fixed;
            inset: 0;
            z-index: 58;
            background: radial-gradient(circle at top, rgba(32, 64, 122, 0.16) 0%, rgba(3, 7, 16, 0.32) 45%, rgba(2, 4, 10, 0.54) 100%);
            backdrop-filter: blur(4px);
        }

        .tag-filter-overlay-backdrop[hidden] {
            display: none !important;
        }

        .tag-filter-panel {
            position: fixed;
            top: var(--tag-filter-panel-top, 0px);
            left: var(--tag-filter-panel-left, 0px);
            width: var(--tag-filter-panel-width, min(420px, calc(100vw - 24px)));
            max-width: calc(100vw - 24px);
            z-index: 60;
            padding: 14px;
            border-radius: 22px;
            border: 1px solid rgba(129, 165, 228, 0.26);
            background:
                radial-gradient(circle at top right, rgba(42, 88, 166, 0.18) 0%, rgba(42, 88, 166, 0) 42%),
                linear-gradient(180deg, rgba(10, 18, 34, 0.988) 0%, rgba(6, 12, 24, 0.988) 100%);
            box-shadow: 0 34px 72px rgba(0, 0, 0, 0.54), 0 0 0 1px rgba(255, 255, 255, 0.025) inset;
            backdrop-filter: blur(22px);
        }

        .tag-filter-panel[hidden] {
            display: none !important;
        }

        .tag-filter-panel-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 12px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(117, 149, 204, 0.14);
        }

        .tag-filter-panel-copy {
            min-width: 0;
        }

        .tag-filter-panel-title {
            color: #edf4ff;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0.02em;
        }

        .tag-filter-panel-meta {
            margin-top: 4px;
            color: #93a8cf;
            font-size: 12px;
            line-height: 1.45;
        }

        .tag-filter-panel-body {
            padding-right: 2px;
        }

        .tag-filter-options {
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-height: min(340px, calc(100vh - 190px));
            overflow-y: auto;
            padding: 2px 4px 2px 0;
            scrollbar-width: thin;
            scrollbar-color: rgba(112, 145, 205, 0.42) rgba(8, 14, 24, 0.3);
        }

        .tag-filter-options::-webkit-scrollbar {
            width: 10px;
        }

        .tag-filter-options::-webkit-scrollbar-track {
            background: rgba(7, 13, 23, 0.42);
            border-radius: 999px;
        }

        .tag-filter-options::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(105, 141, 203, 0.62) 0%, rgba(72, 106, 168, 0.72) 100%);
            border-radius: 999px;
            border: 2px solid rgba(7, 13, 23, 0.42);
        }

        .tag-filter-option {
            position: relative;
            display: grid;
            grid-template-columns: 22px minmax(0, 1fr);
            align-items: center;
            gap: 14px;
            min-height: 48px;
            width: 100%;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid rgba(117, 149, 204, 0.16);
            background: linear-gradient(180deg, rgba(13, 20, 34, 0.98) 0%, rgba(9, 15, 27, 0.98) 100%);
            color: #dce8ff;
            cursor: pointer;
            transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
            user-select: none;
            box-sizing: border-box;
        }

        .tag-filter-option:hover {
            border-color: rgba(132, 174, 245, 0.34);
            box-shadow: 0 10px 22px rgba(12, 31, 62, 0.20);
            transform: translateY(-1px);
        }

        .tag-filter-option.is-active {
            border-color: rgba(121, 189, 255, 0.46);
            background: linear-gradient(180deg, rgba(18, 46, 84, 0.98) 0%, rgba(11, 26, 49, 0.98) 100%);
            box-shadow: 0 12px 26px rgba(31, 84, 160, 0.22);
        }

        .tag-filter-option-input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
            width: 1px;
            height: 1px;
            margin: 0;
        }

        .tag-filter-option-check {
            width: 22px;
            height: 22px;
            border-radius: 7px;
            border: 1px solid rgba(146, 177, 231, 0.38);
            background: linear-gradient(180deg, rgba(11, 21, 37, 0.99) 0%, rgba(7, 14, 26, 0.99) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.015);
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .tag-filter-option-check::after {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: 4px;
            background: #79bdff;
            box-shadow: 0 0 14px rgba(121, 189, 255, 0.44);
            transform: scale(0);
            transition: transform 0.16s ease;
        }

        .tag-filter-option.is-active .tag-filter-option-check {
            border-color: rgba(121, 189, 255, 0.54);
            background: linear-gradient(180deg, rgba(16, 37, 64, 0.99) 0%, rgba(9, 20, 37, 0.99) 100%);
        }

        .tag-filter-option.is-active .tag-filter-option-check::after {
            transform: scale(1);
        }

        .tag-filter-option-label {
            min-width: 0;
            color: #ecf3ff;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.28;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: none;
            letter-spacing: 0;
            padding-right: 4px;
        }

        .tag-filter-clear {
            appearance: none;
            border: 1px solid rgba(204, 160, 81, 0.28);
            background: linear-gradient(180deg, rgba(50, 35, 14, 0.98) 0%, rgba(28, 21, 10, 0.98) 100%);
            color: #f1d28f;
            min-height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            box-shadow: 0 10px 24px rgba(73, 49, 9, 0.18);
        }

        .tag-filter-clear[hidden] {
            display: none !important;
        }

        @media (max-width: 640px) {
            .tag-filter-panel {
                max-width: calc(100vw - 16px);
                padding: 12px;
                border-radius: 18px;
            }

            .tag-filter-panel-head {
                gap: 10px;
                margin-bottom: 10px;
                padding-bottom: 10px;
            }

            .tag-filter-option {
                min-height: 44px;
                padding: 11px 12px;
                gap: 12px;
            }

            .tag-filter-option-label {
                font-size: 13px;
            }
        }

        .client-tag-filter-empty[hidden] {
            display: none !important;
        }

        .client-tag-filter-empty {
            margin-top: 18px;
        }

        .post-card[hidden] {
            display: none !important;
        }

        .post-detected-tags-slot:empty {
            display: none;
        }

        .post-detected-tags-slot.is-ready {
            display: block;
        }

        .post-detected-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
            margin-bottom: 4px;
        }

        .post-detected-tag {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 12px;
            border-radius: 999px;
            border: 1px solid rgba(117, 149, 204, 0.20);
            background: linear-gradient(180deg, rgba(15, 20, 31, 0.98) 0%, rgba(9, 13, 21, 0.98) 100%);
            color: #d9e5ff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.015em;
            white-space: nowrap;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
        }

        .post-detected-tag.is-game {
            border-color: rgba(120, 181, 255, 0.26);
            background: linear-gradient(180deg, rgba(12, 30, 56, 0.98) 0%, rgba(8, 17, 32, 0.98) 100%);
            color: #9fd2ff;
        }

        .post-detected-tag.is-content {
            border-color: rgba(205, 159, 70, 0.30);
            background: linear-gradient(180deg, rgba(39, 28, 12, 0.98) 0%, rgba(22, 16, 8, 0.98) 100%);
            color: #f0d18c;
            text-transform: lowercase;
        }

        .live-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 74px;
            min-height: 40px;
            padding: 0 12px;
            border-radius: 13px;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.015em;
            border: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(180deg, rgba(14, 18, 28, 0.98) 0%, rgba(9, 12, 19, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 10px 22px rgba(0,0,0,0.22);
            color: #b4bccd;
            text-align: center;
        }

        .live-badge.running {
            border-color: rgba(0, 110, 245, 0.36);
            color: #9fcbff;
            background: linear-gradient(180deg, rgba(18, 42, 78, 0.98) 0%, rgba(11, 25, 46, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 24px rgba(0, 45, 112, 0.24);
        }

        .live-badge.done {
            border-color: rgba(255,255,255,0.08);
            color: #f5f7fb;
            background: linear-gradient(180deg, rgba(24, 28, 39, 0.98) 0%, rgba(14, 17, 25, 0.98) 100%);
        }

        .live-badge.error {
            border-color: rgba(255, 90, 54, 0.26);
            color: #ff9a84;
            background: linear-gradient(180deg, rgba(45, 20, 16, 0.98) 0%, rgba(28, 12, 10, 0.98) 100%);
        }


        .meta-block {
            margin-top: 10px;
            font-size: 11px;
            color: #8f98aa;
            line-height: 1.55;
        }

        .history-panel {
            margin-top: 12px;
            padding: 14px 14px 12px;
            border-radius: 16px;
            border: 1px solid rgba(52, 61, 79, 0.95);
            background:
                linear-gradient(180deg, rgba(15, 19, 29, 0.985) 0%, rgba(10, 13, 21, 0.985) 100%),
                radial-gradient(circle at top left, rgba(0, 110, 245, 0.10), transparent 36%),
                radial-gradient(circle at top right, rgba(191, 149, 64, 0.08), transparent 30%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 16px 34px rgba(0,0,0,0.24);
        }

        .history-panel--empty {
            padding: 12px 14px;
        }

        .history-head {
            display: grid;
            gap: 8px;
            margin-bottom: 12px;
        }

        .history-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
        }

        .history-title {
            font-size: 13px;
            font-weight: 800;
            color: #f5f7fb;
            letter-spacing: 0.01em;
        }

        .history-subtitle {
            font-size: 11px;
            color: #95a0b4;
            line-height: 1.45;
        }

        .history-switcher {
            display: grid;
            gap: 10px;
        }

        .history-switcher__tabs {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            align-self: flex-end;
            padding: 4px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(9, 13, 20, 0.84);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
        }

        .history-switcher__tab {
            width: auto;
            min-height: 28px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid transparent;
            background: transparent;
            color: #aab7cd;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            cursor: pointer;
            transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
        }

        .history-switcher__tab.is-active {
            color: #f7fbff;
            border-color: rgba(82, 126, 212, 0.34);
            background: linear-gradient(180deg, rgba(18, 33, 59, 0.96) 0%, rgba(10, 18, 31, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 18px rgba(0,0,0,0.18);
        }

        .history-switcher__panel[hidden] {
            display: none !important;
        }

        .history-kpis {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .history-kpi {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 9px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.07);
            background: rgba(10, 14, 22, 0.9);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
            white-space: nowrap;
        }

        .history-kpi.likes {
            border-color: rgba(92, 167, 255, 0.22);
            background: linear-gradient(180deg, rgba(15, 29, 50, 0.98) 0%, rgba(10, 18, 31, 0.98) 100%);
        }

        .history-kpi.comments {
            border-color: rgba(210, 171, 86, 0.18);
            background: linear-gradient(180deg, rgba(33, 25, 13, 0.94) 0%, rgba(19, 14, 9, 0.94) 100%);
        }

        .history-kpi__dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            flex: 0 0 8px;
            box-shadow: 0 0 0 3px rgba(255,255,255,0.03);
        }

        .history-kpi.likes .history-kpi__dot {
            background: #78c4ff;
            box-shadow: 0 0 0 3px rgba(120, 196, 255, 0.12);
        }

        .history-kpi.comments .history-kpi__dot {
            background: #e6c26e;
            box-shadow: 0 0 0 3px rgba(230, 194, 110, 0.12);
        }

        .history-kpi__label {
            font-size: 10px;
            font-weight: 700;
            color: #a4afc2;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .history-kpi strong {
            font-size: 13px;
            line-height: 1;
            color: #f7f9fc;
        }

        .history-kpi small {
            font-size: 11px;
            font-weight: 700;
        }

        .history-kpi.likes small { color: #8ed0ff; }
        .history-kpi.comments small { color: #ebcb80; }

        .history-empty {
            font-size: 12px;
            color: #93a0b6;
        }

        .history-chart-shell {
            position: relative;
            margin-top: 6px;
            border-radius: 16px;
            overflow: hidden;
            background:
                radial-gradient(circle at 50% -10%, rgba(103, 176, 255, 0.06), transparent 54%),
                linear-gradient(180deg, rgba(7, 11, 18, 0.94) 0%, rgba(4, 8, 14, 0.985) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.028),
                inset 0 18px 36px rgba(88, 150, 222, 0.028),
                inset 0 -20px 30px rgba(0,0,0,0.20);
        }

        .history-chart-overlay {
            position: absolute;
            inset: 0;
            z-index: 3;
            pointer-events: none;
            user-select: none;
        }

        .history-chart-tooltip {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 4;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px;
            min-width: 72px;
            padding: 8px 10px 7px;
            border-radius: 14px;
            border: 1px solid rgba(255,255,255,0.10);
            background: linear-gradient(180deg, rgba(10, 16, 26, 0.96) 0%, rgba(6, 10, 18, 0.98) 100%);
            box-shadow: 0 10px 24px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.06);
            color: #f7fbff;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: 0.03em;
            white-space: nowrap;
            opacity: 0;
            transform: translate(-50%, -8px) scale(0.94);
            transform-origin: 50% 100%;
            transition: opacity 0.16s ease, transform 0.16s ease;
            pointer-events: none;
            user-select: none;
        }

        .history-chart-tooltip::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -5px;
            width: 8px;
            height: 8px;
            border-right: 1px solid rgba(255,255,255,0.08);
            border-bottom: 1px solid rgba(255,255,255,0.08);
            background: rgba(7, 11, 18, 0.98);
            transform: translateX(-50%) rotate(45deg);
        }

        .history-chart-tooltip.is-visible {
            opacity: 1;
            transform: translate(-50%, -14px) scale(1);
        }

        .history-chart-tooltip__value {
            display: block;
            font-size: 11px;
            font-weight: 900;
            color: #ffffff;
        }

        .history-chart-tooltip__date {
            display: block;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 0.02em;
            color: rgba(212, 227, 255, 0.84);
        }

        .history-bar-node {
            cursor: pointer;
            opacity: 0;
            transform-box: fill-box;
            transform-origin: 50% 100%;
            transform: translateY(16px) scaleY(0.74);
            will-change: transform, opacity;
        }

        .history-chart-shell.is-mounted .history-bar-node {
            animation: historyBarEnter 620ms cubic-bezier(0.2, 0.88, 0.24, 1) var(--history-bar-delay, 0ms) forwards;
        }

        .history-bar-main,
        .history-bar-sheen,
        .history-bar-aura,
        .history-bar-outline,
        .history-bar-edgeflow,
        .history-bar-scan {
            transform-box: fill-box;
            transform-origin: 50% 100%;
            transition:
                transform 220ms cubic-bezier(0.18, 0.88, 0.24, 1),
                opacity 200ms ease,
                stroke 200ms ease;
            will-change: transform, opacity;
        }


        .history-bar-node .history-bar-aura {
            opacity: 0;
        }


        .history-bar-node .history-bar-outline {
            opacity: 0.18;
        }


        .history-bar-node .history-bar-edgeflow {
            opacity: 0.12;
            stroke-linecap: round;
            stroke-dashoffset: 0;
        }

        .history-bar-node .history-bar-scan {
            opacity: 0;
            mix-blend-mode: screen;
            transform: translateX(-145%) skewX(-18deg);
        }


        .history-bar-node.is-latest .history-bar-outline {
            opacity: 0.26;
        }


        .history-bar-node.is-latest .history-bar-edgeflow {
            opacity: 0.18;
        }


        .history-bar-node.is-active .history-bar-main,
        .history-bar-node.is-pinned .history-bar-main {
            transform: translateY(-3px) scaleX(1.02) scaleY(1.02);
        }

        .history-bar-node.is-active .history-bar-sheen,
        .history-bar-node.is-pinned .history-bar-sheen {
            transform: translateY(-6px) scaleX(1.03) scaleY(1.07);
            opacity: 0.9;
        }


        .history-bar-node.is-active .history-bar-outline,
        .history-bar-node.is-pinned .history-bar-outline {
            opacity: 0.72;
            stroke: rgba(225, 247, 255, 0.92);
        }

        .history-bar-node.is-active .history-bar-aura,
        .history-bar-node.is-pinned .history-bar-aura {
            opacity: 0.72;
            transform: translateY(-4px) scaleX(1.12) scaleY(1.05);
        }


        .history-bar-node.is-active .history-bar-edgeflow,
        .history-bar-node.is-pinned .history-bar-edgeflow {
            opacity: 0.28;
        }


        .history-bar-node.is-active.is-latest .history-bar-edgeflow,
        .history-bar-node.is-pinned.is-latest .history-bar-edgeflow {
            opacity: 0.34;
        }

        .history-bar-node.is-armed .history-bar-scan {
            animation: historyBarScan 980ms cubic-bezier(0.2, 0.78, 0.22, 1) 1;
        }



        .history-bar-node.is-active.is-latest .history-bar-outline,
        .history-bar-node.is-pinned.is-latest .history-bar-outline {
            stroke: rgba(255, 243, 199, 0.95);
        }

        .history-bar-node.is-active.is-latest .history-bar-aura,
        .history-bar-node.is-pinned.is-latest .history-bar-aura {
            opacity: 0.9;
        }


        .history-bar-node.is-latest:not(.is-active):not(.is-pinned) .history-bar-aura {
            opacity: 0.32;
        }

        .history-bar-node.is-latest:not(.is-active):not(.is-pinned) .history-bar-outline {
            opacity: 0.28;
        }

        .history-bar-hitbox {
            pointer-events: all;
        }

        @media (prefers-reduced-motion: reduce) {
            .history-chart-shell.is-mounted .history-bar-node,
            .history-bar-node.is-armed .history-bar-scan {
                animation: none !important;
            }

            .history-bar-node,
            .history-bar-main,
            .history-bar-sheen,
            .history-bar-aura,
            .history-bar-outline,
            .history-bar-edgeflow,
            .history-bar-scan {
                transition: none !important;
            }
        }

        @keyframes historyBarEnter {
            0% {
                opacity: 0;
                transform: translateY(18px) scaleY(0.68);
            }
            60% {
                opacity: 1;
            }
            100% {
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
        }
            100% {
                stroke-dashoffset: -152;
            }
        }

        @keyframes historyBarScan {
            0% {
                opacity: 0;
                transform: translateX(-145%) skewX(-18deg);
            }
            18% {
                opacity: 0.52;
            }
            45% {
                opacity: 0.98;
            }
            100% {
                opacity: 0;
                transform: translateX(155%) skewX(-18deg);
            }
        }
            50% {
                opacity: 0.46;
                transform: translateY(-1px) scaleX(1.05) scaleY(1.02);
            }
        }
            50% {
                opacity: 0.54;
                filter: drop-shadow(0 0 8px rgba(255, 214, 115, 0.22));
            }
        }

        .history-chart-tag {
            position: absolute;
            top: 12px;
            transform: translateX(0);
            font-size: 9px;
            font-weight: 800;
            line-height: 1;
            color: rgba(145, 208, 255, 0.92);
            letter-spacing: 0.12em;
            text-transform: uppercase;
            opacity: 0.92;
        }

        .history-chart-ylabel {
            position: absolute;
            left: 0;
            transform: translateY(-50%);
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            color: rgba(189, 201, 224, 0.70);
            text-shadow: 0 1px 0 rgba(0,0,0,0.35);
        }

        .history-chart-ylabel--top {
            transform: translateY(-20%);
        }

        .history-chart-ylabel--bottom {
            transform: translateY(-86%);
        }

        .history-chart-xlabel {
            position: absolute;
            bottom: 7px;
            font-size: 8px;
            font-weight: 700;
            line-height: 1;
            color: rgba(193, 204, 223, 0.48);
            letter-spacing: 0.04em;
            text-transform: none;
            text-shadow: 0 1px 0 rgba(0,0,0,0.34);
            white-space: nowrap;
        }

        .history-chart-xlabel--start {
            transform: translateX(0);
            text-align: left;
        }

        .history-chart-xlabel--center {
            transform: translateX(-50%);
            text-align: center;
        }

        .history-chart-xlabel--end {
            transform: translateX(-100%);
            text-align: right;
        }

        .history-svg {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 720 / 228;
            max-height: 228px;
        }

        @media (max-width: 640px) {
            .history-title-row {
                align-items: flex-start;
            }

            .history-kpis {
                width: 100%;
            }

            .history-kpi {
                flex: 1 1 auto;
                justify-content: center;
            }
        }

        @media (max-width: 640px) {
            .history-chart-ylabel,
            .history-chart-tag {
                font-size: 9px;
            }

            .history-chart-xlabel {
                font-size: 7.5px;
            }

            .history-chart-tooltip {
                min-width: 66px;
                padding: 7px 8px 6px;
                font-size: 9px;
            }

            .history-chart-tooltip__value {
                font-size: 10px;
            }

            .history-chart-tooltip__date {
                font-size: 8px;
            }
        }


        .comments-toggle {
            margin-top: 10px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid #242938;
            background: linear-gradient(180deg, #111521 0%, #0d1119 100%);
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
            transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease;
        }

        .comments-toggle:hover {
            border-color: #33415a;
            background: linear-gradient(180deg, #131928 0%, #0f1420 100%);
        }

        .comments-toggle .arrow {
            display: inline-block;
            font-size: 14px;
            color: #9ec6ff;
            transition: transform 0.22s ease;
        }

        .post-card.is-comments-open .comments-toggle .arrow {
            transform: rotate(180deg);
        }

        .comments-panel {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            flex: 0 0 auto;
            transition: max-height 0.28s ease, opacity 0.18s ease, margin-top 0.18s ease;
        }

        .post-card.is-comments-open .comments-panel {
            max-height: 500px;
            opacity: 1;
            margin-top: 10px;
        }

        .ai-summary-card {
            position: relative;
            margin-top: 12px;
            margin-bottom: 0;
            padding: 14px 14px 13px;
            border-radius: 18px;
            border: 1px solid rgba(88, 111, 150, 0.22);
            background:
                radial-gradient(circle at top right, rgba(201, 154, 59, 0.10) 0%, rgba(201,154,59,0) 32%),
                radial-gradient(circle at top left, rgba(62, 124, 214, 0.14) 0%, rgba(62,124,214,0) 34%),
                linear-gradient(180deg, rgba(12, 18, 30, 0.98) 0%, rgba(7, 12, 22, 1) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.03),
                inset 0 -18px 42px rgba(0,0,0,0.16),
                0 18px 34px rgba(0,0,0,0.22);
            overflow: hidden;
        }

        .ai-summary-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 16px;
            right: 16px;
            height: 1px;
            background: linear-gradient(90deg, rgba(92, 148, 226, 0), rgba(92, 148, 226, 0.42), rgba(212, 170, 84, 0.28), rgba(212, 170, 84, 0));
            pointer-events: none;
        }

        .ai-summary-head {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
        }

        .ai-summary-title-wrap {
            min-width: 0;
            display: grid;
            gap: 4px;
        }

        .ai-summary-kicker {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-width: 0;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #8ea0bc;
        }

        .ai-summary-kicker::before {
            content: '';
            width: 16px;
            height: 1px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(89, 155, 231, 0.9), rgba(212, 169, 80, 0.72));
            box-shadow: 0 0 14px rgba(95, 151, 226, 0.28);
            flex: 0 0 auto;
        }

        .ai-summary-title {
            font-size: 15px;
            line-height: 1.05;
            font-weight: 900;
            letter-spacing: -0.01em;
            color: #f8fbff;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ai-summary-subtitle {
            font-size: 10px;
            color: #7e8ca4;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ai-summary-btn {
            position: relative;
            flex: 0 0 auto;
            min-width: 96px;
            height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            border: 1px solid rgba(198, 152, 60, 0.34);
            background:
                linear-gradient(180deg, rgba(52, 37, 10, 0.96) 0%, rgba(23, 17, 8, 0.98) 100%);
            color: #f7deb0;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.06),
                0 10px 18px rgba(0,0,0,0.18);
            transition: transform 0.18s ease, border-color 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
        }

        .ai-summary-btn:hover {
            transform: translateY(-1px);
            border-color: rgba(232, 188, 94, 0.52);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.07),
                0 12px 22px rgba(0,0,0,0.22),
                0 0 20px rgba(196, 149, 58, 0.10);
            filter: brightness(1.04);
        }

        .ai-summary-btn:disabled {
            cursor: wait;
            opacity: 0.74;
            transform: none;
            filter: none;
        }

        .ai-summary-body {
            margin-top: 13px;
        }

        .ai-summary-placeholder,
        .ai-summary-error {
            padding: 13px 14px;
            border-radius: 14px;
            background:
                linear-gradient(180deg, rgba(10, 17, 30, 0.88) 0%, rgba(8, 13, 24, 0.94) 100%);
            border: 1px solid rgba(70, 89, 124, 0.20);
            font-size: 12px;
            line-height: 1.62;
            color: #9aa8bf;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
        }

        .ai-summary-error {
            color: #ffcbc5;
            border-color: rgba(167, 64, 58, 0.34);
            background:
                linear-gradient(180deg, rgba(42, 15, 17, 0.76) 0%, rgba(27, 10, 12, 0.88) 100%);
        }

        .ai-summary-result {
            display: grid;
            gap: 12px;
            padding: 13px 14px 14px;
            border-radius: 15px;
            background:
                radial-gradient(circle at top left, rgba(57, 118, 207, 0.14) 0%, rgba(57,118,207,0) 34%),
                linear-gradient(180deg, rgba(9, 17, 31, 0.98) 0%, rgba(6, 11, 20, 1) 100%);
            border: 1px solid rgba(83, 111, 156, 0.18);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.02),
                inset 0 -12px 30px rgba(0,0,0,0.14);
        }

        .ai-summary-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }

        .ai-summary-pill,
        .ai-summary-tag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .ai-summary-pill {
            border: 1px solid rgba(90, 147, 216, 0.34);
            background: rgba(18, 45, 79, 0.54);
            color: #bedeff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
        }

        .ai-summary-pill--tone {
            transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
        }

        .ai-summary-pill--tone.is-positive {
            border-color: rgba(63, 168, 102, 0.42);
            background: rgba(19, 69, 41, 0.58);
            color: #bff1cf;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 0 0 1px rgba(63, 168, 102, 0.08);
        }

        .ai-summary-pill--tone.is-neutral {
            border-color: rgba(139, 148, 167, 0.34);
            background: rgba(58, 65, 79, 0.42);
            color: #d4d9e3;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
        }

        .ai-summary-pill--tone.is-negative {
            border-color: rgba(196, 82, 82, 0.40);
            background: rgba(82, 24, 24, 0.54);
            color: #ffcccc;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 0 0 1px rgba(196, 82, 82, 0.08);
        }

        .ai-summary-meta-text {
            font-size: 10px;
            color: #7f8da4;
            letter-spacing: 0.03em;
        }

        .ai-summary-toggle {
            margin-left: auto;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 26px;
            padding: 0 10px;
            border-radius: 999px;
            border: 1px solid rgba(196, 151, 59, 0.24);
            background: rgba(20, 26, 38, 0.84);
            color: #d9c48d;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
            transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
        }

        .ai-summary-toggle:hover {
            transform: translateY(-1px);
            border-color: rgba(221, 179, 87, 0.42);
            background: rgba(26, 33, 46, 0.94);
            color: #f0d69b;
        }

        .ai-summary-toggle-arrow {
            display: inline-block;
            transition: transform 0.18s ease;
        }

        .ai-summary-result[data-expanded="1"] .ai-summary-toggle-arrow {
            transform: rotate(180deg);
        }

        .ai-summary-detail {
            display: grid;
            gap: 12px;
            padding-top: 2px;
        }

        .ai-summary-result[data-expanded="0"] .ai-summary-detail,
        .ai-summary-detail[hidden] {
            display: none !important;
        }

        .ai-summary-result[data-expanded="1"] .ai-summary-detail {
            display: grid;
        }

        .ai-summary-text {
            font-size: 12px;
            line-height: 1.72;
            color: #edf4fd;
        }

        .ai-summary-scores {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .ai-score-card {
            position: relative;
            overflow: hidden;
            display: grid;
            gap: 4px;
            min-height: 78px;
            padding: 11px 12px 10px;
            border-radius: 14px;
            border: 1px solid rgba(77, 101, 142, 0.20);
            background:
                radial-gradient(circle at top left, rgba(71, 135, 222, 0.12) 0%, rgba(71,135,222,0) 44%),
                linear-gradient(180deg, rgba(11, 20, 36, 0.96) 0%, rgba(7, 13, 24, 0.98) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.03),
                inset 0 -10px 24px rgba(0,0,0,0.16);
        }

        .ai-score-card::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            opacity: 0.9;
            background: linear-gradient(90deg, rgba(88, 155, 236, 0.18), rgba(88, 155, 236, 0.62));
        }

        .ai-score-card.is-mid::after {
            background: linear-gradient(90deg, rgba(213, 169, 74, 0.22), rgba(213, 169, 74, 0.68));
        }

        .ai-score-card.is-high::after {
            background: linear-gradient(90deg, rgba(92, 161, 239, 0.24), rgba(214, 171, 79, 0.78));
        }

        .ai-score-label {
            font-size: 8px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #7f91ad;
        }

        .ai-score-value {
            display: inline-flex;
            align-items: baseline;
            gap: 4px;
            font-size: 28px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: -0.03em;
            color: #f4f8fe;
        }

        .ai-score-value span {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: #87b6ea;
        }

        .ai-score-card.is-mid .ai-score-value span {
            color: #d7bd7a;
        }

        .ai-score-card.is-high .ai-score-value span {
            color: #e7cb8c;
        }

        .ai-score-note {
            font-size: 11px;
            line-height: 1.35;
            color: #b9c6db;
        }

        .ai-summary-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

        .ai-summary-tag {
            border: 1px solid rgba(68, 100, 144, 0.22);
            background: rgba(11, 20, 36, 0.82);
            color: #b8c7de;
            text-transform: none;
            letter-spacing: 0.02em;
            font-size: 10px;
            font-weight: 800;
        }

        .ai-summary-list {
            margin: 0;
            padding-left: 17px;
            display: grid;
            gap: 7px;
            color: #d8e3f3;
            font-size: 11px;
            line-height: 1.55;
        }

        .ai-summary-foot {
            font-size: 10px;
            color: #6f7d94;
            letter-spacing: 0.03em;
        }

        @media (max-width: 560px) {
            .ai-summary-card {
                padding: 13px 13px 12px;
            }

            .ai-summary-head {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .ai-summary-scores {
                grid-template-columns: 1fr;
            }

            .ai-summary-toggle {
                width: 100%;
                justify-content: center;
                margin-left: 0;
            }

            .ai-score-card {
                min-height: 72px;
            }

            .ai-summary-btn {
                width: 100%;
                justify-self: stretch;
            }

            .ai-summary-title,
            .ai-summary-subtitle {
                white-space: normal;
                overflow: visible;
                text-overflow: clip;
            }
        }

        .comments-scroll {
            max-height: 200px;
            overflow: auto;
            display: grid;
            gap: 8px;
            align-content: start;
            padding-right: 4px;
        }

        @media (min-width: 768px) {
            .post-card {
                min-height: 0;
            }

            .comments-toggle {
                display: none;
            }

            .comments-toggle .arrow {
                transform: rotate(180deg);
            }

            .comments-panel {
                max-height: none;
                opacity: 1;
                overflow: visible;
                margin-top: 10px;
            }

            .comments-scroll {
                height: 200px;
                max-height: 200px;
                overflow: auto;
            }
        }

        @media (max-width: 767.98px) {
            .comments-panel {
                margin-top: 0;
            }
        }

        .comment {
            background: #0d1017;
            border: 1px solid #242938;
            border-radius: 14px;
            padding: 10px;
        }

        .comment-meta {
            font-size: 11px;
            color: #9aa3b5;
            margin-bottom: 5px;
            line-height: 1.45;
        }

        .comment-body {
            font-size: 12px;
            line-height: 1.5;
            color: #f0f3fa;
        }

        ::-webkit-scrollbar { width: 10px; height: 10px; }
        ::-webkit-scrollbar-track { background: #0a0c12; border-radius: 999px; }
        ::-webkit-scrollbar-thumb { background: #2a3140; border-radius: 999px; border: 2px solid #0a0c12; }
        ::-webkit-scrollbar-thumb:hover { background: #3a4356; }

        @media (max-width: 1700px) {
            .posts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        }

        @media (max-width: 1380px) {
            .posts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        }


            .hero-header__top {
                flex-direction: column;
                align-items: flex-start;
            }

            .hero-meta {
                justify-content: flex-start;
            }

            .post-stats {
                grid-template-columns: 58px 28px minmax(84px, 1fr) 46px 46px;
            }
        }

        @media (max-width: 1280px) {
            .hero-filter-card__body {
                grid-template-columns: 1fr;
            }

            .hero-actions.hero-actions--refined {
                padding-left: 0;
                padding-top: 14px;
                border-left: 0;
                border-top: 1px solid rgba(74, 103, 165, 0.16);
            }
        }

        @media (max-width: 1080px) {
            .hero-header__inner {
                padding: 14px 15px 13px;
            }

            .hero-header__split {
                grid-template-columns: 1fr;
            }

            .ai-rollup-card {
                position: static;
            }

            .post-card {
                min-height: 560px;
            }

            .post-top-actions > a {
                padding-inline: 12px;
                font-size: 12px;
            }
        }

        @media (max-width: 980px) {
            .filter-grid { grid-template-columns: 1fr; }

            .hero-actions .btn-primary {
                min-width: 190px;
            }
        }

        @media (max-width: 900px) {
            .sync-target-manager__head,
            .sync-target-manager__grid {
                grid-template-columns: 1fr;
                display: grid;
				align-items: center;
            }

            .sync-target-manager__actions {
                width: 100%;
                justify-content: stretch;
            }

            .sync-target-manager__actions .btn {
                width: 100%;
                min-width: 0;
            }
        }

        @media (max-width: 900px) {
            .hero-left-card,
            .hero-left-stack .sync-target-manager {
                padding: 14px;
            }

            .hero-left-card__header {
                flex-direction: column;
                align-items: stretch;
            }

            .hero-left-card__metrics {
                justify-content: flex-start;
            }

            .filter-grid--hero.filter-grid--hero-refined {
                grid-template-columns: 1fr;
            }

            .hero-actions.hero-actions--refined {
                width: 100%;
                justify-content: stretch;
                flex-wrap: wrap;
            }

            .hero-actions.hero-actions--refined .btn,
            .hero-actions.hero-actions--refined a {
                flex: 1 1 calc(50% - 6px);
                min-width: 0;
            }
        }

        @media (max-width: 900px) {
            .wrap { padding: 12px; }

            .hero-header {
                max-width: none;
                margin-bottom: 14px;
            }
            .hero-header__inner { padding: 14px 12px 12px; }

            .hero-title h1 { font-size: 22px; }

            .ai-rollup-card__head {
                flex-direction: column;
                align-items: stretch;
            }

            .ai-rollup-toolbar {
                grid-template-columns: 1fr;
            }

            .ai-rollup-side-actions {
                width: 100%;
                justify-items: stretch;
            }

            .ai-rollup-refresh,
            .ai-rollup-satisfaction {
                width: 100%;
                min-width: 0;
            }

            .ai-rollup-tabs {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .ai-rollup-tab {
                width: 100%;
                min-width: 0;
            }

            .hero-meta__chip {
                min-height: 23px;
                font-size: 8.5px;
                padding: 0 8px;
            }

            .hero-actions {
                gap: 8px;
                margin-top: 10px;
            }

            .hero-actions button,
            .hero-actions .btn,
            .hero-actions a {
                min-height: 40px;
                width: auto;
                padding-inline: 14px;
            }

            .hero-actions .btn-primary {
                min-width: 0;
                flex: 1 1 auto;
            }

            .posts-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .post-card {
                min-height: auto;
                padding: 14px;
                border-radius: 20px;
                border-color: rgba(179, 138, 58, 0.22);
                background:
                    linear-gradient(180deg, rgba(18, 21, 31, 0.995) 0%, rgba(11, 14, 22, 0.995) 100%),
                    radial-gradient(circle at top left, rgba(191, 149, 64, 0.11), transparent 42%),
                    radial-gradient(circle at top right, rgba(0, 110, 245, 0.10), transparent 34%);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.03),
                    inset 0 0 0 1px rgba(74, 56, 21, 0.14),
                    0 18px 34px rgba(0,0,0,0.26),
                    0 0 0 1px rgba(191, 149, 64, 0.03);
            }

            .post-card::before {
                background: linear-gradient(90deg, transparent, rgba(191, 149, 64, 0.34), rgba(126, 186, 255, 0.16), transparent);
            }

            .post-card::after {
                background: radial-gradient(circle, rgba(191, 149, 64, 0.10) 0%, rgba(191, 149, 64, 0) 74%);
            }

            .post-head {
                align-items: stretch;
                flex-direction: column;
                gap: 12px;
                margin-bottom: 14px;
            }

            .post-top-actions {
                width: 100%;
                display: grid;
                grid-template-columns: minmax(0, 1fr) 42px auto;
                gap: 8px;
                align-items: stretch;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge {
                min-height: 42px;
                border-radius: 14px;
            }

            .post-top-actions > a {
                width: 100%;
                padding-inline: 14px;
            }

            .icon-btn {
                width: 42px;
                height: 42px;
                flex-basis: 42px;
            }

            .live-mini,
            .live-badge {
                width: 100%;
            }

            .post-stats {
                grid-template-columns: 58px 34px minmax(96px, 1fr) 46px 46px;
                gap: 6px;
                margin-top: 0;
                align-items: stretch;
            }

            .post-stats.post-stats-ig {
                grid-template-columns: 60px minmax(96px, 1fr) 82px 50px;
            }

            .post-stats.post-stats-youtube {
                grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.4fr) minmax(0, 0.82fr) minmax(0, 0.82fr) minmax(0, 0.92fr);
            }

            .post-stats > .pill {
                min-height: 38px;
                border-radius: 13px;
                padding-inline: 8px;
                font-size: 10.15px;
            }

            .post-stats > .pill:not(.pill-media) {
                border-color: rgba(186, 144, 60, 0.18);
                background: linear-gradient(180deg, rgba(19, 21, 31, 0.98) 0%, rgba(12, 15, 23, 0.98) 100%);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.035),
                    inset 0 0 0 1px rgba(64, 47, 17, 0.12),
                    0 8px 20px rgba(0,0,0,0.16);
            }

            .pill-media.video {
                background: linear-gradient(180deg, rgba(14, 27, 50, 0.98) 0%, rgba(8, 15, 28, 0.98) 100%);
                border-color: rgba(104, 160, 255, 0.24);
                color: #a9d1ff;
            }

            .pill-media.album,
            .pill-media.image {
                color: #ff9f9f;
                background: linear-gradient(180deg, rgba(40, 17, 20, 0.98) 0%, rgba(25, 11, 13, 0.98) 100%);
                border-color: rgba(199, 82, 96, 0.22);
            }

            .pill-like,
            .pill-comment,
            .pill-date {
                justify-content: center;
            }

            .pill-date {
                grid-column: auto;
                order: 0;
                min-width: 0;
                padding-inline: 8px;
            }

            .post-stats.post-stats-ig .pill-date {
                justify-content: flex-start;
                padding-inline: 10px;
            }

            .post-card-youtube .post-top-actions {
                grid-template-columns: minmax(0, 1fr);
            }

            .post-card-youtube .youtube-copy-stack {
                gap: 9px;
                margin-top: 12px;
            }

            .post-card-youtube .youtube-title {
                min-height: 94px;
                max-height: 94px;
                padding: 11px 12px;
            }

            .post-card-youtube .youtube-title__text {
                font-size: 17px;
                line-height: 1.38;
            }

            .post-card-youtube .youtube-description-box {
                padding: 11px 12px;
                min-height: 150px;
                max-height: 150px;
            }

            .pill-date span {
                font-size: 9.65px;
                letter-spacing: -0.01em;
            }

            .history-panel {
                padding: 12px;
            }

            .history-head {
                flex-direction: column;
                align-items: stretch;
            }

            .history-legend {
                justify-content: stretch;
            }

            .history-chip {
                flex: 1 1 0;
                min-width: 0;
            }

            .history-svg {
                max-height: none;
            }

            .post-mini-preview {
                flex-basis: 64px;
                width: 64px;
                height: 64px;
                border-radius: 14px;
            }
            .post-mini-preview::after { border-radius: 13px; }


            .comments-toggle {
                margin-top: 12px;
                min-height: 48px;
                padding: 13px 14px;
                border-radius: 16px;
                border-color: rgba(184, 142, 58, 0.18);
                background: linear-gradient(180deg, rgba(30, 24, 14, 0.34) 0%, rgba(16, 21, 32, 0.98) 16%, rgba(11, 15, 24, 0.98) 100%);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.03),
                    inset 0 0 0 1px rgba(64, 47, 17, 0.12),
                    0 12px 22px rgba(0,0,0,0.18);
            }

            .comments-toggle .arrow {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 18px;
                height: 18px;
                font-size: 14px;
                line-height: 1;
                color: #efcc84;
            }

            .post-card.is-comments-open .comments-panel {
                max-height: 500px;
                margin-top: 12px;
            }

            .comments-scroll {
                gap: 10px;
                padding-right: 2px;
            }

            .post-card.is-comments-open .comments-scroll { height: 200px; max-height: 200px; }

            .comment {
                padding: 12px;
                border-radius: 16px;
                border-color: rgba(184, 142, 58, 0.14);
                background: linear-gradient(180deg, rgba(28, 22, 13, 0.18) 0%, rgba(13, 17, 26, 0.98) 18%, rgba(10, 13, 20, 0.98) 100%);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.02),
                    inset 0 0 0 1px rgba(64, 47, 17, 0.08);
            }

            .comment-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 3px 8px;
                align-items: center;
                margin-bottom: 7px;
                font-size: 10px;
                line-height: 1.45;
            }

            .comment-meta strong {
                color: #f3ddb0;
                letter-spacing: 0.01em;
            }

            .comment-body {
                font-size: 12px;
                line-height: 1.55;
            }
        }

        @media (max-width: 520px) {
            .hero-title h1 { font-size: 22px; }
            .card { border-radius: 16px; }

            .post-card {
                padding: 12px;
                border-radius: 18px;
            }


            .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 40px 88px;
                gap: 7px;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge {
                min-height: 40px;
                border-radius: 13px;
                font-size: 12px;
            }

            .icon-btn {
                width: 40px;
                height: 40px;
                flex-basis: 40px;
            }

            .post-stats {
                grid-template-columns: 54px 36px minmax(100px, 1fr) 44px 44px;
                gap: 6px;
            }

            .post-stats.post-stats-ig {
                grid-template-columns: 58px minmax(92px, 1fr) 78px 48px;
            }

            .post-stats.post-stats-youtube {
                grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.32fr) minmax(0, 0.78fr) minmax(0, 0.78fr) minmax(0, 0.88fr);
            }

            .post-stats > .pill {
                min-height: 36px;
                border-radius: 12px;
                font-size: 9.35px;
                padding-inline: 6px;
            }

            .pill-date {
                min-width: 0;
                padding-inline: 7px;
            }

            .post-stats.post-stats-ig .pill-date {
                justify-content: flex-start;
                padding-inline: 9px;
            }

            .post-card-youtube .youtube-title {
                min-height: 84px;
                max-height: 84px;
                padding: 10px 11px;
            }

            .post-card-youtube .youtube-title__text {
                font-size: 15px;
                line-height: 1.36;
            }

            .post-card-youtube .youtube-description-box {
                padding: 10px 11px;
                font-size: 12.5px;
            }

            .pill-date span {
                font-size: 8.8px;
                letter-spacing: -0.01em;
            }

            .pill-icon .icon {
                width: 15px;
                height: 15px;
                flex-basis: 15px;
                font-size: 9px;
            }

            .pill-comment .icon::before {
                left: 2.5px;
                top: 3.5px;
                width: 7px;
                height: 5px;
            }

            .pill-comment .icon::after {
                left: 5px;
                top: 7.8px;
                width: 3px;
                height: 3px;
            }

            .comments-toggle {
                min-height: 44px;
                border-radius: 14px;
                font-size: 12px;
            }


            .post-card.is-comments-open .comments-scroll { max-height: 200px; }


            .comment {
                padding: 11px;
                border-radius: 14px;
            }

            .comment-meta {
                gap: 3px 7px;
                font-size: 9.5px;
            }

            .comment-body {
                font-size: 11.5px;
                line-height: 1.52;
            }
        }
		
			.comment-replies {
				margin-top: 10px;
				margin-left: 10px;
				padding-left: 10px;
				border-left: 1px solid rgba(126, 186, 255, 0.18);
				display: grid;
				gap: 8px;
			}

			.comment-reply {
				background: #0b0f17;
				border-color: rgba(70, 92, 132, 0.26);
			}

			@media (max-width: 900px) {
				.comment-replies {
					margin-left: 8px;
					padding-left: 8px;
					gap: 8px;
				}
			}
			
			
			
			svg.history-svg text {
				font-size: 22px;
			}
			
			option {
				background-color: rgba(15, 24, 43, 0.96);
			}
			.filter-grid:not(.filter-grid--hero-refined) .filter-field {
				max-width: 150px;
			}
			.filter-grid.filter-grid--hero:not(.filter-grid--hero-refined) {
				display: flex;
				gap: 20px;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
			}

			@media (max-width: 900px) {
				.hero-filter-card__body {
					grid-template-columns: 1fr;
					gap: 14px;
				}

				.filter-grid.filter-grid--hero.filter-grid--hero-refined {
					display: grid !important;
					grid-template-columns: 1fr !important;
					gap: 14px;
					align-items: stretch;
				}

				.filter-grid.filter-grid--hero.filter-grid--hero-refined .filter-field {
					width: 100%;
					max-width: none;
				}

				.filter-grid.filter-grid--hero.filter-grid--hero-refined select,
				.filter-grid.filter-grid--hero.filter-grid--hero-refined input,
				.filter-grid.filter-grid--hero.filter-grid--hero-refined textarea {
					width: 100%;
					min-width: 0;
				}

				.hero-actions.hero-actions--refined {
					display: grid;
					grid-template-columns: 1fr;
					gap: 10px;
				}

				.hero-actions.hero-actions--refined .btn,
				.hero-actions.hero-actions--refined a {
					width: 100%;
					min-width: 0;
					flex: 1 1 100%;
				}
			}

        .gemini-fab-stack {
            position: fixed;
            right: 22px;
            bottom: 22px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            z-index: 1200;
        }
        .gemini-fab {
            position: relative;
            width: 62px;
            height: 62px;
            border: 0;
            border-radius: 999px;
            background: linear-gradient(135deg, #5c7cff, #7d4dff);
            color: #fff;
            box-shadow: 0 18px 45px rgba(11, 17, 32, 0.45);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
        }
        .gemini-fab:hover {
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 24px 52px rgba(11, 17, 32, 0.52);
        }
        .gemini-fab__icon {
            font-size: 24px;
            line-height: 1;
        }
        .gemini-fab--live {
            background: linear-gradient(135deg, #6ed8ff, #7da8ff);
            color: #071427;
            border: 1px solid rgba(196, 238, 255, 0.38);
            box-shadow: 0 18px 42px rgba(9, 23, 44, 0.44);
        }
        .gemini-fab--live .gemini-fab__icon {
            font-size: 22px;
        }
        .gemini-fab--live.is-listening {
            background: linear-gradient(135deg, #4fe0c9, #6ed8ff);
            color: #04151b;
            border-color: rgba(205, 250, 244, 0.54);
        }
        .gemini-fab--live.is-disabled {
            opacity: .55;
            cursor: default;
            transform: none;
            box-shadow: 0 12px 30px rgba(11, 17, 32, 0.32);
        }
        .gemini-live-overlay {
            position: fixed;
            left: 18px;
            right: 18px;
            bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
            z-index: 1195;
            pointer-events: none;
            opacity: 0;
            transform: translateY(14px);
            transition: opacity .22s ease, transform .22s ease;
        }
        .gemini-live-overlay.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .gemini-live-overlay__rail {
            width: min(720px, calc(100vw - 36px));
            margin: 0 auto;
            padding: 12px 16px 11px;
            border-radius: 22px;
            border: 1px solid rgba(105, 232, 178, 0.28);
            background: linear-gradient(180deg, rgba(13, 34, 27, 0.92), rgba(8, 20, 18, 0.96));
            box-shadow: 0 18px 56px rgba(0, 0, 0, 0.42);
            backdrop-filter: blur(18px);
            display: grid;
            gap: 8px;
        }
        .gemini-live-overlay.is-ready .gemini-live-overlay__rail,
        .gemini-live-overlay.is-listening .gemini-live-overlay__rail,
        .gemini-live-overlay.is-speaking .gemini-live-overlay__rail {
            border-color: rgba(110, 189, 255, 0.32);
            background: linear-gradient(180deg, rgba(10, 24, 54, 0.92), rgba(6, 15, 34, 0.96));
        }
        .gemini-live-overlay.is-error .gemini-live-overlay__rail {
            border-color: rgba(255, 120, 120, 0.34);
            background: linear-gradient(180deg, rgba(50, 16, 23, 0.94), rgba(25, 9, 14, 0.97));
        }
        .gemini-live-overlay__status {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .01em;
            color: #eafff6;
            text-align: center;
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
            line-height: 1.3;
        }
        .gemini-live-overlay.is-ready .gemini-live-overlay__status,
        .gemini-live-overlay.is-listening .gemini-live-overlay__status,
        .gemini-live-overlay.is-speaking .gemini-live-overlay__status {
            color: #e8f4ff;
        }
        .gemini-live-overlay.is-error .gemini-live-overlay__status {
            color: #ffd6d6;
        }
        .gemini-live-overlay__waves {
            height: 34px;
            display: flex;
            align-items: end;
            justify-content: center;
            gap: 4px;
            padding: 0 6px;
        }
        .gemini-live-overlay__waves span {
            display: block;
            width: 4px;
            height: 8px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(125, 255, 201, 0.95), rgba(56, 212, 155, 0.82));
            opacity: 0.38;
            transform-origin: center bottom;
            transform: scaleY(0.42);
            will-change: transform, opacity;
            transition: background 160ms ease, opacity 120ms ease;
        }
        .gemini-live-overlay.is-ready .gemini-live-overlay__waves span,
        .gemini-live-overlay.is-listening .gemini-live-overlay__waves span,
        .gemini-live-overlay.is-speaking .gemini-live-overlay__waves span {
            background: linear-gradient(180deg, rgba(146, 212, 255, 0.98), rgba(84, 155, 255, 0.84));
        }
        .gemini-live-overlay.is-error .gemini-live-overlay__waves span {
            background: linear-gradient(180deg, rgba(255, 188, 188, 0.98), rgba(255, 112, 112, 0.86));
        }
        .gemini-live-overlay.is-connecting .gemini-live-overlay__waves span,
        .gemini-live-overlay.is-listening .gemini-live-overlay__waves span,
        .gemini-live-overlay.is-speaking .gemini-live-overlay__waves span {
            animation: none;
        }
        .gemini-live-overlay__transcript {
            min-height: 17px;
            text-align: center;
            font-size: 11px;
            line-height: 1.35;
            color: rgba(232, 244, 255, 0.9);
            text-shadow: 0 1px 12px rgba(0, 0, 0, 0.42);
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
            word-break: break-word;
        }
        .gemini-live-overlay__transcript.is-user {
            color: rgba(208, 255, 232, 0.92);
        }
        body.has-gemini-live-overlay .gemini-fab-stack {
            bottom: calc(env(safe-area-inset-bottom, 0px) + 108px);
        }
        .gemini-chat {
            position: fixed;
            right: 22px;
            bottom: 96px;
            width: min(420px, calc(100vw - 24px));
            height: min(640px, calc(100vh - 130px));
            background: rgba(10, 16, 29, 0.96);
            border: 1px solid rgba(123, 154, 255, 0.24);
            border-radius: 22px;
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.48);
            display: none;
            flex-direction: column;
            overflow: hidden;
            z-index: 1199;
            backdrop-filter: blur(16px);
        }
        .gemini-chat.is-open {
            display: flex;
        }
        .gemini-chat__head {
            padding: 16px 18px;
            border-bottom: 1px solid rgba(123, 154, 255, 0.16);
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
        }
        .gemini-chat__title {
            margin: 0;
            font-size: 16px;
            font-weight: 800;
            color: #f3f6ff;
        }
        .gemini-chat__subtitle {
            margin-top: 4px;
            font-size: 12px;
            color: #9fb3d8;
        }
        .gemini-chat__close {
            border: 0;
            background: transparent;
            color: #dbe5ff;
            font-size: 22px;
            line-height: 1;
            cursor: pointer;
        }
        .gemini-chat__messages {
            flex: 1 1 auto;
            overflow: auto;
            padding: 16px;
            display: grid;
            gap: 12px;
            align-content: start;
        }
        .gemini-chat__bubble {
            max-width: 92%;
            padding: 12px 14px;
            border-radius: 18px;
            line-height: 1.5;
            white-space: normal;
            word-break: break-word;
        }
        .gemini-chat__bubble--bot {
            background: rgba(34, 46, 74, 0.95);
            color: #eef4ff;
            border-top-left-radius: 8px;
        }
        .gemini-chat__bubble--user {
            margin-left: auto;
            background: linear-gradient(135deg, #4f7bff, #6f54ff);
            color: #fff;
            border-top-right-radius: 8px;
        }
        .gemini-chat__composer {
            padding: 14px;
            border-top: 1px solid rgba(123, 154, 255, 0.16);
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10px;
            background: rgba(8, 12, 22, 0.88);
        }
        .gemini-chat__voice-toolbar {
            grid-column: 1 / -1;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }
        .gemini-chat__voice-btn {
            border: 1px solid rgba(123, 154, 255, 0.24);
            background: rgba(13, 19, 34, 0.96);
            color: #eef4ff;
            border-radius: 999px;
            min-height: 36px;
            padding: 0 14px;
            font: inherit;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: border-color .18s ease, background .18s ease, transform .18s ease;
        }
        .gemini-chat__voice-btn:hover {
            transform: translateY(-1px);
            border-color: rgba(145, 173, 255, 0.38);
        }
        .gemini-chat__voice-btn.is-active {
            background: linear-gradient(135deg, rgba(79, 123, 255, 0.28), rgba(125, 77, 255, 0.28));
            border-color: rgba(132, 161, 255, 0.44);
            color: #ffffff;
        }
        .gemini-chat__voice-btn.is-listening {
            background: linear-gradient(135deg, rgba(28, 185, 138, 0.24), rgba(58, 123, 255, 0.28));
            border-color: rgba(78, 211, 170, 0.44);
        }
        .gemini-chat__voice-btn.is-danger {
            border-color: rgba(255, 118, 118, 0.28);
            color: #ffd9d9;
        }
        .gemini-chat__voice-status {
            flex: 1 1 180px;
            min-height: 36px;
            display: inline-flex;
            align-items: center;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(18, 26, 44, 0.92);
            border: 1px solid rgba(123, 154, 255, 0.14);
            color: #9fb3d8;
            font-size: 12px;
            line-height: 1.4;
        }
        .gemini-chat__voice-status.is-live {
            color: #dffbf1;
            border-color: rgba(57, 214, 171, 0.28);
            background: rgba(15, 48, 40, 0.82);
        }
        .gemini-chat__voice-status.is-error {
            color: #ffd7d7;
            border-color: rgba(255, 118, 118, 0.24);
            background: rgba(58, 20, 28, 0.82);
        }
        @media (max-width: 640px) {
            .gemini-live-overlay {
                left: 12px;
                right: 12px;
                bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
            }
            .gemini-live-overlay__rail {
                width: 100%;
                padding: 10px 12px 10px;
                border-radius: 18px;
            }
            .gemini-live-overlay__waves {
                height: 28px;
                gap: 3px;
            }
            .gemini-live-overlay__waves span {
                width: 3px;
            }
            .gemini-live-overlay__status {
                font-size: 11px;
            }
            .gemini-live-overlay__transcript {
                font-size: 10.5px;
            }
            body.has-gemini-live-overlay .gemini-fab-stack {
                bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
                right: 14px;
            }
        }
        .gemini-chat__input {
            min-height: 48px;
            max-height: 132px;
            resize: vertical;
            border-radius: 14px;
            border: 1px solid rgba(123, 154, 255, 0.22);
            background: rgba(13, 19, 34, 0.96);
            color: #eef4ff;
            padding: 12px 14px;
            font: inherit;
        }
        .gemini-chat__actions {
            display: grid;
            gap: 10px;
            align-content: stretch;
        }
        .gemini-chat__send {
            min-width: 96px;
            border: 0;
            border-radius: 14px;
            background: linear-gradient(135deg, #5c7cff, #7d4dff);
            color: #fff;
            font-weight: 700;
            padding: 0 16px;
            cursor: pointer;
        }
        .gemini-chat__send:disabled {
            opacity: .55;
            cursor: default;
        }
        .gemini-chat-answer-text {
            color: #eef4ff;
        }
        .gemini-chat-sources {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid rgba(123, 154, 255, 0.16);
        }
        .gemini-chat-sources__title {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #8ea4d0;
            margin-bottom: 8px;
        }
        .gemini-chat-sources__list {
            margin: 0;
            padding-left: 18px;
            display: grid;
            gap: 6px;
        }
        .gemini-chat-sources__list a,
        .gemini-chat-sources__list span {
            color: #dbe6ff;
            text-decoration: none;
            font-size: 12px;
        }
        @media (max-width: 700px) {
            .gemini-fab-stack {
                right: 14px;
                bottom: 14px;
                gap: 8px;
            }
            .gemini-fab {
                width: 58px;
                height: 58px;
            }
            .gemini-chat {
                right: 12px;
                left: 12px;
                width: auto;
                bottom: 84px;
                height: min(70vh, 620px);
            }
            .gemini-chat__composer {
                grid-template-columns: 1fr;
            }
            .gemini-chat__voice-toolbar {
                align-items: stretch;
            }
            .gemini-chat__voice-status {
                flex-basis: 100%;
            }
            .gemini-chat__actions {
                grid-template-columns: 1fr;
            }
            .gemini-chat__send {
                min-height: 46px;
            }
        }


        .hero-header__split--overview {
            grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.92fr);
            align-items: stretch;
        }
        .hero-header__split--overview .hero-header__split-main { min-width: 0; }
        .hero-header__split--overview .hero-left-stack,
        .hero-header__split--overview .overview-hero-card-shell,
        .hero-header__split--overview .overview-hero-card-shell__body {
            width: 100%;
            max-width: none;
            min-width: 0;
        }
        .overview-hero-card-shell {
            padding: 22px 24px 24px;
        }
        .overview-hero-card-shell .hero-left-card__header {
            margin-bottom: 10px;
        }
        .overview-hero-card-shell__body {
            display: block !important;
            padding: 0;
        }
        .overview-hero-card-shell .overview-window-tabs {
            margin: 0 0 18px;
        }
        .overview-command-center {
            display: grid;
            gap: 18px;
            width: 100%;
        }
        .overview-command-center__summary {
            display: grid;
            gap: 12px;
            padding: 18px 20px;
            border-radius: 20px;
            border: 1px solid rgba(84, 118, 188, 0.20);
            background:
                radial-gradient(circle at top right, rgba(88, 145, 255, 0.16), transparent 42%),
                linear-gradient(180deg, rgba(14, 23, 40, 0.96) 0%, rgba(9, 15, 28, 0.99) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 20px 44px rgba(3, 8, 20, 0.22);
        }
        .overview-command-center__summary-eyebrow {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: #8fa5d4;
        }
        .overview-command-center__summary-title {
            margin: 0;
            font-size: 22px;
            line-height: 1.15;
            letter-spacing: -0.03em;
            color: #f7fbff;
        }
        .overview-command-center__summary-text {
            margin: 0;
            color: #d8e3f6;
            font-size: 14px;
            line-height: 1.7;
            max-width: 980px;
        }
        .overview-command-center__summary-metrics {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .overview-hero-grid {
            display: grid;
            width: 100%;
            min-width: 0;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
            align-items: stretch;
            grid-auto-rows: 1fr;
        }
        .overview-hero-card {
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            gap:16px;
            height:100%;
            min-height:188px;
            padding:16px 18px;
            border-radius:18px;
            background:rgba(12,18,30,0.78);
            border:1px solid rgba(255,255,255,0.08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
        }
        .overview-hero-card > div:first-child {
            display:grid;
            align-content:start;
            gap:8px;
            min-height:0;
        }
        .overview-hero-card__eyebrow, .overview-section__eyebrow, .overview-platform-card__eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:0.16em; color:rgba(190,204,228,0.72); margin-bottom:0; }
        .overview-hero-card__value, .overview-platform-card__value { font-size:32px; font-weight:800; letter-spacing:-0.03em; color:#f6f9ff; line-height:1; }
        .overview-hero-card__label, .overview-platform-card__sub { margin-top:0; color:#aebdd5; font-size:13px; line-height:1.45; min-height:38px; }
        .overview-hero-card__meta { margin-top:0; color:rgba(190,204,228,0.7); font-size:11px; line-height:1.45; text-transform:none; min-height:32px; }
        .overview-hero-topics, .overview-executive-card__topics, .overview-platform-card__topics { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; }
        .overview-section { margin-top:26px; }
        .overview-window-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 16px; }
        .overview-window-tab { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.04); color:#dce7f8; font-size:13px; font-weight:700; text-decoration:none; transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease; }
        .overview-window-tab:hover { border-color:rgba(90,149,255,0.34); background:rgba(22,40,78,0.44); color:#ffffff; }
        .overview-window-tab.is-active { border-color:rgba(90,149,255,0.48); background:linear-gradient(180deg, rgba(27,62,128,0.95), rgba(13,33,72,0.92)); color:#ffffff; box-shadow:0 16px 30px rgba(8,18,40,0.32); }
        .overview-window-custom-form { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:0 0 18px; }
        .overview-window-custom-form__field { display:grid; gap:6px; min-width:154px; }
        .overview-window-custom-form__field label { font-size:10px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:rgba(190,204,228,0.74); }
        .overview-window-custom-form__field input[type="date"] { min-height:40px; padding:9px 12px; border-radius:12px; border:1px solid rgba(92,122,184,0.28); background:rgba(9,18,35,0.82); color:#eef4ff; }
        .overview-window-custom-form__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
        .overview-window-custom-form__submit,
        .overview-window-custom-form__reset { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 14px; border-radius:999px; border:1px solid rgba(92,122,184,0.28); text-decoration:none; font-size:13px; font-weight:700; }
        .overview-window-custom-form__submit { background:linear-gradient(180deg, rgba(44,98,196,0.96), rgba(20,55,116,0.92)); color:#ffffff; box-shadow:0 16px 30px rgba(8,18,40,0.22); }
        .overview-window-custom-form__reset { background:rgba(255,255,255,0.04); color:#dce7f8; }
        .overview-window-custom-form__hint { font-size:12px; color:rgba(190,204,228,0.72); }
        .overview-mobile-accordion {
            display: block;
            margin: 0 0 18px;
        }
        .overview-mobile-accordion__toggle {
            display: none;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 14px 16px;
            border-radius: 18px;
            border: 1px solid rgba(84, 118, 188, 0.24);
            background:
                radial-gradient(circle at top right, rgba(88, 145, 255, 0.14), transparent 42%),
                linear-gradient(180deg, rgba(14, 23, 40, 0.96) 0%, rgba(9, 15, 28, 0.99) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 18px 34px rgba(3, 8, 20, 0.18);
            color: #f4f8ff;
            text-align: left;
            cursor: pointer;
        }
        .overview-mobile-accordion__toggle-copy {
            display: grid;
            gap: 4px;
            min-width: 0;
        }
        .overview-mobile-accordion__toggle-eyebrow {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: #93a8d4;
        }
        .overview-mobile-accordion__toggle-title {
            font-size: 15px;
            font-weight: 800;
            letter-spacing: -0.02em;
            color: #f7fbff;
        }
        .overview-mobile-accordion__toggle-meta {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex: 0 0 auto;
        }
        .overview-mobile-accordion__toggle-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 30px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(92, 122, 184, 0.30);
            background: rgba(19, 35, 68, 0.82);
            color: #dce7f8;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }
        .overview-mobile-accordion__toggle-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            border-radius: 999px;
            background: rgba(255,255,255,0.05);
            color: #dce7f8;
            font-size: 16px;
            line-height: 1;
            transition: transform .18s ease;
        }
        .overview-mobile-accordion__panel {
            display: block;
        }
        .overview-mobile-accordion.is-open .overview-mobile-accordion__toggle-icon {
            transform: rotate(180deg);
        }
        .overview-section__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
        .overview-section__title { margin:0; font-size:26px; letter-spacing:-0.03em; }
        .overview-executive-card, .overview-comparison-card { padding:22px; }
        .overview-executive-card__text, .overview-platform-card__text { margin:0; color:#d9e3f5; line-height:1.7; font-size:14px; }
        .overview-platform-card__insight { margin-top:16px; padding:14px 16px; border-radius:16px; border:1px solid rgba(104, 133, 192, 0.16); background:linear-gradient(180deg, rgba(12, 18, 34, 0.74), rgba(8, 12, 24, 0.92)); box-shadow:inset 0 1px 0 rgba(255,255,255,0.02); display:flex; flex-direction:column; min-height:0; }
        .overview-platform-card__insight-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
        .overview-platform-card__insight-title { font-size:11px; text-transform:uppercase; letter-spacing:0.16em; color:rgba(190,204,228,0.76); }
        .overview-platform-card__insight-refresh { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:92px; min-height:30px; flex:0 0 auto; align-self:center; border:1px solid rgba(78, 123, 214, 0.26); background:rgba(22, 38, 74, 0.62); color:#dfeaff; border-radius:999px; padding:5px 10px; font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; }
        .overview-platform-card__insight-refresh:hover { border-color:rgba(102, 156, 255, 0.36); color:#ffffff; }
        .overview-platform-card__insight-refresh:disabled { opacity:0.65; cursor:default; }
        .overview-platform-card__insight-body { display:grid; gap:12px; min-height:0; }
        .overview-platform-card__summary-placeholder, .overview-platform-card__summary-error { color:#b9c8df; font-size:13px; line-height:1.7; }
        .overview-platform-card__summary-error { color:#ffb3b3; }
        .overview-platform-card__summary-ai { display:grid; gap:12px; min-height:0; }
        .overview-platform-card__summary-scroll { display:grid; gap:12px; max-height:340px; overflow:auto; padding-right:6px; }
        .overview-platform-card__summary-scroll::-webkit-scrollbar { width:6px; }
        .overview-platform-card__summary-scroll::-webkit-scrollbar-thumb { background:rgba(114, 143, 201, 0.28); border-radius:999px; }
        .overview-platform-card__summary-note { display:flex; width:100%; max-width:100%; align-items:center; padding:7px 11px; border-radius:14px; border:1px solid rgba(198, 156, 73, 0.28); background:rgba(67, 50, 17, 0.28); color:#f3d79e; font-size:11px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; white-space:normal; line-height:1.45; }
        .overview-platform-card__summary-text { margin:0; color:#d9e3f5; line-height:1.7; font-size:13px; overflow-wrap:anywhere; }
        .overview-platform-card__summary-points { margin:0; padding-left:18px; display:grid; gap:8px; color:#c6d5ea; font-size:12.5px; line-height:1.55; }
        .overview-platform-card__summary-points li { overflow-wrap:anywhere; }
        .overview-platform-card__summary-topics { display:flex; flex-wrap:wrap; gap:8px; }
        .overview-platform-grid, .overview-posts-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:18px; }
        .overview-platform-card, .overview-post-card { padding:20px; }
        .overview-platform-card { display:flex; flex-direction:column; min-height:0; }
        .overview-platform-card__head, .overview-post-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
        .overview-platform-card__badge { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.06); color:#f7fbff; }
        .overview-platform-card__badge--instagram { background:rgba(217,83,79,0.14); }
        .overview-platform-card__badge--youtube { background:rgba(255,90,54,0.14); }
        .overview-platform-card__badge--tiktok { background:rgba(68,207,255,0.14); }
        .overview-platform-card__metrics, .overview-post-card__stats, .overview-post-card__meta-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
        .overview-platform-card__metric, .overview-post-card__account, .overview-post-card__date { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); color:#d3def1; font-size:12px; }
        .overview-platform-card__metric strong { color:#ffffff; }
        .overview-platform-card__list { margin:14px 0 0; padding-left:18px; color:#b9c8df; display:grid; gap:8px; font-size:13px; }
        .overview-comparison-table-wrap { overflow-x:auto; }
        .overview-comparison-table { width:100%; border-collapse:collapse; min-width:720px; }
        .overview-comparison-table th, .overview-comparison-table td { text-align:left; padding:12px 10px; border-bottom:1px solid rgba(255,255,255,0.08); font-size:13px; }
        .overview-comparison-table th { color:#92a9cc; text-transform:uppercase; letter-spacing:0.08em; font-size:11px; }
        .overview-post-card__titles { min-width:0; flex:1; }
        .overview-post-card__title { margin:12px 0 0; font-size:18px; line-height:1.35; color:#f7fbff; }
        .overview-post-card__excerpt { margin-top:12px; color:#b7c6de; line-height:1.6; font-size:14px; }
        .overview-post-card__open { white-space:nowrap; }
        .overview-category-stack { display:grid; gap:24px; }
        .overview-category-section { display:grid; gap:16px; }
        .overview-category-section__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
        .overview-category-section__title { margin:0; font-size:22px; line-height:1.2; letter-spacing:-0.02em; color:#f7fbff; }
        .overview-category-section__meta { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
        .overview-category-pill,
        .overview-category-platform { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,0.09); background:rgba(255,255,255,0.05); color:#d9e4f6; font-size:12px; font-weight:700; letter-spacing:0.02em; }
        .overview-category-platform { min-width:40px; padding-inline:10px; }
        .overview-category-platform--instagram { background:rgba(217,83,79,0.16); }
        .overview-category-platform--youtube { background:rgba(255,90,54,0.16); }
        .overview-category-section__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%, 420px), 420px)); gap:18px; align-items:stretch; justify-content:start; }
        .overview-feed-card-slot { display:flex; min-width:0; width:100%; max-width:420px; justify-self:start; }
        .overview-feed-card { padding:20px; width:100%; height:100%; min-height:var(--overview-feed-card-min-height, 0px); display:flex; flex-direction:column; }
        .overview-feed-card .post-head { margin-bottom:0; }
        .overview-feed-card__hero { display:grid; gap:12px; align-items:start; }
        .overview-feed-card__toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
        .overview-feed-card__meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; min-width:0; flex:1 1 auto; }
        .overview-feed-card__meta > * { min-width:0; }
        .overview-feed-card .overview-platform-card__badge,
        .overview-feed-card .overview-post-card__account,
        .overview-feed-card .overview-post-card__date { padding:7px 10px; font-size:11px; }
        .overview-feed-card .post-top-actions { margin-left:0; flex:0 0 auto; }
        .overview-feed-card .post-top-actions > a { min-height:36px; padding:0 12px; border-radius:12px; font-size:12px; }
        .overview-feed-card__flow { display:block; min-width:0; }
        .overview-feed-card__flow::after { content:""; display:block; clear:both; }
        .overview-feed-card__media-col { float:left; width:96px; margin:0 14px 10px 0; }
        .overview-feed-card__text { min-width:0; display:grid; gap:8px; }
        .overview-feed-card__title { margin:0; font-size:17px; line-height:1.32; color:#f7fbff; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
        .overview-feed-card--has-title .overview-feed-card__title { -webkit-line-clamp:4; }
        .overview-feed-card__excerpt { color:#b7c6de; font-size:13.5px; line-height:1.56; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
        .overview-feed-card--has-title .overview-feed-card__excerpt { -webkit-line-clamp:4; }
        .overview-feed-card--no-title .overview-feed-card__excerpt { -webkit-line-clamp:6; font-size:14px; line-height:1.6; }
        .overview-feed-card .post-mini-preview { width:100%; max-width:96px; flex:0 0 auto; }
        .overview-feed-card .post-mini-preview__media { min-height:96px; aspect-ratio:1 / 1; }
        .overview-feed-card__preview-placeholder { display:flex; align-items:center; justify-content:center; width:100%; min-height:96px; border-radius:16px; border:1px dashed rgba(255,255,255,0.16); background:rgba(255,255,255,0.03); color:#9fb1cf; font-size:12px; }
        .overview-feed-card .post-stats { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; min-height:0; align-items:center; }
        .overview-feed-card .post-stats > .pill { width:auto; max-width:100%; padding-inline:10px; font-size:10.5px; }
        .overview-feed-card .post-stats > .pill span:last-child { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .overview-feed-card .post-detected-tags-slot { min-height:0; margin-top:8px; }
        .overview-feed-card__history { margin-top:14px; }
        .overview-feed-card .ai-summary-card { margin-top:14px; display:flex; flex-direction:column; min-height:318px; }
        .overview-feed-card .ai-summary-body { flex:1 1 auto; min-height:226px; max-height:226px; overflow:auto; padding-right:4px; }
        .overview-feed-card .comments-toggle { margin-top:16px; }
        .overview-feed-card .comments-panel { margin-top:10px; }
        .overview-feed-card .comments-scroll { height:200px; max-height:200px; }
        .overview-feed-card-slot.is-hidden, .overview-feed-card-slot[hidden] { display:none !important; }
        .overview-account-stack { display:grid; gap:20px; }
        .overview-account-section { display:grid; gap:14px; padding-top:4px; border-top:1px solid rgba(255,255,255,0.06); }
        .overview-account-section:first-child { padding-top:0; border-top:none; }
        .overview-account-section__head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
        .overview-account-section__title-wrap { display:grid; gap:4px; }
        .overview-account-section__title { margin:0; font-size:18px; line-height:1.25; color:#f7fbff; }
        .overview-account-section__meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
        .overview-category-section__actions { margin-top:16px; display:flex; justify-content:center; }
        .overview-see-more-btn { min-width:180px; }
        .overview-hero-card {
            position:relative;
            overflow:hidden;
            background:
                radial-gradient(circle at top right, rgba(255,255,255,0.08), transparent 42%),
                rgba(12,18,30,0.78);
            transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }
        .overview-hero-card.is-positive,
        .overview-platform-card__metric.is-positive,
        .overview-signal-badge.is-positive,
        .overview-trend-pill.is-positive {
            border-color:rgba(78,227,156,0.46);
            background:linear-gradient(180deg, rgba(39,122,82,0.44), rgba(20,80,52,0.30));
            color:#effff5;
            box-shadow:0 0 0 1px rgba(78,227,156,0.14) inset, 0 18px 42px rgba(20,80,52,0.24);
        }
        .overview-hero-card.is-negative,
        .overview-platform-card__metric.is-negative,
        .overview-signal-badge.is-negative,
        .overview-trend-pill.is-negative {
            border-color:rgba(255,110,110,0.48);
            background:linear-gradient(180deg, rgba(136,40,40,0.42), rgba(93,28,28,0.28));
            color:#fff2f2;
            box-shadow:0 0 0 1px rgba(255,110,110,0.15) inset, 0 18px 42px rgba(93,28,28,0.26);
        }
        .overview-hero-card.is-neutral,
        .overview-platform-card__metric.is-neutral,
        .overview-signal-badge.is-neutral,
        .overview-trend-pill.is-neutral {
            border-color:rgba(255,198,92,0.38);
            background:linear-gradient(180deg, rgba(120,88,28,0.34), rgba(98,71,24,0.24));
            color:#fff7e6;
            box-shadow:0 0 0 1px rgba(255,198,92,0.12) inset, 0 18px 38px rgba(98,71,24,0.18);
        }
        .overview-hero-card__signal {
            margin-top:auto;
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:center;
            gap:10px;
            min-height:52px;
            width:100%;
            text-align:center;
        }
        .overview-hero-card-shell .overview-hero-topics {
            margin-top: 18px;
        }
        .overview-signal-badge {
            display:grid;
            gap:6px;
            padding:14px 16px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,0.08);
            background:rgba(255,255,255,0.04);
        }
        .overview-signal-badge__label {
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:0.14em;
            color:rgba(222,232,247,0.74);
        }
        .overview-signal-badge__value {
            font-size:18px;
            line-height:1.2;
            color:#ffffff;
        }
        .overview-signal-badge__hint {
            font-size:12px;
            line-height:1.45;
            color:rgba(217,228,244,0.76);
        }
        .overview-trend-pill {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            padding:10px 18px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,0.12);
            background:rgba(255,255,255,0.08);
            color:#ffffff;
            font-size:15px;
            font-weight:900;
            letter-spacing:0.01em;
            white-space:nowrap;
            box-shadow:0 10px 24px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06);
        }
        .overview-hero-card__signal .overview-trend-pill {
            min-height:46px;
            padding:12px 20px;
            font-size:16px;
            font-weight:900;
            margin-inline:auto;
            box-shadow:0 14px 28px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
        }
        .overview-executive-chart-grid {
            margin-top:16px;
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
            gap:14px;
        }
        .overview-impact-card { padding:16px; }
        .overview-impact-card__head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:12px;
            margin-bottom:12px;
        }
        .overview-impact-card__head--stacked {
            display:grid;
            gap:12px;
        }
        .overview-impact-card__title {
            margin:0;
            font-size:18px;
            line-height:1.15;
            color:#f7fbff;
        }
        .overview-impact-card__subtitle {
            margin:6px 0 0;
            color:#9fb3d1;
            font-size:12px;
            line-height:1.45;
        }
        .overview-impact-card__summary {
            display:grid;
            grid-template-columns:minmax(0, 150px) minmax(0, 1fr);
            gap:12px;
            align-items:stretch;
        }
        .overview-impact-card__summary-main {
            display:grid;
            align-content:space-between;
            gap:10px;
            min-height:98px;
            padding:14px 16px;
            border-radius:18px;
            border:1px solid rgba(255,255,255,0.08);
            background:linear-gradient(180deg, rgba(18, 33, 67, 0.92), rgba(11, 20, 43, 0.92));
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
        }
        .overview-impact-card__summary-main-copy {
            display:grid;
            gap:6px;
            align-content:start;
        }
        .overview-impact-card__summary-main-gauge {
            display:grid;
            justify-items:center;
            align-content:end;
        }
        .overview-impact-card__summary-label {
            font-size:10px;
            text-transform:uppercase;
            letter-spacing:0.12em;
            color:rgba(222,232,247,0.72);
        }
        .overview-impact-card__summary-value {
            font-size:28px;
            line-height:1;
            color:#ffffff;
            letter-spacing:-0.04em;
        }
        .overview-impact-card__summary-metrics {
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:8px;
            align-items:stretch;
            padding:12px;
            border-radius:18px;
            border:1px solid rgba(255,255,255,0.08);
            background:rgba(255,255,255,0.03);
        }
        .overview-impact-card__summary-pill,
        .overview-impact-stat {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            min-height:34px;
            padding:7px 10px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,0.08);
            background:rgba(255,255,255,0.05);
            color:#d3def1;
            font-size:11px;
            line-height:1.1;
            text-align:center;
        }
        .overview-impact-card__summary-pill strong,
        .overview-impact-stat strong {
            color:#ffffff;
            font-size:12px;
        }
        .overview-impact-card__value-legend {
            display:flex;
            flex-wrap:wrap;
            gap:8px 12px;
            align-items:center;
            color:#b7c8e2;
            font-size:10px;
            line-height:1.2;
        }
        .overview-impact-card__value-legend-item {
            display:inline-flex;
            align-items:center;
            gap:6px;
            white-space:nowrap;
        }
        .overview-impact-card__value-legend-swatch {
            display:inline-block;
            width:10px;
            height:10px;
            border-radius:999px;
        }
        .overview-impact-card__value-legend-swatch--current { background:linear-gradient(90deg, rgba(82,164,255,0.95), rgba(76,213,255,0.95)); }
        .overview-impact-card__value-legend-swatch--previous { background:linear-gradient(90deg, rgba(160,115,255,0.88), rgba(210,137,255,0.88)); }
        .overview-impact-card__value-legend-swatch--baseline { background:linear-gradient(90deg, rgba(255,184,77,0.9), rgba(255,224,118,0.9)); }

        .overview-executive-card__legend {
            margin-top:10px;
            justify-content:flex-start;
            flex-wrap:wrap;
            gap:10px 14px;
        }
        .overview-impact-card__value-legend--overview {
            margin-bottom:0;
        }
        .overview-impact-card__legend--overview {
            margin-top:6px;
            justify-content:flex-start;
            gap:8px 12px;
            font-size:10px;
            line-height:1.2;
        }
        .overview-impact-card__summary-pill.is-current,
        .overview-impact-stat--current {
            border-color:rgba(82,164,255,0.24);
            background:rgba(82,164,255,0.1);
        }
        .overview-impact-card__summary-pill.is-previous,
        .overview-impact-stat--previous {
            border-color:rgba(160,115,255,0.24);
            background:rgba(160,115,255,0.1);
        }
        .overview-impact-card__summary-pill.is-baseline,
        .overview-impact-stat--baseline {
            border-color:rgba(255,184,77,0.24);
            background:rgba(255,184,77,0.1);
        }
        .overview-impact-card__legend {
            display:flex;
            flex-wrap:wrap;
            justify-content:flex-end;
            gap:8px;
            color:#b7c8e2;
            font-size:11px;
        }
        .overview-impact-card__legend--compact {
            justify-content:flex-start;
        }
        .overview-impact-card__legend-item {
            display:inline-flex;
            align-items:center;
            gap:6px;
        }
        .overview-impact-card__legend-swatch {
            display:inline-block;
            width:12px;
            height:12px;
            border-radius:999px;
        }
        .overview-impact-card__legend-swatch--current { background:linear-gradient(90deg, rgba(82,164,255,0.95), rgba(76,213,255,0.95)); }
        .overview-impact-card__legend-swatch--previous { background:linear-gradient(90deg, rgba(160,115,255,0.88), rgba(210,137,255,0.88)); }
        .overview-impact-card__legend-swatch--baseline { background:linear-gradient(90deg, rgba(255,184,77,0.9), rgba(255,224,118,0.9)); }
        .overview-impact-card__rows { display:grid; gap:12px; }
        .overview-impact-card__rows--donut {
            grid-template-columns:1fr;
            gap:10px;
        }
        .overview-impact-row {
            display:grid;
            gap:12px;
            padding-top:16px;
            border-top:1px solid rgba(255,255,255,0.08);
        }
        .overview-impact-row:first-child {
            padding-top:0;
            border-top:none;
        }
        .overview-impact-row--donut {
            grid-template-columns:82px minmax(0, 1fr);
            align-items:center;
            gap:12px;
            padding:12px;
            border:none;
            border-radius:18px;
            background:linear-gradient(180deg, rgba(12, 20, 40, 0.84), rgba(8, 13, 28, 0.94));
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
        }
        .overview-impact-row__gauge {
            flex:0 0 auto;
        }
        .overview-impact-row__body {
            display:grid;
            gap:8px;
            min-width:0;
        }
        .overview-impact-row__head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:10px;
        }
        .overview-impact-row__head--donut {
            align-items:flex-start;
        }
        .overview-impact-row__platform {
            display:flex;
            align-items:flex-start;
            gap:8px;
            color:#f7fbff;
            min-width:0;
        }
        .overview-impact-row__platform-copy {
            display:grid;
            gap:2px;
            min-width:0;
        }
        .overview-impact-row__platform-copy strong {
            font-size:16px;
            line-height:1.15;
            color:#ffffff;
        }
        .overview-impact-row__platform-copy span {
            font-size:11px;
            color:#9fb3d1;
            line-height:1.25;
        }
        .overview-impact-row__stats {
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:6px;
        }
        .overview-donut {
            --overview-donut-angle: 0deg;
            position:relative;
            display:grid;
            place-items:center;
            width:82px;
            height:82px;
            border-radius:50%;
            background:
                radial-gradient(circle at center, rgba(7, 11, 24, 1) 0 58%, transparent 59%),
                conic-gradient(var(--overview-donut-accent, rgba(82,164,255,0.95)) 0 var(--overview-donut-angle), rgba(255,255,255,0.08) var(--overview-donut-angle) 360deg);
            box-shadow:0 16px 30px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.06);
        }
        .overview-donut::after {
            content:"";
            position:absolute;
            inset:7px;
            border-radius:50%;
            border:1px solid rgba(255,255,255,0.06);
        }
        .overview-donut__inner {
            position:relative;
            z-index:1;
            display:grid;
            gap:2px;
            justify-items:center;
            text-align:center;
        }
        .overview-donut__value {
            color:#ffffff;
            font-size:16px;
            line-height:1.05;
            letter-spacing:-0.03em;
        }
        .overview-donut__share {
            color:#a8bad7;
            font-size:9px;
            font-weight:700;
            letter-spacing:0.06em;
        }
        .overview-donut__caption {
            color:rgba(214,226,244,0.72);
            font-size:8px;
            font-weight:600;
            line-height:1.25;
            letter-spacing:0.02em;
            max-width:58px;
        }
        .overview-donut--summary {
            width:88px;
            height:88px;
        }
        .overview-donut--summary::after {
            inset:8px;
        }
        .overview-donut--summary .overview-donut__inner {
            gap:3px;
        }
        .overview-donut--summary .overview-donut__value {
            font-size:18px;
            line-height:1;
        }
        .overview-donut--summary .overview-donut__share {
            font-size:10px;
            letter-spacing:0.03em;
        }
        .overview-donut--summary .overview-donut__caption {
            max-width:68px;
            font-size:9px;
            line-height:1.15;
        }
        .overview-donut--instagram { --overview-donut-accent: #f05f8f; }
        .overview-donut--youtube { --overview-donut-accent: #ff5d52; }
        .overview-donut--tiktok { --overview-donut-accent: #44cfff; }
        .overview-donut--generic { --overview-donut-accent: #77b2ff; }
        .overview-platform-card__metric {
            transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
        }
        .overview-platform-card__metric strong { color:inherit; }
        .overview-comparison-table td .overview-trend-pill { vertical-align:middle; margin-left:8px; }
        .overview-comparison-table td:last-child .overview-trend-pill,
        .overview-comparison-table td:nth-last-child(2) .overview-trend-pill { margin-left:0; }

        @media (max-width: 1420px) {
            .overview-executive-chart-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
            .overview-impact-card__summary { grid-template-columns:minmax(0, 138px) minmax(0, 1fr); }
        }
        @media (max-width: 1180px) {
            .hero-header__split--overview { grid-template-columns:1fr; }
            .overview-hero-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 900px) {
            .overview-platform-grid, .overview-posts-grid, .overview-category-section__grid { grid-template-columns:1fr; }
            .overview-hero-card-shell { padding:18px; }
            .overview-command-center__summary { padding:16px; }
            .overview-hero-grid { grid-template-columns:1fr 1fr; }
            .overview-mobile-accordion {
                margin-bottom: 14px;
            }
            .overview-mobile-accordion__toggle {
                display: flex;
            }
            .overview-mobile-accordion__panel {
                display: none;
                margin-top: 12px;
            }
            .overview-mobile-accordion.is-open .overview-mobile-accordion__panel {
                display: block;
            }
            .overview-mobile-accordion__panel .hero-left-card__header {
                margin-bottom: 8px;
            }
            .overview-mobile-accordion__panel .overview-window-tabs {
                margin-bottom: 12px;
            }
            .overview-mobile-accordion__panel .overview-window-custom-form {
                margin-bottom: 0;
            }
        }
        @media (max-width: 640px) {
            .overview-hero-grid { grid-template-columns:1fr; }
            .overview-platform-card__head, .overview-post-card__head, .overview-category-section__head, .overview-feed-card .post-head { flex-direction:column; }
            .overview-category-section__grid { grid-template-columns:minmax(0, 1fr); justify-content:stretch; }
            .overview-feed-card-slot { max-width:none; justify-self:stretch; }
            .overview-feed-card__hero { gap:14px; }
            .overview-feed-card__flow { display:grid; gap:12px; }
            .overview-feed-card__flow::after { display:none; }
            .overview-feed-card__media-col { float:none; width:100%; margin:0; }
            .overview-feed-card .post-mini-preview { max-width:none; flex-basis:auto; }
            .overview-feed-card__preview-placeholder { width:100%; }
            .overview-feed-card__toolbar { flex-direction:column; align-items:stretch; }
            .overview-feed-card .post-top-actions { align-self:flex-start; }
            .overview-feed-card { min-height:0; }
            .overview-feed-card .ai-summary-card { min-height:0; }
            .overview-feed-card .ai-summary-body { min-height:0; max-height:none; overflow:visible; padding-right:0; }
            .overview-category-section__meta { justify-content:flex-start; }
            .overview-executive-chart-grid { grid-template-columns:1fr; }
            .overview-impact-card__summary { grid-template-columns:1fr; }
            .overview-impact-row--donut { grid-template-columns:1fr; justify-items:start; }
            .overview-impact-row__head { flex-direction:column; align-items:flex-start; }
            .overview-impact-row__stats { grid-template-columns:1fr; }
            .overview-impact-card__summary-metrics { grid-template-columns:1fr; }
            .overview-impact-card__legend { justify-content:flex-start; }
        }

    
        .overview-ai-showcase {
            width: min(1400px, calc(100% - 40px));
            margin: 18px auto 0;
        }
        .overview-ai-showcase[hidden] {
            display: none !important;
        }
        .overview-ai-showcase__stack {
            display: grid;
            gap: 14px;
        }
        .overview-ai-showcase__panel {
            min-width: 0;
        }
        .overview-ai-showcase__shell {
            border: 1px solid rgba(70, 104, 192, 0.36);
            background: radial-gradient(circle at top left, rgba(30, 58, 138, 0.24), rgba(4, 10, 28, 0.96));
            border-radius: 24px;
            padding: 18px;
            box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
        }
        .overview-ai-showcase__head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 18px;
        }
        .overview-ai-showcase__copy {
            min-width: 0;
        }
        .overview-ai-showcase__eyebrow {
            font-size: 11px;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: rgba(148, 163, 184, 0.86);
            margin-bottom: 6px;
        }
        .overview-ai-showcase__title {
            margin: 0;
            font-size: 24px;
            line-height: 1.15;
            color: #f8fbff;
        }
        .overview-ai-showcase__subtitle {
            margin: 8px 0 0;
            color: rgba(203, 213, 225, 0.88);
            font-size: 14px;
            line-height: 1.5;
        }
        .overview-ai-showcase__close {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            border: 1px solid rgba(120, 139, 197, 0.32);
            background: rgba(10, 16, 34, 0.78);
            color: #f8fbff;
            cursor: pointer;
            font-size: 24px;
            line-height: 1;
            flex: 0 0 auto;
        }
        .overview-ai-showcase__grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 16px;
        }
        .overview-ai-post-card {
            display: flex;
            flex-direction: column;
            min-height: 100%;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(81, 100, 167, 0.3);
            background: linear-gradient(180deg, rgba(11, 18, 38, 0.94), rgba(5, 9, 24, 0.98));
            box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
        }
        .overview-ai-post-card__media {
            position: relative;
            aspect-ratio: 16 / 9;
            background: rgba(8, 13, 28, 0.92);
            overflow: hidden;
        }
        .overview-ai-post-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .overview-ai-post-card__media.is-empty {
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(148, 163, 184, 0.72);
            font-size: 13px;
        }
        .overview-ai-post-card__body {
            display: flex;
            flex-direction: column;
            gap: 12px;
            padding: 16px;
            min-height: 0;
            flex: 1 1 auto;
        }
        .overview-ai-post-card__meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: rgba(191, 219, 254, 0.84);
        }
        .overview-ai-post-card__title {
            margin: 0;
            font-size: 17px;
            line-height: 1.35;
            color: #f8fbff;
        }
        .overview-ai-post-card__excerpt {
            color: rgba(203, 213, 225, 0.85);
            font-size: 13px;
            line-height: 1.55;
            flex: 1 1 auto;
        }
        .overview-ai-post-card__stats {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .overview-ai-post-card__pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 32px;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(13, 24, 52, 0.96);
            border: 1px solid rgba(94, 115, 197, 0.32);
            color: #dbeafe;
            font-size: 12px;
            font-weight: 700;
        }
        .overview-ai-post-card__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: auto;
        }
        .overview-ai-post-card__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 38px;
            padding: 0 14px;
            border-radius: 999px;
            border: 1px solid rgba(94, 115, 197, 0.36);
            background: rgba(17, 31, 67, 0.88);
            color: #f8fbff;
            text-decoration: none;
            cursor: pointer;
            font-size: 13px;
            font-weight: 700;
        }
        .overview-ai-post-card__btn.is-link {
            background: rgba(15, 50, 112, 0.88);
        }
        .overview-ai-showcase__meta-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 16px;
        }

        .overview-ai-timeline-shell {
            position: relative;
        }
        .overview-ai-timeline-svg {
            display: block;
            overflow: visible;
        }
        .overview-ai-timeline-hit {
            cursor: pointer;
        }
        .overview-ai-timeline-tooltip {
            position: absolute;
            left: 0;
            top: 0;
            min-width: 112px;
            max-width: 220px;
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid rgba(120, 178, 255, 0.24);
            background: linear-gradient(180deg, rgba(9, 15, 30, 0.97), rgba(6, 10, 22, 0.97));
            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
            pointer-events: none;
            opacity: 0;
            transform: translate(-50%, calc(-100% - 12px)) scale(0.96);
            transform-origin: 50% 100%;
            transition: opacity 140ms ease, transform 140ms ease;
            z-index: 12;
        }
        .overview-ai-timeline-tooltip.is-visible {
            opacity: 1;
            transform: translate(-50%, calc(-100% - 12px)) scale(1);
        }
        .overview-ai-timeline-tooltip::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -7px;
            width: 12px;
            height: 12px;
            border-right: 1px solid rgba(120, 178, 255, 0.24);
            border-bottom: 1px solid rgba(120, 178, 255, 0.24);
            background: rgba(7, 11, 24, 0.98);
            transform: translateX(-50%) rotate(45deg);
        }
        .overview-ai-timeline-tooltip__value {
            display: block;
            color: #f8fbff;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
        }
        .overview-ai-timeline-tooltip__meta {
            display: block;
            margin-top: 3px;
            color: #9fb7d9;
            font-size: 11px;
            line-height: 1.35;
            white-space: nowrap;
        }
        .overview-ai-comments-groups {
            display: grid;
            gap: 12px;
        }
        .overview-ai-comment-group {
            padding: 12px 14px;
            border: 1px solid rgba(120, 178, 255, 0.12);
            border-radius: 18px;
            background: rgba(7, 12, 20, 0.38);
        }
        .overview-ai-comment-group__head {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        .overview-ai-comment-group__title {
            font-weight: 800;
            color: #f7faff;
            line-height: 1.3;
            font-size: 16px;
        }
        .overview-ai-comment-group__subtitle {
            font-size: 11px;
            color: #9fb7d9;
            margin-top: 4px;
            line-height: 1.45;
        }
        .overview-ai-comment-group__summary {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        .overview-ai-comments-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 8px;
        }
        .overview-ai-comment-card {
            border-radius: 14px;
            border: 1px solid rgba(88, 115, 197, 0.24);
            background: rgba(8, 14, 30, 0.86);
            padding: 10px 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
            min-width: 0;
        }
        .overview-ai-comment-card.is-reply {
            margin-left: 0;
            border-color: rgba(112, 129, 211, 0.18);
        }
        .overview-ai-comment-card__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            align-items: center;
            font-size: 11px;
            color: rgba(191, 219, 254, 0.82);
            margin-bottom: 6px;
            line-height: 1.35;
        }
        .overview-ai-comment-card__tone {
            display: inline-flex;
            align-items: center;
            min-height: 20px;
            padding: 0 8px;
            border-radius: 999px;
            border: 1px solid rgba(120, 139, 197, 0.24);
            background: rgba(12, 22, 47, 0.88);
            color: #e2e8f0;
            font-weight: 700;
            font-size: 10px;
        }
        .overview-ai-comment-card__tone.is-positive {
            border-color: rgba(52, 211, 153, 0.36);
            color: #bbf7d0;
        }
        .overview-ai-comment-card__tone.is-negative {
            border-color: rgba(248, 113, 113, 0.36);
            color: #fecaca;
        }
        .overview-ai-comment-card__tone.is-neutral {
            border-color: rgba(148, 163, 184, 0.3);
            color: #e2e8f0;
        }
        .overview-ai-comment-card__text {
            color: rgba(241, 245, 249, 0.94);
            font-size: 12.5px;
            line-height: 1.45;
            white-space: normal;
            word-break: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .overview-ai-graph-list {
            display: grid;
            gap: 14px;
        }
        .overview-ai-graph-row {
            display: grid;
            grid-template-columns: minmax(220px, 1.25fr) minmax(180px, 1fr) auto;
            gap: 14px;
            align-items: center;
            padding: 12px 14px;
            border-radius: 18px;
            border: 1px solid rgba(88, 115, 197, 0.24);
            background: rgba(8, 14, 30, 0.88);
        }
        .overview-ai-graph-row.is-compare {
            grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) auto;
        }
        .overview-ai-graph-row__copy {
            min-width: 0;
        }
        .overview-ai-graph-row__label {
            color: #f8fbff;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.45;
        }
        .overview-ai-graph-row__meta {
            margin-top: 4px;
            color: rgba(191, 219, 254, 0.76);
            font-size: 12px;
            line-height: 1.45;
        }
        .overview-ai-graph-track {
            position: relative;
            height: 12px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.9);
            overflow: hidden;
            border: 1px solid rgba(88, 115, 197, 0.18);
        }
        .overview-ai-graph-track + .overview-ai-graph-track {
            margin-top: 8px;
        }
        .overview-ai-graph-track span {
            position: absolute;
            inset: 0 auto 0 0;
            border-radius: inherit;
            background: linear-gradient(90deg, rgba(96, 165, 250, 0.96), rgba(99, 102, 241, 0.96));
        }
        .overview-ai-graph-track.is-current span {
            background: linear-gradient(90deg, rgba(129, 140, 248, 0.96), rgba(56, 189, 248, 0.96));
        }
        .overview-ai-graph-row__value {
            color: #f8fbff;
            font-weight: 700;
            font-size: 13px;
            white-space: nowrap;
            text-align: right;
        }
        .overview-ai-graph-row__value.is-stack {
            display: grid;
            gap: 4px;
            text-align: right;
            white-space: normal;
        }
        .overview-ai-graph-row__value .is-positive {
            color: #86efac;
        }
        .overview-ai-graph-row__value .is-negative {
            color: #fca5a5;
        }
        .overview-ai-graph-row__compare {
            display: grid;
            gap: 8px;
        }
        .overview-ai-graph-matrix-wrap,
        .overview-ai-graph-table-wrap {
            overflow-x: auto;
            padding-bottom: 2px;
        }
        .overview-ai-graph-matrix {
            min-width: max(420px, 100%);
        }
        .overview-ai-graph-matrix__head,
        .overview-ai-graph-matrix__row {
            display: grid;
            grid-template-columns: var(--matrix-cols);
            gap: 6px;
            align-items: center;
        }
        .overview-ai-graph-matrix__head {
            margin-bottom: 6px;
            padding: 0 2px;
        }
        .overview-ai-graph-matrix__th {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            color: #9fb7d9;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .overview-ai-graph-matrix__th.is-day {
            color: #dcecff;
        }
        .overview-ai-graph-matrix__dot {
            width: 7px;
            height: 7px;
            border-radius: 999px;
            flex: 0 0 7px;
            box-shadow: 0 0 0 2px rgba(255,255,255,0.05);
        }
        .overview-ai-graph-matrix__body {
            display: grid;
            gap: 4px;
        }
        .overview-ai-graph-matrix__row {
            padding: 5px 6px;
            border-radius: 10px;
            border: 1px solid rgba(88, 115, 197, 0.18);
            background: rgba(8, 14, 30, 0.82);
        }
        .overview-ai-graph-matrix__day {
            color: #f8fbff;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }
        .overview-ai-graph-matrix__cell {
            min-width: 0;
            position: relative;
            min-height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 3px 6px;
            border-radius: 9px;
            border: 1px solid rgba(88, 115, 197, 0.14);
            background: rgba(11, 18, 35, 0.92);
            overflow: hidden;
            isolation: isolate;
        }
        .overview-ai-graph-matrix__cell::before {
            content: '';
            position: absolute;
            inset: 0 auto 0 0;
            width: var(--cell-fill, 0%);
            background: linear-gradient(90deg, color-mix(in srgb, var(--cell-color, #78B2FF) 38%, transparent), color-mix(in srgb, var(--cell-color, #78B2FF) 80%, transparent));
            opacity: 0.95;
            z-index: 0;
        }
        .overview-ai-graph-matrix__cell.is-empty::before {
            width: 0;
        }
        .overview-ai-graph-matrix__metric,
        .overview-ai-graph-table__metric {
            position: relative;
            z-index: 1;
            color: #f8fbff;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
            white-space: nowrap;
        }
        .overview-ai-graph-matrix__metric.is-empty,
        .overview-ai-graph-table__metric.is-empty {
            color: rgba(159, 183, 217, 0.74);
        }
        .overview-ai-graph-matrix__mini,
        .overview-ai-graph-table__mini {
            margin-top: 4px;
            position: relative;
            height: 5px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.9);
            overflow: hidden;
            border: 1px solid rgba(88, 115, 197, 0.16);
        }
        .overview-ai-graph-matrix__mini span,
        .overview-ai-graph-table__mini span {
            position: absolute;
            inset: 0 auto 0 0;
            border-radius: inherit;
        }
        .overview-ai-graph-table__mini span {
            background: linear-gradient(90deg, rgba(96, 165, 250, 0.96), rgba(99, 102, 241, 0.96));
        }
        .overview-ai-graph-table {
            min-width: max(420px, 100%);
            display: grid;
            gap: 8px;
        }
        .overview-ai-graph-table__head,
        .overview-ai-graph-table__row {
            display: grid;
            grid-template-columns: minmax(74px, 96px) minmax(160px, 1fr);
            gap: 12px;
            align-items: center;
        }
        .overview-ai-graph-table.has-posts .overview-ai-graph-table__head,
        .overview-ai-graph-table.has-posts .overview-ai-graph-table__row {
            grid-template-columns: minmax(74px, 96px) minmax(160px, 1fr) 56px;
        }
        .overview-ai-graph-table__head {
            padding: 0 4px;
            color: #9fb7d9;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .overview-ai-graph-table__row {
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid rgba(88, 115, 197, 0.22);
            background: rgba(8, 14, 30, 0.9);
        }
        .overview-ai-graph-table__day,
        .overview-ai-graph-table__posts {
            color: #f8fbff;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }
        .overview-ai-graph-table__posts {
            text-align: right;
        }
        .overview-ai-graph-table__value {
            min-width: 0;
        }
        @media (max-width: 860px) {
            .overview-ai-graph-matrix {
                min-width: 460px;
            }
            .overview-ai-graph-table {
                min-width: 440px;
            }
            .overview-ai-graph-row,
            .overview-ai-graph-row.is-compare {
                grid-template-columns: 1fr;
            }
            .overview-ai-graph-row__value,
            .overview-ai-graph-row__value.is-stack {
                text-align: left;
            }
            .overview-ai-comments-list {
                grid-template-columns: 1fr;
            }
            .overview-ai-comment-card.is-reply {
                margin-left: 0;
            }
        }


        /* ===== 2026 layout refinement: darker / squared UI refresh ===== */
        :root {
            --bg: #03050a;
            --card: #08111d;
            --line: rgba(92, 120, 170, 0.20);
            --line-2: rgba(120, 153, 212, 0.22);
            --text: #f7f9fc;
            --muted: #92a2bc;
            --primary: #4d8ff0;
            --primary-2: #73adff;
            --danger: #c7a86a;
            --shadow: 0 18px 36px rgba(0, 0, 0, 0.26);
            --radius: 8px;
        }

        body {
            background:
                radial-gradient(circle at top center, rgba(24, 49, 104, 0.16) 0%, rgba(7, 11, 20, 0.16) 32%, rgba(3, 5, 10, 0.98) 68%),
                linear-gradient(180deg, #050811 0%, #02050a 100%);
        }

        .wrap {
            padding: 18px 20px 28px;
        }

        .hero-header__shell,
        .hero-left-card,
        .sync-target-manager,
        .ai-rollup-card,
        .resync-panel,
        .card,
        .post-card,
        .overview-hero-card,
        .overview-executive-card,
        .overview-comparison-card,
        .overview-platform-card,
        .overview-post-card,
        .overview-feed-card,
        .overview-impact-card,
        .overview-ai-post-card,
        .overview-ai-comment-card,
        .overview-platform-card__insight,
        .overview-impact-row--donut,
        .ai-summary-card,
        .ai-score-card,
        .comments-panel,
        .history-panel {
            border-radius: 8px !important;
            border-color: rgba(87, 116, 166, 0.18) !important;
            background:
                linear-gradient(180deg, rgba(7, 12, 22, 0.985) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
            box-shadow:
                0 14px 28px rgba(0, 0, 0, 0.20),
                inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
        }

        .hero-header__shell::before,
        .hero-header__shell::after,
        .post-card::before,
        .post-card::after {
            opacity: 0.24;
        }

        .posts-grid {
            gap: 20px;
        }

        .post-card,
        .overview-feed-card,
        .overview-platform-card,
        .overview-post-card,
        .overview-impact-card,
        .overview-executive-card,
        .overview-comparison-card {
            padding: 20px !important;
        }

        .overview-feed-card__hero,
        .overview-feed-card__flow,
        .overview-feed-card__text {
            gap: 10px;
        }

        .overview-feed-card__media-col {
            width: 110px;
            margin: 0 18px 12px 0;
        }

        .overview-feed-card .post-mini-preview,
        .overview-feed-card__preview-placeholder,
        .post-mini-preview,
        .post-mini-preview::after,
        .icon-btn {
            border-radius: 6px !important;
        }

        .overview-feed-card .post-mini-preview__media,
        .overview-feed-card__preview-placeholder {
            min-height: 110px;
        }

        .platform-switch,
        .ai-rollup-tabs {
            padding: 4px;
            border-radius: 8px !important;
            background: rgba(5, 10, 19, 0.96) !important;
            border-color: rgba(87, 116, 166, 0.18) !important;
            box-shadow: none !important;
        }

        input,
        select,
        textarea,
        button,
        .btn,
        .hero-actions a,
        .btn-refresh,
        .btn-primary,
        .platform-switch__btn,
        .ai-rollup-tab,
        .ai-rollup-refresh,
        .overview-window-tab,
        .overview-ai-post-card__btn,
        .overview-platform-card__insight-refresh,
        .icon-btn,
        .comments-toggle {
            border-radius: 6px !important;
            background:
                linear-gradient(180deg, rgba(10, 18, 30, 0.98) 0%, rgba(6, 10, 18, 0.99) 100%) !important;
            border-color: rgba(96, 130, 192, 0.18) !important;
            box-shadow: none !important;
        }

        .btn:hover,
        .hero-actions a:hover,
        .platform-switch__btn:hover,
        .ai-rollup-tab:hover,
        .overview-window-tab:hover,
        .overview-ai-post-card__btn:hover,
        .icon-btn:hover,
        .comments-toggle:hover {
            transform: translateY(-1px);
            border-color: rgba(213, 177, 101, 0.22) !important;
            background:
                linear-gradient(180deg, rgba(13, 22, 36, 0.99) 0%, rgba(8, 12, 22, 1) 100%) !important;
            color: #ffffff;
        }

        .btn-primary,
        .platform-switch__btn.is-active,
        .ai-rollup-tab.is-active,
        .overview-window-tab.is-active {
            background:
                linear-gradient(180deg, rgba(37, 78, 150, 0.95) 0%, rgba(18, 43, 86, 0.98) 100%) !important;
            border-color: rgba(213, 177, 101, 0.30) !important;
            color: #ffffff !important;
            box-shadow: inset 0 1px 0 rgba(255, 239, 205, 0.06) !important;
        }

        .hero-actions.hero-actions--refined {
            padding-left: 20px;
            border-left-color: rgba(87, 116, 166, 0.14);
        }

        .hero-title__count,
        .hero-meta__chip,
        .pill,
        .overview-platform-card__metric,
        .overview-post-card__account,
        .overview-post-card__date,
        .overview-ai-post-card__pill,
        .overview-category-platform,
        .post-detected-tag,
        .ai-summary-tag,
        .overview-platform-card__badge,
        .history-switcher__tab,
        .history-metric-pill,
        .overview-impact-card__summary-pill,
        .overview-impact-stat,
        .overview-platform-card__summary-note {
            border-radius: 6px !important;
        }

        .overview-platform-card__badge,
        .overview-platform-card__metric,
        .overview-post-card__account,
        .overview-post-card__date,
        .overview-ai-post-card__pill,
        .overview-category-platform,
        .pill,
        .post-detected-tag,
        .ai-summary-tag {
            background: rgba(255, 255, 255, 0.04) !important;
            border-color: rgba(255, 255, 255, 0.08) !important;
            box-shadow: none !important;
        }

        .overview-platform-card__badge--instagram,
        .overview-platform-card__badge--youtube,
        .overview-platform-card__badge--tiktok,
        .overview-category-platform--instagram,
        .overview-category-platform--youtube,
        .overview-category-platform--tiktok {
            background: rgba(59, 96, 162, 0.20) !important;
            color: #eef4ff !important;
        }

        .overview-feed-card__title,
        .overview-post-card__title,
        .overview-platform-card__title,
        .overview-impact-row__platform-copy strong,
        .ai-rollup-card__title {
            letter-spacing: -0.028em;
        }

        .overview-feed-card__excerpt,
        .overview-post-card__excerpt,
        .ai-rollup-text,
        .overview-ai-comment-card__text {
            color: #bcc9dc;
        }

        .overview-ai-comment-card.is-reply {
            margin-left: 16px;
        }

        .btn-refresh.is-error,
        .ai-rollup-satisfaction.is-negative,
        .overview-ai-comment-card__tone.is-negative,
        .ai-summary-pill--tone.is-negative,
        .ai-rollup-error {
            border-color: rgba(199, 168, 106, 0.24) !important;
            background: rgba(64, 48, 18, 0.28) !important;
            color: #f3d79e !important;
        }

        .overview-window-tabs,
        .overview-feed-card__toolbar,
        .overview-platform-card__head,
        .overview-post-card__head {
            gap: 12px;
        }

        .overview-feed-card .post-top-actions > a {
            min-height: 38px;
            border-radius: 6px !important;
        }



        /* ===== Darker layout correction + expressive semantic blocks ===== */
        :root {
            --bg: #03060c;
            --card: #0a0f17;
            --line: #182132;
            --line-2: #24314a;
            --text: #f4f7fc;
            --muted: #93a1ba;
            --shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
            --radius: 8px;
        }

        body {
            background:
                radial-gradient(circle at top center, rgba(21, 43, 92, 0.14) 0%, rgba(6, 10, 18, 0.18) 26%, rgba(3, 6, 12, 0.98) 62%),
                linear-gradient(180deg, #05070d 0%, #03060c 100%) !important;
        }

        .hero-header__shell,
        .sync-target-manager,
        .hero-left-card,
        .hero-filter-card,
        .card,
        .resync-panel,
        .post-card,
        .overview-command-center__summary,
        .overview-hero-card,
        .overview-platform-card,
        .overview-post-card,
        .overview-feed-card,
        .overview-executive-card,
        .overview-comparison-card,
        .overview-impact-card,
        .overview-platform-card__insight,
        .overview-ai-post-card,
        .ai-rollup-card,
        .ai-summary-card,
        .comments-panel,
        .resync-log-global {
            border-radius: 8px !important;
        }

        .hero-header__shell,
        .sync-target-manager,
        .hero-left-card,
        .hero-filter-card,
        .card,
        .resync-panel,
        .post-card,
        .overview-platform-card,
        .overview-post-card,
        .overview-feed-card,
        .overview-executive-card,
        .overview-comparison-card,
        .overview-impact-card,
        .overview-platform-card__insight,
        .overview-ai-post-card,
        .ai-rollup-card,
        .ai-summary-card,
        .comments-panel {
            background:
                linear-gradient(180deg, rgba(8, 12, 20, 0.985) 0%, rgba(4, 8, 14, 0.992) 100%) !important;
            border-color: rgba(82, 109, 159, 0.16) !important;
            box-shadow: 0 18px 32px rgba(0, 0, 0, 0.26) !important;
        }

        .hero-header__shell::before {
            background:
                radial-gradient(circle at 18% 0%, rgba(198, 156, 73, 0.08), transparent 22%),
                radial-gradient(circle at 54% 0%, rgba(34, 87, 184, 0.12), transparent 30%),
                radial-gradient(circle at 87% 0%, rgba(198, 156, 73, 0.04), transparent 16%),
                linear-gradient(90deg, rgba(198, 156, 73, 0.015), transparent 14%, transparent 86%, rgba(198, 156, 73, 0.015)) !important;
        }

        .hero-header__shell::after {
            background: linear-gradient(90deg, transparent, rgba(216, 184, 115, 0.24), rgba(115, 168, 255, 0.18), transparent) !important;
        }

        .overview-command-center__summary {
            background:
                radial-gradient(circle at top right, rgba(67, 112, 196, 0.16), transparent 38%),
                linear-gradient(180deg, rgba(9, 14, 24, 0.985) 0%, rgba(5, 8, 15, 0.992) 100%) !important;
            border-color: rgba(94, 124, 182, 0.22) !important;
        }

        .post-card,
        .overview-feed-card,
        .overview-post-card,
        .overview-platform-card,
        .overview-impact-card,
        .overview-executive-card,
        .overview-comparison-card {
            padding: 18px !important;
        }

        .overview-window-tab,
        .platform-switch__btn,
        .ai-rollup-tab,
        .overview-ai-post-card__btn,
        .overview-platform-card__insight-refresh,
        .comments-toggle,
        .btn,
        .hero-actions a,
        .btn-refresh,
        .btn-primary,
        .icon-btn,
        input,
        select,
        textarea,
        button {
            border-radius: 4px !important;
        }

        .platform-switch,
        .ai-rollup-tabs,
        .overview-window-custom-form__field input[type="date"],
        .empty,
        .resync-log-global,
        .history-wrap,
        .comments-scroll,
        .overview-platform-card__summary-note,
        .overview-signal-badge,
        .overview-trend-pill,
        .pill,
        .overview-platform-card__metric,
        .overview-post-card__account,
        .overview-post-card__date,
        .overview-ai-post-card__pill,
        .overview-category-platform,
        .post-detected-tag,
        .ai-summary-tag,
        .overview-impact-card__summary-pill,
        .overview-impact-stat,
        .history-switcher__tab,
        .history-metric-pill,
        .hero-title__count,
        .hero-meta__chip,
        .overview-platform-card__badge,
        .post-mini-preview,
        .post-mini-preview::after,
        .overview-feed-card__preview-placeholder,
        .icon-btn {
            border-radius: 6px !important;
        }

        .platform-switch,
        .ai-rollup-tabs {
            background: rgba(4, 8, 14, 0.98) !important;
            border-color: rgba(87, 116, 166, 0.16) !important;
        }

        .overview-window-tab,
        .platform-switch__btn,
        .ai-rollup-tab,
        .overview-ai-post-card__btn,
        .overview-platform-card__insight-refresh,
        .comments-toggle,
        .btn,
        .hero-actions a,
        .btn-refresh,
        .icon-btn {
            background: linear-gradient(180deg, rgba(9, 15, 26, 0.985) 0%, rgba(5, 9, 16, 0.992) 100%) !important;
            border-color: rgba(96, 130, 192, 0.16) !important;
            box-shadow: none !important;
        }

        .btn-primary,
        .platform-switch__btn.is-active,
        .ai-rollup-tab.is-active,
        .overview-window-tab.is-active {
            background: linear-gradient(180deg, rgba(33, 73, 141, 0.98) 0%, rgba(15, 35, 72, 0.99) 100%) !important;
            border-color: rgba(214, 177, 100, 0.28) !important;
            color: #ffffff !important;
        }

        .overview-hero-grid {
            gap: 18px;
        }

        .overview-hero-card {
            min-height: 204px !important;
            padding: 20px !important;
            gap: 18px !important;
            background:
                linear-gradient(180deg, rgba(8, 12, 20, 0.985) 0%, rgba(4, 8, 14, 0.992) 100%) !important;
            border-color: rgba(82, 109, 159, 0.16) !important;
            box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28) !important;
        }

        .overview-hero-card__value,
        .overview-platform-card__value {
            font-size: 34px;
        }

        .overview-hero-card__signal {
            width: 100%;
            min-height: 58px;
        }

        .overview-hero-card__signal .overview-trend-pill {
            width: 100%;
            min-height: 52px;
            padding: 12px 16px;
            border-radius: 6px !important;
            font-size: 15px;
            font-weight: 900;
            box-shadow: none !important;
        }

        .overview-signal-badge {
            padding: 14px 16px;
            background: rgba(255, 255, 255, 0.03) !important;
            border-color: rgba(255, 255, 255, 0.08) !important;
            box-shadow: none !important;
        }

        .overview-trend-pill {
            border-width: 1px;
        }

        .overview-platform-card__metric.is-positive,
        .overview-signal-badge.is-positive,
        .overview-trend-pill.is-positive,
        .overview-hero-card.is-positive,
        .ai-rollup-satisfaction.is-positive,
        .overview-ai-comment-card__tone.is-positive,
        .ai-summary-pill--tone.is-positive {
            background: linear-gradient(180deg, rgba(18, 78, 48, 0.96) 0%, rgba(9, 43, 27, 0.99) 100%) !important;
            border-color: rgba(80, 210, 132, 0.54) !important;
            color: #f1fff7 !important;
            box-shadow: inset 0 0 0 1px rgba(80, 210, 132, 0.14), 0 14px 28px rgba(4, 26, 14, 0.28) !important;
        }

        .overview-platform-card__metric.is-negative,
        .overview-signal-badge.is-negative,
        .overview-trend-pill.is-negative,
        .overview-hero-card.is-negative,
        .btn-refresh.is-error,
        .ai-rollup-satisfaction.is-negative,
        .overview-ai-comment-card__tone.is-negative,
        .ai-summary-pill--tone.is-negative,
        .ai-rollup-error {
            background: linear-gradient(180deg, rgba(104, 30, 30, 0.96) 0%, rgba(58, 14, 14, 0.99) 100%) !important;
            border-color: rgba(255, 112, 112, 0.52) !important;
            color: #fff3f3 !important;
            box-shadow: inset 0 0 0 1px rgba(255, 112, 112, 0.13), 0 14px 28px rgba(31, 8, 8, 0.28) !important;
        }

        .overview-platform-card__metric.is-neutral,
        .overview-signal-badge.is-neutral,
        .overview-trend-pill.is-neutral,
        .overview-hero-card.is-neutral,
        .ai-rollup-satisfaction.is-neutral,
        .overview-ai-comment-card__tone.is-neutral,
        .ai-summary-pill--tone.is-neutral {
            background: linear-gradient(180deg, rgba(97, 73, 24, 0.94) 0%, rgba(48, 36, 12, 0.99) 100%) !important;
            border-color: rgba(214, 177, 100, 0.38) !important;
            color: #fff7e8 !important;
            box-shadow: inset 0 0 0 1px rgba(214, 177, 100, 0.10), 0 14px 28px rgba(28, 20, 6, 0.24) !important;
        }

        .overview-hero-card.is-positive .overview-hero-card__eyebrow,
        .overview-hero-card.is-positive .overview-hero-card__meta,
        .overview-hero-card.is-positive .overview-hero-card__label,
        .overview-platform-card__metric.is-positive,
        .overview-signal-badge.is-positive .overview-signal-badge__label,
        .overview-signal-badge.is-positive .overview-signal-badge__hint {
            color: rgba(239, 255, 245, 0.84) !important;
        }

        .overview-hero-card.is-negative .overview-hero-card__eyebrow,
        .overview-hero-card.is-negative .overview-hero-card__meta,
        .overview-hero-card.is-negative .overview-hero-card__label,
        .overview-signal-badge.is-negative .overview-signal-badge__label,
        .overview-signal-badge.is-negative .overview-signal-badge__hint {
            color: rgba(255, 238, 238, 0.82) !important;
        }

        .overview-hero-card.is-neutral .overview-hero-card__eyebrow,
        .overview-hero-card.is-neutral .overview-hero-card__meta,
        .overview-hero-card.is-neutral .overview-hero-card__label,
        .overview-signal-badge.is-neutral .overview-signal-badge__label,
        .overview-signal-badge.is-neutral .overview-signal-badge__hint {
            color: rgba(255, 247, 232, 0.82) !important;
        }

        .overview-feed-card__title,
        .overview-post-card__title,
        .overview-platform-card__title,
        .overview-impact-row__platform-copy strong,
        .ai-rollup-card__title {
            letter-spacing: -0.03em;
        }

        .overview-feed-card__excerpt,
        .overview-post-card__excerpt,
        .ai-rollup-text,
        .overview-ai-comment-card__text,
        .overview-command-center__summary-text,
        .overview-executive-card__text,
        .overview-platform-card__text {
            color: #c1cee2 !important;
        }


        /* ===== mobile readability refresh ===== */
        @media (max-width: 900px) {
            html {
                -webkit-text-size-adjust: 100%;
                text-size-adjust: 100%;
            }

            body {
                overflow-x: hidden;
            }

            .wrap {
                padding:
                    max(10px, env(safe-area-inset-top))
                    max(10px, env(safe-area-inset-right))
                    calc(18px + env(safe-area-inset-bottom))
                    max(10px, env(safe-area-inset-left));
            }

            .hero-header__inner {
                padding: 14px;
            }

            .hero-header__top {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                gap: 10px;
                align-items: start;
            }

            .hero-title {
                flex-wrap: wrap;
            }

            .hero-title h1 {
                font-size: 21px;
                line-height: 1.08;
            }

            .hero-meta {
                justify-content: flex-start;
                gap: 8px;
            }

            .hero-meta__chip {
                min-height: 26px;
                padding-inline: 10px;
                font-size: 10px;
            }

            .platform-switch {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                width: 100%;
            }

            .platform-switch__btn {
                width: 100%;
                min-width: 0;
                min-height: 40px;
            }

            .sync-target-manager__list,
            .stats {
                gap: 8px;
            }

            .filter-grid.filter-grid--hero:not(.filter-grid--hero-refined) {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
                width: 100%;
            }

            .filter-grid:not(.filter-grid--hero-refined) .filter-field {
                max-width: none;
            }

            .hero-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                width: 100%;
            }

            .hero-actions .btn,
            .hero-actions a {
                width: 100%;
                min-width: 0;
            }

            .posts-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .post-card {
                padding: 14px !important;
            }

            .post-card .post-head {
                display: grid;
                grid-template-columns: 70px minmax(0, 1fr);
                gap: 12px;
                align-items: start;
                margin-bottom: 12px;
            }

            .post-card .post-head-main {
                min-width: 0;
            }

            .post-card .post-top-actions {
                grid-column: 2;
                display: grid;
                grid-template-columns: minmax(0, 1fr) 42px auto;
                gap: 8px;
                width: 100%;
                align-items: stretch;
            }

            .post-card-youtube .post-top-actions {
                grid-template-columns: minmax(0, 1fr);
            }

            .post-mini-preview {
                width: 70px;
                height: 70px;
                flex-basis: 70px;
            }

            .post-stats {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 8px !important;
            }

            .post-stats.post-stats-ig {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            .post-stats.post-stats-youtube {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            }

            .post-stats.post-stats-youtube .pill-date {
                grid-column: span 2;
            }

            .post-stats > .pill {
                min-height: 40px !important;
                padding: 0 10px !important;
                font-size: 11px !important;
                justify-content: flex-start;
            }

            .pill-media {
                justify-content: center !important;
            }

            .pill-date {
                justify-content: flex-start !important;
            }

            .pill-date span {
                font-size: 10.5px !important;
            }

            .youtube-copy-stack {
                gap: 10px;
                margin-top: 12px;
            }

            .youtube-title {
                min-height: 0 !important;
                max-height: none !important;
            }

            .youtube-title__text {
                font-size: 16px !important;
                line-height: 1.42 !important;
            }

            .youtube-description-box {
                min-height: 0 !important;
                max-height: 168px !important;
                font-size: 13px;
                line-height: 1.58;
            }

            .history-panel {
                padding: 12px;
            }

            .history-title-row {
                gap: 8px;
            }

            .history-title {
                font-size: 14px;
                line-height: 1.35;
            }

            svg.history-svg text {
                font-size: 16px;
            }

            .ai-summary-head {
                gap: 10px;
                align-items: flex-start;
            }

            .ai-summary-title {
                font-size: 14px;
            }

            .ai-summary-btn {
                min-height: 40px;
                white-space: nowrap;
            }

            .ai-summary-body {
                max-height: 320px;
            }

            .comments-toggle {
                min-height: 46px;
            }

            .comments-scroll {
                max-height: 280px;
            }

            .comment-meta {
                font-size: 10.5px;
            }

            .comment-body {
                font-size: 12.5px;
                line-height: 1.62;
            }

            .overview-window-tabs {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .overview-window-tab {
                width: 100%;
                min-width: 0;
            }

            .overview-window-custom-form {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: end;
            }

            .overview-window-custom-form__field {
                min-width: 0;
            }

            .overview-window-custom-form__actions {
                grid-column: 1 / -1;
            }

            .overview-section__head,
            .overview-category-section__head,
            .overview-account-section__head,
            .overview-platform-card__head,
            .overview-post-card__head,
            .overview-impact-card__head {
                flex-direction: column;
                align-items: stretch;
            }

            .overview-feed-card,
            .overview-platform-card,
            .overview-post-card,
            .overview-impact-card,
            .overview-executive-card,
            .overview-comparison-card {
                padding: 16px !important;
            }

            .overview-feed-card__toolbar {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 10px;
                align-items: start;
            }

            .overview-feed-card__flow {
                display: grid !important;
                grid-template-columns: 88px minmax(0, 1fr);
                gap: 12px;
            }

            .overview-feed-card__flow::after {
                display: none !important;
            }

            .overview-feed-card__media-col {
                float: none !important;
                width: 88px !important;
                margin: 0 !important;
            }

            .overview-feed-card .post-mini-preview {
                width: 88px !important;
                max-width: 88px !important;
            }

            .overview-feed-card .post-mini-preview__media,
            .overview-feed-card__preview-placeholder {
                min-height: 88px !important;
            }

            .overview-feed-card__title {
                font-size: 16px;
                line-height: 1.34;
            }

            .overview-feed-card__excerpt {
                font-size: 13px;
                line-height: 1.55;
            }

            .overview-feed-card .post-stats {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                grid-column: 1 / -1;
                margin-top: 12px;
            }

            .overview-feed-card .post-stats > .pill {
                width: 100%;
                padding: 8px 10px;
                font-size: 10.5px;
                justify-content: flex-start;
            }

            .overview-feed-card .comments-toggle {
                margin-top: 14px;
            }

            .overview-ai-showcase {
                width: min(100%, calc(100% - 20px));
            }

            .overview-ai-showcase__shell {
                padding: 16px;
                border-radius: 18px;
            }

            .overview-ai-showcase__head {
                flex-direction: column;
                align-items: stretch;
            }

            .overview-ai-showcase__grid {
                grid-template-columns: 1fr;
            }

            .overview-ai-post-card {
                grid-template-columns: 88px minmax(0, 1fr);
                align-items: start;
            }

            .overview-ai-post-card__media {
                min-height: 88px;
            }

            .overview-ai-post-card__title {
                font-size: 15px;
            }

            .overview-ai-post-card__excerpt {
                font-size: 12.5px;
                line-height: 1.55;
            }

            .overview-ai-comments-groups--compact,
            .overview-ai-comments-list.is-compact {
                gap: 10px;
            }

            .overview-ai-comment-card__text {
                font-size: 13px;
                line-height: 1.6;
            }

            .gemini-fab-stack {
                right: 12px;
                bottom: calc(12px + env(safe-area-inset-bottom));
                gap: 8px;
            }

            .gemini-fab {
                width: 54px;
                height: 54px;
            }

            .gemini-fab__icon {
                font-size: 20px;
            }
        }

        @media (max-width: 640px) {
            .filter-grid.filter-grid--hero:not(.filter-grid--hero-refined),
            .overview-window-custom-form,
            .hero-actions {
                grid-template-columns: 1fr;
            }

            .hero-left-card,
            .hero-left-stack .sync-target-manager,
            .hero-filter-card,
            .ai-rollup-card {
                padding: 14px !important;
            }

            .hero-left-card__subtitle,
            .overview-command-center__summary-text,
            .overview-platform-card__text,
            .overview-executive-card__text {
                font-size: 13px;
                line-height: 1.6;
            }

            .post-card .post-head {
                grid-template-columns: 64px minmax(0, 1fr);
                gap: 10px;
            }

            .post-mini-preview {
                width: 64px;
                height: 64px;
                flex-basis: 64px;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 40px auto;
            }

            .post-stats,
            .post-stats.post-stats-youtube {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            .post-stats.post-stats-youtube .pill-date {
                grid-column: span 2;
            }

            .post-stats > .pill {
                min-height: 38px !important;
                font-size: 10.5px !important;
            }

            .overview-hero-grid {
                grid-template-columns: 1fr !important;
            }

            .overview-feed-card__toolbar {
                grid-template-columns: 1fr;
            }

            .overview-feed-card .post-top-actions {
                width: 100%;
            }

            .overview-feed-card .post-top-actions > a {
                width: 100%;
            }

            .overview-feed-card__flow {
                grid-template-columns: 76px minmax(0, 1fr) !important;
            }

            .overview-feed-card__media-col {
                width: 76px !important;
            }

            .overview-feed-card .post-mini-preview {
                width: 76px !important;
                max-width: 76px !important;
            }

            .overview-feed-card .post-mini-preview__media,
            .overview-feed-card__preview-placeholder {
                min-height: 76px !important;
            }

            .overview-feed-card .post-stats {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .overview-ai-post-card {
                grid-template-columns: 76px minmax(0, 1fr);
                gap: 12px;
            }

            .overview-ai-post-card__media {
                min-height: 76px;
            }

            .overview-ai-post-card__actions {
                grid-template-columns: 1fr;
            }

            .overview-ai-post-card__btn {
                width: 100%;
            }
        }

        @media (max-width: 420px) {
            .wrap {
                padding: 8px 8px calc(16px + env(safe-area-inset-bottom));
            }

            .hero-title h1 {
                font-size: 20px;
            }

            .hero-meta {
                gap: 6px;
            }

            .hero-meta__chip,
            .pill,
            .overview-platform-card__metric,
            .overview-ai-post-card__pill {
                font-size: 10px !important;
            }

            .post-card {
                padding: 12px !important;
            }

            .post-card .post-head {
                grid-template-columns: 58px minmax(0, 1fr);
                gap: 8px;
            }

            .post-mini-preview {
                width: 58px;
                height: 58px;
                flex-basis: 58px;
                border-radius: 12px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 38px 78px;
                gap: 6px;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge {
                min-height: 38px;
                font-size: 11px !important;
            }

            .icon-btn {
                width: 38px;
                height: 38px;
                flex-basis: 38px;
            }

            .post-stats > .pill {
                padding: 0 8px !important;
            }

            .comment {
                padding: 10px;
            }

            .comment-body {
                font-size: 12px;
            }

            .overview-feed-card__flow {
                grid-template-columns: 68px minmax(0, 1fr) !important;
                gap: 10px;
            }

            .overview-feed-card__media-col {
                width: 68px !important;
            }

            .overview-feed-card .post-mini-preview {
                width: 68px !important;
                max-width: 68px !important;
            }

            .overview-feed-card .post-mini-preview__media,
            .overview-feed-card__preview-placeholder {
                min-height: 68px !important;
            }

            .overview-feed-card__title {
                font-size: 15px;
            }

            .overview-feed-card__excerpt {
                font-size: 12.5px;
            }

            .overview-ai-showcase__shell {
                padding: 14px;
            }

            .overview-ai-post-card {
                grid-template-columns: 1fr;
            }

            .overview-ai-post-card__media {
                min-height: 180px;
            }

            .gemini-fab {
                width: 50px;
                height: 50px;
            }
        }



        /* ===== mobile dense desktop-style layout ===== */
        @media (max-width: 900px) {
            .overview-hero-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px !important;
            }

            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px !important;
            }

            .overview-platform-card__head,
            .overview-post-card__head,
            .overview-feed-card .post-head {
                flex-direction: row !important;
                align-items: flex-start !important;
            }

            .overview-feed-card-slot {
                max-width: none !important;
                width: 100% !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-impact-card,
            .overview-executive-card,
            .overview-comparison-card,
            .overview-ai-post-card,
            .post-card {
                min-width: 0;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-impact-card,
            .overview-executive-card,
            .overview-comparison-card,
            .overview-ai-post-card {
                padding: 14px !important;
            }

            .overview-hero-card__label,
            .overview-hero-card__meta,
            .overview-platform-card__sub {
                min-height: 0 !important;
            }

            .overview-platform-card__insight {
                padding: 12px !important;
            }

            .overview-platform-card__summary-scroll {
                max-height: 220px !important;
            }

            .overview-feed-card__toolbar {
                grid-template-columns: minmax(0, 1fr) auto !important;
            }

            .overview-feed-card__flow {
                grid-template-columns: 72px minmax(0, 1fr) !important;
                gap: 10px !important;
            }

            .overview-feed-card__media-col {
                width: 72px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 72px !important;
                max-width: 72px !important;
                min-height: 72px !important;
            }

            .overview-feed-card .post-stats,
            .overview-ai-post-card__actions {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            .post-card {
                min-height: 0 !important;
                padding: 12px !important;
            }

            .post-card .post-head {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 10px !important;
                align-items: start !important;
                margin-bottom: 10px !important;
            }

            .post-card .post-head-main {
                display: grid !important;
                grid-template-columns: 58px minmax(0, 1fr) !important;
                gap: 10px !important;
                align-items: start !important;
            }

            .post-card .post-top-actions {
                grid-column: auto !important;
                grid-template-columns: minmax(0, 1fr) 38px auto !important;
                gap: 6px !important;
                width: 100% !important;
                align-items: stretch !important;
            }

            .post-card-youtube .post-top-actions {
                grid-template-columns: minmax(0, 1fr) !important;
            }

            .post-mini-preview {
                width: 58px !important;
                height: 58px !important;
                flex-basis: 58px !important;
                border-radius: 14px !important;
            }

            .post-mini-preview::after {
                border-radius: 13px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge {
                min-height: 38px !important;
                border-radius: 12px !important;
                font-size: 11px !important;
            }

            .icon-btn {
                width: 38px !important;
                height: 38px !important;
                flex-basis: 38px !important;
            }

            .post-stats,
            .post-stats.post-stats-ig,
            .post-stats.post-stats-youtube {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 6px !important;
            }

            .post-stats.post-stats-youtube .pill-date,
            .post-stats.post-stats-ig .pill-date {
                grid-column: span 2 !important;
            }

            .post-stats > .pill {
                min-height: 36px !important;
                padding: 0 8px !important;
                font-size: 10px !important;
            }

            .pill-date,
            .post-stats.post-stats-ig .pill-date {
                justify-content: center !important;
                padding-inline: 8px !important;
            }

            .pill-date span {
                text-align: center !important;
            }

            .youtube-copy-stack {
                gap: 8px !important;
                margin-top: 10px !important;
            }

            .youtube-title {
                min-height: 78px !important;
                max-height: 78px !important;
                padding: 10px !important;
            }

            .youtube-title__text {
                font-size: 14px !important;
                line-height: 1.35 !important;
                -webkit-line-clamp: 3;
            }

            .youtube-description-box {
                min-height: 112px !important;
                max-height: 112px !important;
                padding: 10px !important;
                font-size: 12px !important;
                line-height: 1.5 !important;
            }

            .ai-summary-title {
                font-size: 13px !important;
            }

            .ai-summary-btn,
            .comments-toggle {
                min-height: 40px !important;
            }
        }

        @media (max-width: 640px) {
            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card {
                padding: 11px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value {
                font-size: 24px !important;
            }

            .overview-hero-card__eyebrow,
            .overview-section__eyebrow,
            .overview-platform-card__eyebrow {
                font-size: 9px !important;
                letter-spacing: 0.12em !important;
            }

            .overview-platform-card__metric,
            .overview-feed-card .post-stats > .pill,
            .overview-ai-post-card__pill {
                font-size: 10px !important;
            }

            .overview-platform-card__summary-note,
            .overview-platform-card__summary-text,
            .overview-platform-card__summary-points,
            .overview-feed-card__excerpt,
            .overview-ai-post-card__excerpt,
            .comment-body {
                font-size: 12px !important;
                line-height: 1.5 !important;
            }

            .overview-platform-card__summary-scroll {
                max-height: 180px !important;
            }

            .overview-feed-card__flow {
                grid-template-columns: 64px minmax(0, 1fr) !important;
            }

            .overview-feed-card__media-col {
                width: 64px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 64px !important;
                max-width: 64px !important;
                min-height: 64px !important;
            }

            .post-card .post-head-main {
                grid-template-columns: 52px minmax(0, 1fr) !important;
                gap: 8px !important;
            }

            .post-mini-preview {
                width: 52px !important;
                height: 52px !important;
                flex-basis: 52px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 34px auto !important;
            }

            .icon-btn {
                width: 34px !important;
                height: 34px !important;
                flex-basis: 34px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill {
                min-height: 34px !important;
                font-size: 9.5px !important;
            }

            .youtube-title {
                min-height: 68px !important;
                max-height: 68px !important;
            }

            .youtube-title__text {
                font-size: 13px !important;
            }

            .youtube-description-box {
                min-height: 96px !important;
                max-height: 96px !important;
                font-size: 11px !important;
            }
        }

        @media (max-width: 420px) {
            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card {
                padding: 9px !important;
                border-radius: 14px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value {
                font-size: 20px !important;
            }

            .overview-platform-card__metric,
            .overview-ai-post-card__pill,
            .hero-meta__chip,
            .pill {
                font-size: 9px !important;
            }

            .overview-platform-card__insight-refresh {
                min-width: 74px !important;
                min-height: 26px !important;
                padding: 4px 8px !important;
                font-size: 9px !important;
            }

            .overview-feed-card__title,
            .overview-ai-post-card__title {
                font-size: 13px !important;
                line-height: 1.3 !important;
            }

            .overview-feed-card__flow {
                grid-template-columns: 56px minmax(0, 1fr) !important;
                gap: 8px !important;
            }

            .overview-feed-card__media-col {
                width: 56px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 56px !important;
                max-width: 56px !important;
                min-height: 56px !important;
            }

            .post-card .post-head-main {
                grid-template-columns: 48px minmax(0, 1fr) !important;
            }

            .post-mini-preview {
                width: 48px !important;
                height: 48px !important;
                flex-basis: 48px !important;
                border-radius: 12px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 32px auto !important;
                gap: 5px !important;
            }

            .icon-btn {
                width: 32px !important;
                height: 32px !important;
                flex-basis: 32px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill {
                min-height: 32px !important;
                font-size: 9px !important;
            }

            .youtube-title {
                min-height: 60px !important;
                max-height: 60px !important;
                padding: 8px !important;
            }

            .youtube-title__text {
                font-size: 12px !important;
            }

            .youtube-description-box {
                min-height: 84px !important;
                max-height: 84px !important;
                padding: 8px !important;
                font-size: 10.5px !important;
            }
        }


        /* ===== mobile comfort pass: keep 2 columns but reduce cramped feeling ===== */
        @media (max-width: 640px) {
            .wrap {
                padding: 10px 8px 18px !important;
            }

            .hero-header {
                margin-bottom: 12px !important;
            }

            .hero-header__shell {
                border-radius: 18px !important;
            }

            .hero-header__inner {
                padding: 12px 10px 11px !important;
            }

            .platform-switch {
                gap: 6px !important;
                padding: 5px !important;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .platform-switch::-webkit-scrollbar {
                display: none;
            }

            .platform-switch__btn {
                min-width: 104px !important;
                min-height: 34px !important;
                padding: 7px 12px !important;
                font-size: 11px !important;
                flex: 0 0 auto;
            }

            .posts-grid {
                gap: 10px !important;
            }

            .post-card {
                min-height: 0 !important;
                border-radius: 16px !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.03),
                    0 14px 28px rgba(0,0,0,0.22) !important;
            }

            .post-card .post-head {
                margin-bottom: 8px !important;
            }

            .post-card .post-head-main {
                grid-template-columns: 46px minmax(0, 1fr) !important;
                gap: 7px !important;
            }

            .post-mini-preview {
                width: 46px !important;
                height: 46px !important;
                flex-basis: 46px !important;
                border-radius: 12px !important;
            }

            .post-mini-preview::after {
                border-radius: 11px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 30px auto !important;
                gap: 5px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill {
                min-height: 30px !important;
                font-size: 9px !important;
            }

            .icon-btn {
                width: 30px !important;
                height: 30px !important;
                flex-basis: 30px !important;
                border-radius: 10px !important;
            }

            .icon-btn svg {
                width: 15px !important;
                height: 15px !important;
            }

            .post-stats,
            .post-stats.post-stats-ig,
            .post-stats.post-stats-youtube {
                gap: 5px !important;
                margin-top: 8px !important;
            }

            .post-stats > .pill {
                padding: 0 7px !important;
                border-radius: 10px !important;
            }

            .pill .icon {
                width: 14px !important;
                height: 14px !important;
                min-width: 14px !important;
            }

            .pill-date span {
                font-size: 0.88em !important;
            }

            .post-detected-tags-slot {
                margin-top: 8px !important;
            }

            .history-chart-shell {
                margin-top: 8px !important;
            }

            .history-title {
                font-size: 13px !important;
                line-height: 1.3 !important;
            }

            .history-card {
                padding: 10px !important;
                border-radius: 14px !important;
            }

            .ai-summary-card {
                margin-top: 8px !important;
                padding: 10px 10px 10px !important;
                border-radius: 14px !important;
            }

            .ai-summary-head {
                gap: 8px !important;
                align-items: center !important;
            }

            .ai-summary-title {
                font-size: 12px !important;
                line-height: 1.2 !important;
                white-space: normal !important;
            }

            .ai-summary-btn {
                min-width: 76px !important;
                min-height: 32px !important;
                height: 32px !important;
                padding: 0 10px !important;
                font-size: 9px !important;
                letter-spacing: 0.09em !important;
            }

            .ai-summary-placeholder,
            .ai-summary-error,
            .ai-summary-result {
                padding: 10px !important;
                border-radius: 12px !important;
                font-size: 11px !important;
                line-height: 1.5 !important;
            }

            .comments-toggle {
                margin-top: 8px !important;
                min-height: 34px !important;
                padding: 9px 11px !important;
                border-radius: 12px !important;
                font-size: 11px !important;
            }

            .comments-toggle .arrow {
                font-size: 12px !important;
            }

            .comments-scroll {
                max-height: 240px !important;
            }

            .comment-card {
                padding: 10px !important;
                border-radius: 12px !important;
            }

            .comment-meta {
                font-size: 9.5px !important;
            }

            .comment-body {
                font-size: 11px !important;
                line-height: 1.5 !important;
            }

            .youtube-copy-stack {
                gap: 7px !important;
                margin-top: 8px !important;
            }

            .youtube-title {
                min-height: 0 !important;
                max-height: none !important;
                padding: 8px 9px !important;
                border-radius: 12px !important;
            }

            .youtube-title__text {
                font-size: 12px !important;
                line-height: 1.28 !important;
                -webkit-line-clamp: 2 !important;
            }

            .youtube-description-box {
                min-height: 72px !important;
                max-height: 72px !important;
                padding: 8px 9px !important;
                border-radius: 12px !important;
                font-size: 10.5px !important;
                line-height: 1.42 !important;
            }
        }

        @media (max-width: 420px) {
            .wrap {
                padding: 8px 6px 16px !important;
            }

            .hero-header__inner {
                padding: 10px 8px 10px !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                gap: 9px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card {
                padding: 10px !important;
            }

            .overview-feed-card__title,
            .overview-ai-post-card__title,
            .overview-post-card__title {
                font-size: 12px !important;
                line-height: 1.25 !important;
            }

            .overview-platform-card__metric,
            .overview-ai-post-card__pill,
            .hero-meta__chip,
            .pill {
                font-size: 8.5px !important;
            }

            .post-card .post-head-main {
                grid-template-columns: 44px minmax(0, 1fr) !important;
            }

            .post-mini-preview {
                width: 44px !important;
                height: 44px !important;
                flex-basis: 44px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 28px auto !important;
            }

            .icon-btn {
                width: 28px !important;
                height: 28px !important;
                flex-basis: 28px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill {
                min-height: 28px !important;
                font-size: 8.5px !important;
            }

            .ai-summary-btn {
                min-width: 72px !important;
                font-size: 8.5px !important;
            }

            .comments-toggle {
                font-size: 10.5px !important;
            }

            .youtube-title__text {
                font-size: 11.5px !important;
            }

            .youtube-description-box {
                min-height: 68px !important;
                max-height: 68px !important;
                font-size: 10px !important;
            }
        }

    
        /* ===== final mobile balance pass v8 ===== */
        @media (max-width: 640px) {
            .wrap {
                padding: 8px 4px 14px !important;
            }

            .hero-header__inner {
                padding: 10px 8px !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 6px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card {
                padding: 8px !important;
                border-radius: 12px !important;
                min-width: 0 !important;
            }

            .post-card {
                overflow: hidden;
            }

            .post-card .post-head {
                display: grid !important;
                grid-template-columns: 42px minmax(0, 1fr) !important;
                gap: 8px !important;
                align-items: start !important;
                margin-bottom: 6px !important;
            }

            .post-card .post-head-main {
                display: block !important;
                min-width: 0 !important;
            }

            .post-mini-preview {
                width: 42px !important;
                height: 42px !important;
                flex-basis: 42px !important;
                border-radius: 11px !important;
            }

            .post-mini-preview::after {
                border-radius: 10px !important;
            }

            .post-card .post-top-actions {
                grid-column: auto !important;
                grid-template-columns: minmax(0, 1fr) 30px auto !important;
                gap: 4px !important;
                width: 100% !important;
                align-items: stretch !important;
            }

            .post-card-youtube .post-top-actions {
                grid-template-columns: minmax(0, 1fr) !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge {
                min-height: 30px !important;
                border-radius: 10px !important;
                font-size: 9px !important;
            }

            .post-top-actions > a {
                padding-inline: 8px !important;
            }

            .icon-btn {
                width: 30px !important;
                height: 30px !important;
                flex-basis: 30px !important;
            }

            .icon-btn svg {
                width: 14px !important;
                height: 14px !important;
            }

            .post-stats,
            .post-stats.post-stats-ig,
            .post-stats.post-stats-youtube {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 4px !important;
                margin-top: 6px !important;
            }

            .post-stats.post-stats-ig .pill-date,
            .post-stats.post-stats-youtube .pill-date {
                grid-column: span 2 !important;
            }

            .post-stats > .pill {
                min-height: 30px !important;
                padding: 0 6px !important;
                font-size: 9px !important;
                border-radius: 10px !important;
            }

            .pill-date,
            .post-stats.post-stats-ig .pill-date {
                justify-content: center !important;
                padding-inline: 6px !important;
            }

            .pill-date span {
                font-size: 8.4px !important;
                line-height: 1.1 !important;
                text-align: center !important;
            }

            .pill .icon {
                width: 13px !important;
                height: 13px !important;
                min-width: 13px !important;
            }

            .post-detected-tags-slot,
            .history-chart-shell,
            .ai-summary-card {
                margin-top: 6px !important;
            }

            .history-panel,
            .history-card {
                padding: 8px !important;
                border-radius: 12px !important;
            }

            .history-head,
            .history-title-row {
                gap: 6px !important;
            }

            .history-title {
                font-size: 11.5px !important;
                line-height: 1.2 !important;
            }

            .history-subtitle,
            svg.history-svg text {
                font-size: 9px !important;
            }

            .history-kpis {
                gap: 4px !important;
            }

            .history-kpi {
                padding: 6px 7px !important;
                border-radius: 10px !important;
                min-height: 0 !important;
            }

            .history-kpi strong {
                font-size: 13px !important;
            }

            .history-kpi small {
                font-size: 8.5px !important;
            }

            .ai-summary-card {
                padding: 8px !important;
                border-radius: 12px !important;
            }

            .ai-summary-head {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 6px !important;
                align-items: stretch !important;
            }

            .ai-summary-title-wrap {
                min-width: 0 !important;
            }

            .ai-summary-title {
                font-size: 11.5px !important;
                line-height: 1.18 !important;
                white-space: normal !important;
                text-wrap: balance;
            }

            .ai-summary-btn {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 30px !important;
                height: 30px !important;
                padding: 0 8px !important;
                font-size: 8.5px !important;
                letter-spacing: 0.07em !important;
            }

            .ai-summary-body {
                max-height: 220px !important;
            }

            .ai-summary-placeholder,
            .ai-summary-error,
            .ai-summary-result,
            .ai-summary-list {
                font-size: 10.5px !important;
                line-height: 1.42 !important;
            }

            .comments-toggle {
                margin-top: 6px !important;
                min-height: 30px !important;
                padding: 8px 10px !important;
                border-radius: 10px !important;
                font-size: 10px !important;
            }

            .comments-scroll {
                max-height: 210px !important;
                gap: 6px !important;
            }

            .comment {
                padding: 8px !important;
                border-radius: 12px !important;
            }

            .comment-meta {
                margin-bottom: 5px !important;
                font-size: 8.8px !important;
                gap: 2px 5px !important;
            }

            .comment-body {
                font-size: 10.4px !important;
                line-height: 1.42 !important;
            }

            .youtube-copy-stack {
                gap: 6px !important;
                margin-top: 6px !important;
            }

            .youtube-title {
                min-height: 0 !important;
                max-height: none !important;
                padding: 8px !important;
                border-radius: 12px !important;
            }

            .youtube-title__text {
                font-size: 12px !important;
                line-height: 1.24 !important;
                -webkit-line-clamp: 2 !important;
            }

            .youtube-description-box {
                min-height: 58px !important;
                max-height: 58px !important;
                padding: 8px !important;
                border-radius: 12px !important;
                font-size: 10px !important;
                line-height: 1.36 !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value {
                font-size: 22px !important;
            }

            .overview-platform-card__metric,
            .overview-ai-post-card__pill,
            .hero-meta__chip,
            .pill {
                font-size: 8.8px !important;
            }

            .overview-platform-card__head,
            .overview-post-card__head,
            .overview-feed-card .post-head {
                gap: 8px !important;
            }

            .overview-platform-card__insight {
                padding: 8px !important;
                border-radius: 12px !important;
            }

            .overview-platform-card__insight-head {
                gap: 8px !important;
                margin-bottom: 8px !important;
            }

            .overview-platform-card__insight-refresh {
                min-width: 0 !important;
                min-height: 28px !important;
                padding: 4px 8px !important;
                font-size: 8.5px !important;
            }

            .overview-platform-card__summary-scroll {
                max-height: 150px !important;
                gap: 8px !important;
            }

            .overview-platform-card__summary-note,
            .overview-platform-card__summary-text,
            .overview-platform-card__summary-points,
            .overview-feed-card__excerpt,
            .overview-ai-post-card__excerpt,
            .overview-post-card__excerpt {
                font-size: 10.5px !important;
                line-height: 1.42 !important;
            }

            .overview-feed-card__flow {
                grid-template-columns: 52px minmax(0, 1fr) !important;
                gap: 8px !important;
            }

            .overview-feed-card__media-col {
                width: 52px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 52px !important;
                max-width: 52px !important;
                min-height: 52px !important;
            }

            .overview-feed-card__title,
            .overview-ai-post-card__title,
            .overview-post-card__title {
                font-size: 12px !important;
                line-height: 1.22 !important;
            }

            .overview-feed-card .post-stats > .pill,
            .overview-ai-post-card__pill {
                min-height: 28px !important;
                padding: 0 6px !important;
            }
        }

        @media (max-width: 390px) {
            .wrap {
                padding: 6px 3px 12px !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid {
                gap: 5px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card {
                padding: 7px !important;
            }

            .post-card .post-head {
                grid-template-columns: 40px minmax(0, 1fr) !important;
                gap: 7px !important;
            }

            .post-mini-preview {
                width: 40px !important;
                height: 40px !important;
                flex-basis: 40px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 28px auto !important;
            }

            .icon-btn {
                width: 28px !important;
                height: 28px !important;
                flex-basis: 28px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill {
                min-height: 28px !important;
                font-size: 8.5px !important;
            }

            .history-title,
            .ai-summary-title {
                font-size: 11px !important;
            }

            .youtube-title__text {
                font-size: 11.5px !important;
            }

            .youtube-description-box {
                min-height: 54px !important;
                max-height: 54px !important;
                font-size: 9.8px !important;
            }
        }

    

        /* ===== final mobile tuning: executive comparison + platform health ===== */
        @media (max-width: 640px) {
            #overview-executive-section .overview-executive-chart-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
                align-items: start !important;
            }

            #overview-executive-section .overview-impact-card {
                padding: 10px !important;
                border-radius: 18px !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 15px !important;
                line-height: 1.08 !important;
                text-wrap: balance;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                margin-top: 5px !important;
                font-size: 10.5px !important;
                line-height: 1.35 !important;
            }

            #overview-executive-section .overview-impact-card__summary {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            #overview-executive-section .overview-impact-card__summary-main {
                min-height: 0 !important;
                padding: 11px 12px !important;
                gap: 8px !important;
                border-radius: 16px !important;
            }

            #overview-executive-section .overview-impact-card__summary-label {
                font-size: 9px !important;
            }

            #overview-executive-section .overview-impact-card__summary-value {
                font-size: 22px !important;
            }

            #overview-executive-section .overview-impact-card__summary-main-gauge {
                justify-items: center !important;
            }

            #overview-executive-section .overview-donut--summary {
                width: 72px !important;
                height: 72px !important;
            }

            #overview-executive-section .overview-donut--summary::after {
                inset: 6px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__value {
                font-size: 15px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__share {
                font-size: 8.5px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__caption {
                max-width: 56px !important;
                font-size: 7.5px !important;
            }

            #overview-executive-section .overview-impact-card__summary-metrics {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 6px !important;
                padding: 9px !important;
                border-radius: 16px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill {
                min-height: 31px !important;
                padding: 6px 8px !important;
                font-size: 9.5px !important;
                border-radius: 11px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill strong {
                font-size: 10.5px !important;
            }

            #overview-executive-section .overview-impact-card__rows--donut {
                gap: 8px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 1fr !important;
                justify-items: stretch !important;
                gap: 10px !important;
                padding: 10px !important;
                border-radius: 16px !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                justify-self: center !important;
            }

            #overview-executive-section .overview-impact-row__head {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 8px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 13px !important;
                line-height: 1.12 !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 9.5px !important;
                line-height: 1.3 !important;
            }

            #overview-executive-section .overview-impact-row__stats {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 5px !important;
            }

            #overview-executive-section .overview-impact-stat {
                min-height: 29px !important;
                padding: 6px !important;
                font-size: 9px !important;
                border-radius: 10px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 10px !important;
            }

            #overview-platform-section .overview-platform-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
                align-items: start !important;
            }

            #overview-platform-section .overview-platform-card {
                padding: 12px !important;
                border-radius: 18px !important;
                display: grid !important;
                align-content: start !important;
                gap: 10px !important;
            }

            #overview-platform-section .overview-platform-card__head {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                gap: 10px !important;
                align-items: start !important;
            }

            #overview-platform-section .overview-platform-card__value {
                font-size: 28px !important;
                line-height: 0.95 !important;
            }

            #overview-platform-section .overview-platform-card__sub {
                margin-top: 4px !important;
                font-size: 11px !important;
                line-height: 1.35 !important;
            }

            #overview-platform-section .overview-platform-card__badge {
                min-width: 40px !important;
                height: 40px !important;
                border-radius: 14px !important;
                font-size: 11px !important;
            }

            #overview-platform-section .overview-platform-card__metrics {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 6px !important;
                margin-top: 0 !important;
            }

            #overview-platform-section .overview-platform-card__metric {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 34px !important;
                justify-content: flex-start !important;
                padding: 8px 9px !important;
                border-radius: 12px !important;
                font-size: 10px !important;
                line-height: 1.22 !important;
                white-space: normal !important;
            }

            #overview-platform-section .overview-platform-card__metric strong {
                font-size: 10px !important;
            }

            #overview-platform-section .overview-platform-card__insight {
                margin-top: 0 !important;
                padding: 10px !important;
                border-radius: 14px !important;
            }

            #overview-platform-section .overview-platform-card__insight-head {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                gap: 8px !important;
                align-items: center !important;
                margin-bottom: 8px !important;
            }

            #overview-platform-section .overview-platform-card__insight-title {
                font-size: 9.5px !important;
                line-height: 1.2 !important;
                letter-spacing: 0.12em !important;
            }

            #overview-platform-section .overview-platform-card__insight-refresh {
                min-width: 0 !important;
                min-height: 30px !important;
                padding: 0 9px !important;
                border-radius: 10px !important;
                font-size: 8px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 172px !important;
                gap: 8px !important;
                padding-right: 2px !important;
            }

            #overview-platform-section .overview-platform-card__summary-note {
                padding: 8px 9px !important;
                border-radius: 12px !important;
                font-size: 10px !important;
                line-height: 1.35 !important;
            }

            #overview-platform-section .overview-platform-card__summary-text,
            #overview-platform-section .overview-platform-card__summary-points,
            #overview-platform-section .overview-platform-card__summary-topics {
                font-size: 10px !important;
                line-height: 1.42 !important;
            }

            #overview-platform-section .overview-platform-card__list {
                margin: 0 !important;
                padding-left: 16px !important;
                gap: 6px !important;
                font-size: 11px !important;
                line-height: 1.38 !important;
            }

            #overview-platform-section .overview-platform-card__topics {
                margin-top: 0 !important;
                gap: 6px !important;
            }

            #overview-platform-section .overview-platform-card .ai-summary-tag {
                font-size: 9.5px !important;
                line-height: 1.2 !important;
                padding: 6px 8px !important;
                border-radius: 10px !important;
            }
        }

        @media (max-width: 420px) {
            #overview-executive-section .overview-executive-chart-grid,
            #overview-platform-section .overview-platform-grid {
                gap: 8px !important;
            }

            #overview-executive-section .overview-impact-card,
            #overview-platform-section .overview-platform-card {
                padding: 9px !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 14px !important;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                font-size: 10px !important;
            }

            #overview-executive-section .overview-impact-card__summary-value,
            #overview-platform-section .overview-platform-card__value {
                font-size: 24px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill,
            #overview-platform-section .overview-platform-card__metric {
                font-size: 9px !important;
                padding: 7px 8px !important;
            }

            #overview-platform-section .overview-platform-card__list,
            #overview-platform-section .overview-platform-card__summary-text,
            #overview-platform-section .overview-platform-card__summary-points,
            #overview-platform-section .overview-platform-card__summary-note {
                font-size: 9.5px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 156px !important;
            }
        }


        /* ===== subtle mobile dezoom pass v10 ===== */
        @media (max-width: 640px) {
            .wrap {
                padding: 6px 2px 12px !important;
            }

            .hero-header__shell,
            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .overview-impact-card,
            .overview-executive-card,
            .overview-comparison-card,
            .post-card {
                border-radius: 11px !important;
            }

            .overview-section {
                margin-top: 12px !important;
            }

            .overview-section__title {
                font-size: clamp(26px, 8vw, 34px) !important;
                line-height: 1.04 !important;
            }

            .overview-section__intro,
            .overview-section__description,
            .overview-section__text,
            .overview-executive-card__subtitle,
            .overview-platform-card__sub {
                font-size: 10.5px !important;
                line-height: 1.42 !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid,
            #overview-executive-section .overview-executive-chart-grid,
            #overview-platform-section .overview-platform-grid {
                gap: 5px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card,
            #overview-executive-section .overview-impact-card,
            #overview-platform-section .overview-platform-card {
                padding: 7px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value,
            #overview-executive-section .overview-impact-card__summary-value,
            #overview-platform-section .overview-platform-card__value {
                font-size: 20px !important;
                line-height: 0.98 !important;
            }

            .overview-platform-card__badge,
            #overview-platform-section .overview-platform-card__badge {
                min-width: 34px !important;
                width: 34px !important;
                height: 34px !important;
                border-radius: 11px !important;
                font-size: 10px !important;
            }

            .overview-platform-card__metric,
            .overview-impact-card__summary-pill,
            .overview-impact-stat,
            .overview-feed-card .post-stats > .pill,
            .overview-ai-post-card__pill,
            .hero-meta__chip,
            .pill {
                font-size: 8.4px !important;
                line-height: 1.2 !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 13px !important;
                line-height: 1.08 !important;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                font-size: 9.5px !important;
                line-height: 1.32 !important;
            }

            #overview-executive-section .overview-impact-card__summary-main {
                padding: 9px !important;
                border-radius: 13px !important;
                gap: 7px !important;
            }

            #overview-executive-section .overview-impact-card__summary-label {
                font-size: 8px !important;
            }

            #overview-executive-section .overview-donut--summary {
                width: 64px !important;
                height: 64px !important;
            }

            #overview-executive-section .overview-donut--summary::after {
                inset: 6px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__value {
                font-size: 13px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__share {
                font-size: 7.8px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__caption {
                font-size: 6.8px !important;
                max-width: 48px !important;
            }

            #overview-executive-section .overview-impact-card__summary-metrics,
            #overview-platform-section .overview-platform-card__metrics {
                gap: 5px !important;
                padding: 7px !important;
                border-radius: 12px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill,
            #overview-executive-section .overview-impact-stat,
            #overview-platform-section .overview-platform-card__metric {
                min-height: 28px !important;
                padding: 6px 7px !important;
                border-radius: 10px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                gap: 8px !important;
                padding: 8px !important;
                border-radius: 13px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 12px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span,
            #overview-platform-section .overview-platform-card__list {
                font-size: 9.5px !important;
                line-height: 1.34 !important;
            }

            #overview-platform-section .overview-platform-card {
                gap: 8px !important;
            }

            #overview-platform-section .overview-platform-card__head,
            #overview-platform-section .overview-platform-card__insight-head {
                gap: 7px !important;
            }

            #overview-platform-section .overview-platform-card__insight {
                padding: 8px !important;
                border-radius: 12px !important;
            }

            #overview-platform-section .overview-platform-card__insight-title {
                font-size: 8.8px !important;
            }

            #overview-platform-section .overview-platform-card__insight-refresh {
                min-height: 28px !important;
                padding: 0 8px !important;
                font-size: 7.8px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 138px !important;
                gap: 6px !important;
            }

            #overview-platform-section .overview-platform-card__summary-note,
            #overview-platform-section .overview-platform-card__summary-text,
            #overview-platform-section .overview-platform-card__summary-points,
            #overview-platform-section .overview-platform-card .ai-summary-tag {
                font-size: 9px !important;
                line-height: 1.34 !important;
            }

            .overview-feed-card__title,
            .overview-ai-post-card__title,
            .overview-post-card__title,
            .history-title,
            .ai-summary-title,
            .youtube-title__text {
                font-size: 11px !important;
                line-height: 1.2 !important;
            }

            .post-card .post-head {
                grid-template-columns: 38px minmax(0, 1fr) !important;
                gap: 6px !important;
            }

            .post-mini-preview,
            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 38px !important;
                height: 38px !important;
                flex-basis: 38px !important;
                min-height: 38px !important;
                max-width: 38px !important;
                border-radius: 10px !important;
            }

            .overview-feed-card__flow {
                grid-template-columns: 38px minmax(0, 1fr) !important;
                gap: 6px !important;
            }

            .overview-feed-card__media-col {
                width: 38px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 26px auto !important;
                gap: 4px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill,
            .comments-toggle,
            .ai-summary-btn {
                min-height: 26px !important;
                height: auto !important;
                font-size: 8.2px !important;
                border-radius: 9px !important;
            }

            .icon-btn {
                width: 26px !important;
                height: 26px !important;
                flex-basis: 26px !important;
            }

            .icon-btn svg,
            .pill .icon {
                width: 12px !important;
                height: 12px !important;
                min-width: 12px !important;
            }

            .post-stats,
            .post-stats.post-stats-ig,
            .post-stats.post-stats-youtube {
                gap: 4px !important;
                margin-top: 5px !important;
            }

            .post-stats > .pill {
                padding: 0 5px !important;
            }

            .pill-date span,
            .comment-meta,
            .history-subtitle,
            svg.history-svg text {
                font-size: 8px !important;
            }

            .history-panel,
            .history-card,
            .ai-summary-card,
            .comment,
            .comment-card {
                padding: 7px !important;
                border-radius: 11px !important;
            }

            .comment-body,
            .overview-feed-card__excerpt,
            .overview-ai-post-card__excerpt,
            .overview-post-card__excerpt,
            .ai-summary-placeholder,
            .ai-summary-error,
            .ai-summary-result,
            .ai-summary-list,
            .youtube-description-box {
                font-size: 9.4px !important;
                line-height: 1.34 !important;
            }

            .youtube-title,
            .youtube-description-box {
                padding: 7px !important;
                border-radius: 11px !important;
            }

            .youtube-description-box {
                min-height: 50px !important;
                max-height: 50px !important;
            }
        }

        @media (max-width: 420px) {
            .wrap {
                padding: 5px 2px 10px !important;
            }

            .overview-section__title {
                font-size: clamp(24px, 8.4vw, 30px) !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid,
            #overview-executive-section .overview-executive-chart-grid,
            #overview-platform-section .overview-platform-grid {
                gap: 4px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card,
            #overview-executive-section .overview-impact-card,
            #overview-platform-section .overview-platform-card {
                padding: 6px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value,
            #overview-executive-section .overview-impact-card__summary-value,
            #overview-platform-section .overview-platform-card__value {
                font-size: 18px !important;
            }

            .post-card .post-head,
            .overview-feed-card__flow {
                grid-template-columns: 34px minmax(0, 1fr) !important;
            }

            .post-mini-preview,
            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 34px !important;
                height: 34px !important;
                flex-basis: 34px !important;
                min-height: 34px !important;
                max-width: 34px !important;
            }

            .overview-feed-card__media-col {
                width: 34px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 24px auto !important;
            }

            .icon-btn {
                width: 24px !important;
                height: 24px !important;
                flex-basis: 24px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill,
            .comments-toggle,
            .ai-summary-btn {
                min-height: 24px !important;
                font-size: 7.8px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 126px !important;
            }
        }


        /* ===== stronger mobile dezoom pass v11 ===== */
        @media (max-width: 640px) {
            html {
                font-size: 81% !important;
            }

            body {
                font-size: 11px !important;
            }

            .wrap {
                padding: 4px 1px 8px !important;
                max-width: 100% !important;
            }

            .hero-header__shell,
            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .overview-impact-card,
            .overview-executive-card,
            .overview-comparison-card,
            .post-card {
                border-radius: 9px !important;
            }

            .overview-section {
                margin-top: 9px !important;
            }

            .overview-section__eyebrow {
                font-size: 8px !important;
                letter-spacing: 0.12em !important;
            }

            .overview-section__title {
                font-size: clamp(20px, 6.2vw, 26px) !important;
                line-height: 1.02 !important;
            }

            .overview-section__intro,
            .overview-section__description,
            .overview-section__text,
            .overview-executive-card__subtitle,
            .overview-platform-card__sub,
            .overview-feed-card__excerpt,
            .overview-ai-post-card__excerpt,
            .overview-post-card__excerpt,
            .comment-body,
            .youtube-description-box,
            .ai-summary-placeholder,
            .ai-summary-error,
            .ai-summary-result,
            .ai-summary-list {
                font-size: 8.6px !important;
                line-height: 1.28 !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid,
            #overview-executive-section .overview-executive-chart-grid,
            #overview-platform-section .overview-platform-grid {
                gap: 4px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card,
            #overview-executive-section .overview-impact-card,
            #overview-platform-section .overview-platform-card {
                padding: 5px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value,
            #overview-executive-section .overview-impact-card__summary-value,
            #overview-platform-section .overview-platform-card__value {
                font-size: 16px !important;
                line-height: 0.96 !important;
            }

            .overview-platform-card__badge,
            #overview-platform-section .overview-platform-card__badge {
                min-width: 28px !important;
                width: 28px !important;
                height: 28px !important;
                border-radius: 9px !important;
                font-size: 8px !important;
            }

            .overview-platform-card__metric,
            .overview-impact-card__summary-pill,
            .overview-impact-stat,
            .overview-feed-card .post-stats > .pill,
            .overview-ai-post-card__pill,
            .hero-meta__chip,
            .pill,
            .overview-platform-card .ai-summary-tag,
            .overview-platform-card__list,
            .overview-platform-card__summary-text,
            .overview-platform-card__summary-points,
            .overview-platform-card__summary-note,
            .comment-meta,
            .pill-date span,
            svg.history-svg text {
                font-size: 7.6px !important;
                line-height: 1.18 !important;
            }

            #overview-executive-section .overview-impact-card__title,
            .overview-feed-card__title,
            .overview-ai-post-card__title,
            .overview-post-card__title,
            .history-title,
            .ai-summary-title,
            .youtube-title__text {
                font-size: 9.8px !important;
                line-height: 1.08 !important;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                font-size: 8px !important;
                line-height: 1.2 !important;
            }

            #overview-executive-section .overview-impact-card__summary-main {
                padding: 7px !important;
                border-radius: 11px !important;
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-card__summary-label {
                font-size: 6.9px !important;
            }

            #overview-executive-section .overview-donut--summary {
                width: 54px !important;
                height: 54px !important;
            }

            #overview-executive-section .overview-donut--summary::after {
                inset: 5px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__value {
                font-size: 10.5px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__share {
                font-size: 6.2px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__caption {
                font-size: 5.6px !important;
                max-width: 38px !important;
            }

            #overview-executive-section .overview-impact-card__summary-metrics,
            #overview-platform-section .overview-platform-card__metrics {
                gap: 4px !important;
                padding: 5px !important;
                border-radius: 10px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill,
            #overview-executive-section .overview-impact-stat,
            #overview-platform-section .overview-platform-card__metric {
                min-height: 22px !important;
                padding: 4px 5px !important;
                border-radius: 8px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                gap: 6px !important;
                padding: 6px !important;
                border-radius: 11px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 9px !important;
            }

            #overview-platform-section .overview-platform-card {
                gap: 6px !important;
            }

            #overview-platform-section .overview-platform-card__head,
            #overview-platform-section .overview-platform-card__insight-head {
                gap: 5px !important;
            }

            #overview-platform-section .overview-platform-card__insight {
                padding: 6px !important;
                border-radius: 10px !important;
            }

            #overview-platform-section .overview-platform-card__insight-title {
                font-size: 7.2px !important;
            }

            #overview-platform-section .overview-platform-card__insight-refresh {
                min-height: 22px !important;
                padding: 0 6px !important;
                font-size: 6.8px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 108px !important;
                gap: 4px !important;
            }

            .post-card .post-head,
            .overview-feed-card__flow {
                grid-template-columns: 30px minmax(0, 1fr) !important;
                gap: 5px !important;
            }

            .post-mini-preview,
            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 30px !important;
                height: 30px !important;
                flex-basis: 30px !important;
                min-height: 30px !important;
                max-width: 30px !important;
                border-radius: 8px !important;
            }

            .overview-feed-card__media-col {
                width: 30px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 21px auto !important;
                gap: 3px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill,
            .comments-toggle,
            .ai-summary-btn {
                min-height: 21px !important;
                height: auto !important;
                font-size: 7px !important;
                border-radius: 7px !important;
            }

            .icon-btn {
                width: 21px !important;
                height: 21px !important;
                flex-basis: 21px !important;
            }

            .icon-btn svg,
            .pill .icon {
                width: 10px !important;
                height: 10px !important;
                min-width: 10px !important;
            }

            .post-stats,
            .post-stats.post-stats-ig,
            .post-stats.post-stats-youtube {
                gap: 3px !important;
                margin-top: 4px !important;
            }

            .post-stats > .pill {
                padding: 0 4px !important;
            }

            .history-panel,
            .history-card,
            .ai-summary-card,
            .comment,
            .comment-card,
            .youtube-title,
            .youtube-description-box {
                padding: 5px !important;
                border-radius: 9px !important;
            }

            .youtube-description-box {
                min-height: 42px !important;
                max-height: 42px !important;
            }
        }

        @media (max-width: 420px) {
            html {
                font-size: 76% !important;
            }

            .wrap {
                padding: 3px 1px 7px !important;
            }

            .overview-section__title {
                font-size: clamp(18px, 5.8vw, 23px) !important;
            }

            .overview-hero-grid,
            .overview-platform-grid,
            .overview-category-section__grid,
            .overview-ai-showcase__grid,
            .posts-grid,
            #overview-executive-section .overview-executive-chart-grid,
            #overview-platform-section .overview-platform-grid {
                gap: 3px !important;
            }

            .overview-hero-card,
            .overview-platform-card,
            .overview-feed-card,
            .overview-post-card,
            .overview-ai-post-card,
            .post-card,
            #overview-executive-section .overview-impact-card,
            #overview-platform-section .overview-platform-card {
                padding: 4px !important;
            }

            .overview-hero-card__value,
            .overview-platform-card__value,
            #overview-executive-section .overview-impact-card__summary-value,
            #overview-platform-section .overview-platform-card__value {
                font-size: 14px !important;
            }

            .post-card .post-head,
            .overview-feed-card__flow {
                grid-template-columns: 26px minmax(0, 1fr) !important;
            }

            .post-mini-preview,
            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 26px !important;
                height: 26px !important;
                flex-basis: 26px !important;
                min-height: 26px !important;
                max-width: 26px !important;
            }

            .overview-feed-card__media-col {
                width: 26px !important;
            }

            .post-card .post-top-actions {
                grid-template-columns: minmax(0, 1fr) 19px auto !important;
            }

            .icon-btn {
                width: 19px !important;
                height: 19px !important;
                flex-basis: 19px !important;
            }

            .post-top-actions > a,
            .icon-btn,
            .live-badge,
            .post-stats > .pill,
            .comments-toggle,
            .ai-summary-btn {
                min-height: 19px !important;
                font-size: 6.4px !important;
            }

            #overview-platform-section .overview-platform-card__summary-scroll {
                max-height: 96px !important;
            }
        }


        /* ===== mobile compression pass v12: comparison section ===== */
        @media (max-width: 640px) {
            #overview-executive-section .overview-executive-card__text {
                font-size: 10px !important;
                line-height: 1.45 !important;
            }

            #overview-executive-section .overview-executive-chart-grid {
                gap: 7px !important;
            }

            #overview-executive-section .overview-impact-card {
                padding: 8px !important;
                border-radius: 14px !important;
            }

            #overview-executive-section .overview-impact-card__head--stacked {
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 13px !important;
                line-height: 1.08 !important;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                margin-top: 3px !important;
                font-size: 8.8px !important;
                line-height: 1.24 !important;
            }

            #overview-executive-section .overview-impact-card__summary {
                gap: 7px !important;
            }

            #overview-executive-section .overview-impact-card__summary-main {
                padding: 8px 9px !important;
                gap: 6px !important;
                border-radius: 12px !important;
            }

            #overview-executive-section .overview-impact-card__summary-label {
                font-size: 7.5px !important;
            }

            #overview-executive-section .overview-impact-card__summary-value {
                font-size: 18px !important;
            }

            #overview-executive-section .overview-donut--summary {
                width: 58px !important;
                height: 58px !important;
            }

            #overview-executive-section .overview-donut--summary::after {
                inset: 5px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__value {
                font-size: 12.5px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__share {
                font-size: 7px !important;
            }

            #overview-executive-section .overview-donut--summary .overview-donut__caption {
                max-width: 44px !important;
                font-size: 6.2px !important;
                line-height: 1.1 !important;
            }

            #overview-executive-section .overview-impact-card__summary-metrics {
                gap: 4px !important;
                padding: 6px !important;
                border-radius: 12px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill {
                min-height: 24px !important;
                padding: 4px 6px !important;
                font-size: 7.8px !important;
                border-radius: 8px !important;
            }

            #overview-executive-section .overview-impact-card__summary-pill strong {
                font-size: 8.8px !important;
            }

            #overview-executive-section .overview-impact-card__rows--donut {
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 58px minmax(0, 1fr) !important;
                justify-items: stretch !important;
                gap: 8px !important;
                padding: 8px !important;
                border-radius: 12px !important;
                align-items: center !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                justify-self: center !important;
            }

            #overview-executive-section .overview-impact-row--donut .overview-donut {
                width: 58px !important;
                height: 58px !important;
            }

            #overview-executive-section .overview-impact-row--donut .overview-donut::after {
                inset: 5px !important;
            }

            #overview-executive-section .overview-impact-row--donut .overview-donut__value {
                font-size: 12.5px !important;
            }

            #overview-executive-section .overview-impact-row--donut .overview-donut__share {
                font-size: 7px !important;
            }

            #overview-executive-section .overview-impact-row--donut .overview-donut__caption {
                font-size: 6px !important;
                line-height: 1.1 !important;
            }

            #overview-executive-section .overview-impact-row__body {
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-row__head {
                flex-direction: row !important;
                align-items: flex-start !important;
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-row__platform {
                gap: 6px !important;
            }

            #overview-executive-section .overview-impact-row__platform .overview-platform-card__badge {
                min-width: 22px !important;
                width: 22px !important;
                height: 22px !important;
                font-size: 8px !important;
                border-radius: 8px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy {
                gap: 1px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 10.8px !important;
                line-height: 1.1 !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 7.8px !important;
                line-height: 1.2 !important;
            }

            #overview-executive-section .overview-impact-row__stats {
                gap: 4px !important;
            }

            #overview-executive-section .overview-impact-stat {
                min-height: 22px !important;
                padding: 4px !important;
                font-size: 7.4px !important;
                border-radius: 8px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 8.5px !important;
            }
        }

        @media (max-width: 420px) {
            #overview-executive-section .overview-impact-card {
                padding: 7px !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 12px !important;
            }

            #overview-executive-section .overview-impact-card__subtitle,
            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 7.2px !important;
            }

            #overview-executive-section .overview-impact-card__summary-value {
                font-size: 16px !important;
            }

            #overview-executive-section .overview-donut--summary,
            #overview-executive-section .overview-impact-row--donut .overview-donut {
                width: 54px !important;
                height: 54px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 54px minmax(0, 1fr) !important;
                gap: 7px !important;
                padding: 7px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 10px !important;
            }

            #overview-executive-section .overview-impact-stat,
            #overview-executive-section .overview-impact-card__summary-pill {
                min-height: 21px !important;
                font-size: 7px !important;
            }
        }



        /* ===== mobile bug fix v13: comparison rows overflow ===== */
        @media (max-width: 640px) {
            #overview-executive-section .overview-impact-row--donut {
                overflow: hidden !important;
            }

            #overview-executive-section .overview-impact-row__head {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                align-items: center !important;
                column-gap: 5px !important;
                row-gap: 4px !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform,
            #overview-executive-section .overview-impact-row__platform-copy,
            #overview-executive-section .overview-impact-row__body {
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong,
            #overview-executive-section .overview-impact-row__platform-copy span {
                overflow-wrap: anywhere !important;
                word-break: normal !important;
            }

            #overview-executive-section .overview-impact-row__head .overview-trend-pill {
                min-height: 20px !important;
                max-width: 100% !important;
                padding: 4px 6px !important;
                font-size: 7.8px !important;
                line-height: 1 !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                justify-self: end !important;
                align-self: center !important;
                border-radius: 8px !important;
                box-shadow: none !important;
            }
        }

        @media (max-width: 420px) {
            #overview-executive-section .overview-impact-row__head {
                column-gap: 4px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 9.4px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 6.8px !important;
                line-height: 1.15 !important;
            }

            #overview-executive-section .overview-impact-row__head .overview-trend-pill {
                min-height: 18px !important;
                padding: 3px 5px !important;
                font-size: 7px !important;
                border-radius: 7px !important;
            }
        }



        /* ===== mobile stability fix: executive comparison rows ===== */
        @media (max-width: 640px) {
            #overview-executive-section .overview-impact-card__rows--donut {
                gap: 8px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 56px minmax(0, 1fr) !important;
                gap: 8px !important;
                padding: 8px !important;
                align-items: start !important;
                overflow: hidden !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                width: 56px !important;
            }

            #overview-executive-section .overview-impact-row__body {
                gap: 6px !important;
                min-width: 0 !important;
                align-self: stretch !important;
            }

            #overview-executive-section .overview-impact-row__head {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                align-items: start !important;
                gap: 6px !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform {
                display: grid !important;
                grid-template-columns: 28px minmax(0, 1fr) !important;
                align-items: start !important;
                gap: 6px !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform .overview-platform-card__badge {
                min-width: 28px !important;
                height: 28px !important;
                padding: 0 6px !important;
                font-size: 9px !important;
                line-height: 1 !important;
                justify-self: start !important;
                align-self: start !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy {
                display: block !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                display: block !important;
                font-size: 12px !important;
                line-height: 1.08 !important;
                overflow-wrap: normal !important;
                word-break: keep-all !important;
                white-space: normal !important;
                hyphens: none !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                display: block !important;
                margin-top: 2px !important;
                font-size: 8.4px !important;
                line-height: 1.24 !important;
                color: #99acd0 !important;
                overflow-wrap: normal !important;
                word-break: normal !important;
                white-space: normal !important;
                hyphens: none !important;
            }

            #overview-executive-section .overview-impact-row__head .overview-trend-pill {
                min-width: 64px !important;
                min-height: 24px !important;
                padding: 0 7px !important;
                font-size: 8.6px !important;
                line-height: 1 !important;
                justify-self: end !important;
                align-self: start !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            #overview-executive-section .overview-impact-row__stats {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 5px !important;
            }

            #overview-executive-section .overview-impact-stat {
                min-height: 24px !important;
                padding: 4px 6px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 9.2px !important;
                line-height: 1 !important;
            }

            #overview-executive-section .overview-donut {
                width: 56px !important;
                height: 56px !important;
            }

            #overview-executive-section .overview-donut::after {
                inset: 5px !important;
            }

            #overview-executive-section .overview-donut__value {
                font-size: 11px !important;
            }

            #overview-executive-section .overview-donut__share {
                font-size: 6.6px !important;
            }

            #overview-executive-section .overview-donut__caption {
                font-size: 5.8px !important;
                max-width: 38px !important;
            }
        }

        @media (max-width: 420px) {
            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 52px minmax(0, 1fr) !important;
                gap: 7px !important;
                padding: 7px !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                width: 52px !important;
            }

            #overview-executive-section .overview-impact-row__platform {
                grid-template-columns: 26px minmax(0, 1fr) !important;
                gap: 5px !important;
            }

            #overview-executive-section .overview-impact-row__platform .overview-platform-card__badge {
                min-width: 26px !important;
                height: 26px !important;
                font-size: 8.6px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 11.2px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 8px !important;
                line-height: 1.22 !important;
            }

            #overview-executive-section .overview-impact-row__head .overview-trend-pill {
                min-width: 60px !important;
                min-height: 22px !important;
                font-size: 8px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 8.8px !important;
            }

            #overview-executive-section .overview-donut {
                width: 52px !important;
                height: 52px !important;
            }

            #overview-executive-section .overview-donut__value {
                font-size: 10.2px !important;
            }

            #overview-executive-section .overview-donut__caption {
                max-width: 34px !important;
            }
        }


        /* ===== mobile stability fix v15: comparison text wrapping + row alignment ===== */
        @media (max-width: 640px) {
            #overview-executive-section .overview-impact-card {
                overflow: hidden !important;
            }

            #overview-executive-section .overview-impact-card__title {
                font-size: 13px !important;
                line-height: 1.08 !important;
                text-wrap: balance;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                font-size: 9.4px !important;
                line-height: 1.32 !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 50px minmax(0, 1fr) !important;
                gap: 8px !important;
                padding: 8px !important;
                align-items: start !important;
                overflow: hidden !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                width: 50px !important;
                align-self: start !important;
                justify-self: start !important;
            }

            #overview-executive-section .overview-impact-row__body {
                min-width: 0 !important;
                gap: 6px !important;
                align-self: start !important;
            }

            #overview-executive-section .overview-impact-row__head {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) !important;
                gap: 6px !important;
                align-items: start !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform {
                display: grid !important;
                grid-template-columns: 24px minmax(0, 1fr) !important;
                gap: 6px !important;
                align-items: start !important;
                min-width: 0 !important;
            }

            #overview-executive-section .overview-impact-row__platform .overview-platform-card__badge {
                min-width: 24px !important;
                width: 24px !important;
                height: 24px !important;
                border-radius: 9px !important;
                padding: 0 !important;
                font-size: 8px !important;
                line-height: 1 !important;
                justify-self: start !important;
                align-self: start !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy {
                display: block !important;
                min-width: 0 !important;
                max-width: 100% !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                display: block !important;
                margin: 0 !important;
                font-size: 11.2px !important;
                line-height: 1.14 !important;
                letter-spacing: -0.01em !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
                white-space: normal !important;
                hyphens: none !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                display: block !important;
                margin-top: 2px !important;
                font-size: 8.5px !important;
                line-height: 1.28 !important;
                color: #99acd0 !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
                white-space: normal !important;
                hyphens: none !important;
            }

            #overview-executive-section .overview-impact-row__head > .overview-trend-pill {
                justify-self: start !important;
                align-self: start !important;
                width: fit-content !important;
                max-width: 100% !important;
                min-width: 0 !important;
                min-height: 22px !important;
                padding: 0 7px !important;
                border-radius: 9px !important;
                font-size: 8px !important;
                line-height: 1 !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            #overview-executive-section .overview-impact-row__stats {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 4px !important;
            }

            #overview-executive-section .overview-impact-stat {
                min-width: 0 !important;
                min-height: 23px !important;
                padding: 4px 5px !important;
                border-radius: 10px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 8.8px !important;
                line-height: 1 !important;
            }

            #overview-executive-section .overview-donut {
                width: 50px !important;
                height: 50px !important;
            }

            #overview-executive-section .overview-donut::after {
                inset: 4px !important;
            }

            #overview-executive-section .overview-donut__inner {
                gap: 1px !important;
            }

            #overview-executive-section .overview-donut__value {
                font-size: 10.6px !important;
                line-height: 1 !important;
            }

            #overview-executive-section .overview-donut__share {
                font-size: 6.1px !important;
                line-height: 1 !important;
            }

            #overview-executive-section .overview-donut__caption {
                max-width: 34px !important;
                font-size: 5.6px !important;
                line-height: 1.12 !important;
            }
        }

        @media (max-width: 420px) {
            #overview-executive-section .overview-impact-card__title {
                font-size: 12.5px !important;
            }

            #overview-executive-section .overview-impact-card__subtitle {
                font-size: 9px !important;
            }

            #overview-executive-section .overview-impact-row--donut {
                grid-template-columns: 48px minmax(0, 1fr) !important;
                gap: 7px !important;
                padding: 7px !important;
            }

            #overview-executive-section .overview-impact-row__gauge {
                width: 48px !important;
            }

            #overview-executive-section .overview-impact-row__platform {
                grid-template-columns: 22px minmax(0, 1fr) !important;
                gap: 5px !important;
            }

            #overview-executive-section .overview-impact-row__platform .overview-platform-card__badge {
                min-width: 22px !important;
                width: 22px !important;
                height: 22px !important;
                font-size: 7.5px !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy strong {
                font-size: 10.7px !important;
                line-height: 1.12 !important;
            }

            #overview-executive-section .overview-impact-row__platform-copy span {
                font-size: 8px !important;
            }

            #overview-executive-section .overview-impact-row__head > .overview-trend-pill {
                min-height: 21px !important;
                padding: 0 6px !important;
                font-size: 7.6px !important;
            }

            #overview-executive-section .overview-impact-stat strong {
                font-size: 8.5px !important;
            }

            #overview-executive-section .overview-donut {
                width: 48px !important;
                height: 48px !important;
            }

            #overview-executive-section .overview-donut__value {
                font-size: 10px !important;
            }

            #overview-executive-section .overview-donut__share {
                font-size: 5.8px !important;
            }

            #overview-executive-section .overview-donut__caption {
                max-width: 31px !important;
                font-size: 5.2px !important;
            }
        }

    

        /* ===== mobile polish v21: overview hero topics in a stable equal grid ===== */
        @media (max-width: 640px) {
            .overview-hero-topics {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
                align-items: stretch !important;
                justify-items: stretch !important;
                width: 100% !important;
            }

            .overview-hero-topics .ai-summary-tag {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                min-width: 0 !important;
                min-height: 38px !important;
                padding: 8px 10px !important;
                border-radius: 10px !important;
                text-align: center !important;
                line-height: 1.22 !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
                box-sizing: border-box !important;
            }
        }


        /* ===== overview mobile post-card stabilization ===== */
        @media (max-width: 900px) {
            .overview-feed-card {
                overflow: hidden;
                min-height: 0 !important;
            }

            .overview-feed-card .post-head {
                display: block !important;
                margin-bottom: 10px !important;
            }

            .overview-feed-card__hero {
                display: grid !important;
                gap: 10px !important;
                min-width: 0;
            }

            .overview-feed-card__toolbar {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                gap: 8px !important;
                align-items: start !important;
            }

            .overview-feed-card__meta {
                display: grid !important;
                grid-template-columns: auto minmax(0, 1fr) !important;
                grid-template-areas:
                    "badge account"
                    "badge date" !important;
                gap: 6px 8px !important;
                align-items: start !important;
                min-width: 0 !important;
            }

            .overview-feed-card .overview-platform-card__badge {
                grid-area: badge;
                align-self: start;
                justify-self: start;
                min-width: 34px;
                width: 34px;
                height: 34px;
                padding: 0;
                font-size: 10px;
            }

            .overview-feed-card .overview-post-card__account,
            .overview-feed-card .overview-post-card__date {
                min-width: 0;
                width: 100%;
                max-width: 100%;
                padding: 6px 9px;
                font-size: 10px;
                line-height: 1.25;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .overview-feed-card .overview-post-card__account { grid-area: account; }
            .overview-feed-card .overview-post-card__date { grid-area: date; justify-content: flex-start; }

            .overview-feed-card__flow {
                display: grid !important;
                grid-template-columns: 72px minmax(0, 1fr) !important;
                grid-template-areas:
                    "media text"
                    "stats stats"
                    "tags tags" !important;
                gap: 10px !important;
                align-items: start !important;
            }

            .overview-feed-card__media-col {
                grid-area: media;
                float: none !important;
                width: 72px !important;
                margin: 0 !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 72px !important;
                max-width: 72px !important;
                min-height: 72px !important;
            }

            .overview-feed-card__text {
                grid-area: text;
                min-width: 0;
                align-self: start;
                gap: 6px !important;
            }

            .overview-feed-card__title {
                margin: 0 !important;
                font-size: 14px !important;
                line-height: 1.3 !important;
                -webkit-line-clamp: 3 !important;
            }

            .overview-feed-card__excerpt {
                font-size: 11.5px !important;
                line-height: 1.48 !important;
                -webkit-line-clamp: 3 !important;
            }

            .overview-feed-card .post-stats {
                grid-area: stats;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 6px !important;
                margin-top: 2px !important;
                min-width: 0;
            }

            .overview-feed-card .post-stats > .pill {
                min-width: 0;
                width: 100%;
                min-height: 32px !important;
                padding: 0 8px !important;
                font-size: 9.5px !important;
                justify-content: flex-start !important;
            }

            .overview-feed-card .post-detected-tags-slot {
                grid-area: tags;
                min-width: 0;
                margin-top: 0 !important;
            }

            .overview-feed-card .post-detected-tags-slot .game-chip,
            .overview-feed-card .post-detected-tags-slot .ai-summary-tag,
            .overview-feed-card .post-detected-tags-slot .tag-chip {
                max-width: 100%;
                min-height: 28px;
                padding: 6px 9px;
                font-size: 10px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        @media (max-width: 640px) {
            .overview-category-section__grid {
                gap: 10px !important;
            }

            .overview-feed-card {
                padding: 12px !important;
            }

            .overview-feed-card__toolbar {
                grid-template-columns: 1fr !important;
            }

            .overview-feed-card .post-top-actions,
            .overview-feed-card .post-top-actions > a {
                width: 100%;
            }

            .overview-feed-card__flow {
                grid-template-columns: 64px minmax(0, 1fr) !important;
                gap: 9px !important;
            }

            .overview-feed-card__media-col {
                width: 64px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 64px !important;
                max-width: 64px !important;
                min-height: 64px !important;
            }

            .overview-feed-card__title {
                font-size: 13px !important;
            }

            .overview-feed-card__excerpt {
                font-size: 11px !important;
            }
        }

        @media (max-width: 420px) {
            .overview-feed-card {
                padding: 11px !important;
            }

            .overview-feed-card .overview-platform-card__badge {
                min-width: 32px;
                width: 32px;
                height: 32px;
                font-size: 9px;
            }

            .overview-feed-card .overview-post-card__account,
            .overview-feed-card .overview-post-card__date {
                padding: 5px 8px;
                font-size: 9.5px;
            }

            .overview-feed-card__flow {
                grid-template-columns: 58px minmax(0, 1fr) !important;
                gap: 8px !important;
            }

            .overview-feed-card__media-col {
                width: 58px !important;
            }

            .overview-feed-card .post-mini-preview,
            .overview-feed-card__preview-placeholder,
            .overview-feed-card .post-mini-preview__media {
                width: 58px !important;
                max-width: 58px !important;
                min-height: 58px !important;
            }

            .overview-feed-card__title {
                font-size: 12.5px !important;
                line-height: 1.28 !important;
            }

            .overview-feed-card__excerpt {
                font-size: 10.5px !important;
                line-height: 1.42 !important;
            }

            .overview-feed-card .post-stats > .pill {
                min-height: 30px !important;
                font-size: 9px !important;
            }
        }


        /* ===== AI showcase refinement ===== */
        .overview-ai-showcase {
            width: min(1220px, calc(100% - 28px));
            margin: 20px auto 0;
        }
        .overview-ai-showcase__shell {
            border: 1px solid rgba(84, 117, 201, 0.28);
            background:
                radial-gradient(circle at top left, rgba(40, 78, 173, 0.18), transparent 34%),
                linear-gradient(180deg, rgba(6, 12, 28, 0.985), rgba(4, 8, 20, 0.99));
            border-radius: 28px;
            padding: 22px;
            box-shadow:
                0 22px 56px rgba(0, 0, 0, 0.30),
                inset 0 1px 0 rgba(255, 255, 255, 0.03);
        }
        .overview-ai-showcase__head {
            gap: 18px;
            margin-bottom: 20px;
        }
        .overview-ai-showcase__eyebrow {
            letter-spacing: 0.22em;
            color: rgba(159, 183, 217, 0.72);
            margin-bottom: 8px;
        }
        .overview-ai-showcase__title {
            font-size: clamp(24px, 2.2vw, 34px);
            line-height: 1.08;
            letter-spacing: -0.02em;
        }
        .overview-ai-showcase__subtitle {
            max-width: 980px;
            margin-top: 10px;
            color: rgba(210, 223, 241, 0.84);
            font-size: 14px;
            line-height: 1.62;
        }
        .overview-ai-showcase__close {
            width: 48px;
            height: 48px;
            border-radius: 14px;
            border: 1px solid rgba(120, 178, 255, 0.18);
            background: linear-gradient(180deg, rgba(10, 18, 35, 0.94), rgba(6, 10, 22, 0.98));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
            font-size: 26px;
            font-weight: 800;
        }
        .overview-ai-showcase__meta-pills,
        .overview-ai-showcase__legend {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 12px;
        }
        .overview-ai-showcase__meta-pills {
            margin-bottom: 18px;
        }
        .overview-ai-post-card__pill {
            min-height: 34px;
            padding: 0 12px;
            border-radius: 12px;
            background: linear-gradient(180deg, rgba(11, 20, 42, 0.96), rgba(8, 14, 31, 0.98));
            border: 1px solid rgba(96, 130, 192, 0.24);
            color: #e6f0ff;
            font-size: 12px;
            font-weight: 700;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
        }
        .overview-ai-showcase__grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 18px;
            align-items: start;
        }
        .overview-ai-showcase__grid.is-single {
            grid-template-columns: minmax(0, 980px);
            justify-content: center;
        }
        .overview-ai-post-card {
            border-radius: 24px;
            border: 1px solid rgba(92, 123, 204, 0.26);
            background:
                linear-gradient(180deg, rgba(8, 14, 31, 0.98), rgba(5, 9, 22, 0.985));
            box-shadow:
                0 18px 42px rgba(0, 0, 0, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.03);
            overflow: hidden;
        }
        .overview-ai-post-card__media {
            aspect-ratio: 16 / 9;
            background: radial-gradient(circle at top, rgba(51, 83, 164, 0.12), rgba(6, 11, 25, 0.96));
        }
        .overview-ai-post-card__body {
            gap: 14px;
            padding: 18px;
        }
        .overview-ai-post-card__meta {
            gap: 8px;
            font-size: 12px;
            color: rgba(196, 216, 246, 0.82);
        }
        .overview-ai-post-card__title {
            font-size: 19px;
            line-height: 1.28;
            letter-spacing: -0.01em;
        }
        .overview-ai-post-card__excerpt {
            color: rgba(214, 224, 238, 0.80);
            font-size: 13px;
            line-height: 1.62;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .overview-ai-post-card__stats {
            gap: 10px;
        }
        .overview-ai-post-card__actions {
            gap: 10px;
            margin-top: 2px;
        }
        .overview-ai-post-card__btn {
            min-height: 40px;
            padding: 0 15px;
            border-radius: 12px;
            font-size: 13px;
        }
        .overview-ai-showcase__grid.is-single .overview-ai-post-card,
        .overview-ai-post-card.is-featured {
            display: grid;
            grid-template-columns: minmax(320px, 44%) minmax(0, 1fr);
            align-items: stretch;
        }
        .overview-ai-showcase__grid.is-single .overview-ai-post-card__media,
        .overview-ai-post-card.is-featured .overview-ai-post-card__media {
            aspect-ratio: auto;
            min-height: 320px;
            height: 100%;
        }
        .overview-ai-showcase__grid.is-single .overview-ai-post-card__body,
        .overview-ai-post-card.is-featured .overview-ai-post-card__body {
            padding: 20px 22px;
        }
        .overview-ai-showcase__grid.is-single .overview-ai-post-card__title,
        .overview-ai-post-card.is-featured .overview-ai-post-card__title {
            font-size: 24px;
            line-height: 1.22;
        }
        .overview-ai-showcase__grid.is-single .overview-ai-post-card__excerpt,
        .overview-ai-post-card.is-featured .overview-ai-post-card__excerpt {
            -webkit-line-clamp: 5;
            font-size: 14px;
        }
        .overview-ai-timeline-shell--rich,
        .overview-ai-graph-matrix-wrap,
        .overview-ai-graph-table-wrap,
        .overview-ai-graph-list {
            border-radius: 24px;
            border: 1px solid rgba(90, 121, 197, 0.16);
            background:
                radial-gradient(circle at top, rgba(28, 62, 145, 0.08), transparent 45%),
                linear-gradient(180deg, rgba(7, 12, 25, 0.84), rgba(6, 10, 21, 0.88));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
        }
        .overview-ai-timeline-shell--rich {
            margin-top: 18px;
            padding: 18px 20px;
            overflow: hidden;
        }
        .overview-ai-timeline-svg {
            filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.22));
        }
        .overview-ai-timeline-tooltip {
            border-radius: 16px;
            padding: 11px 13px;
            border-color: rgba(120, 178, 255, 0.20);
        }
        .overview-ai-graph-matrix-wrap,
        .overview-ai-graph-table-wrap {
            margin-top: 16px !important;
            padding: 14px;
        }
        .overview-ai-graph-matrix__row,
        .overview-ai-graph-table__row,
        .overview-ai-graph-row {
            border-radius: 16px;
        }
        .overview-ai-graph-row {
            padding: 14px 16px;
            border-color: rgba(88, 115, 197, 0.18);
            background: linear-gradient(180deg, rgba(10, 16, 34, 0.92), rgba(7, 12, 25, 0.94));
        }
        .overview-ai-graph-row__label {
            font-size: 14px;
            line-height: 1.4;
        }
        .overview-ai-graph-row__meta {
            font-size: 12px;
            color: rgba(191, 219, 254, 0.68);
        }
        .overview-ai-graph-track {
            height: 13px;
            border-color: rgba(88, 115, 197, 0.14);
            background: rgba(11, 19, 39, 0.92);
        }
        .overview-ai-comments-groups {
            gap: 14px;
        }
        .overview-ai-comment-group {
            padding: 16px 18px;
            border-radius: 22px;
            border: 1px solid rgba(92, 123, 204, 0.18);
            background: linear-gradient(180deg, rgba(9, 14, 31, 0.82), rgba(6, 10, 23, 0.90));
        }
        .overview-ai-comment-group__head {
            gap: 12px;
            margin-bottom: 14px;
        }
        .overview-ai-comment-group__title {
            font-size: 17px;
            letter-spacing: -0.01em;
        }
        .overview-ai-comment-group__subtitle {
            font-size: 12px;
            color: rgba(159, 183, 217, 0.76);
        }
        .overview-ai-comments-list {
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 12px;
        }
        .overview-ai-comment-card {
            padding: 14px 15px;
            border-radius: 18px;
            border: 1px solid rgba(88, 115, 197, 0.18);
            background:
                radial-gradient(circle at top left, rgba(39, 71, 148, 0.08), transparent 42%),
                linear-gradient(180deg, rgba(9, 15, 32, 0.96), rgba(6, 10, 23, 0.98));
            box-shadow:
                0 12px 28px rgba(0, 0, 0, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.02);
        }
        .overview-ai-comment-card__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 7px 8px;
            align-items: center;
            margin-bottom: 9px;
        }
        .overview-ai-comment-card__meta strong,
        .overview-ai-comment-card__meta span:not(.overview-ai-comment-card__tone) {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 0 9px;
            border-radius: 10px;
            border: 1px solid rgba(88, 115, 197, 0.14);
            background: rgba(10, 17, 34, 0.88);
            color: rgba(211, 226, 248, 0.88);
            font-size: 10.5px;
            font-weight: 700;
            line-height: 1.2;
            white-space: nowrap;
            min-width: 0;
        }
        .overview-ai-comment-card__meta strong {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .overview-ai-comment-card__tone {
            min-height: 24px;
            padding: 0 10px;
            border-radius: 10px;
            font-size: 10.5px;
        }
        .overview-ai-comment-card__text {
            font-size: 13px;
            line-height: 1.62;
            color: rgba(243, 247, 255, 0.92);
            -webkit-line-clamp: 5;
        }
        @media (max-width: 980px) {
            .overview-ai-showcase {
                width: min(100%, calc(100% - 22px));
            }
            .overview-ai-showcase__shell {
                padding: 18px;
                border-radius: 22px;
            }
            .overview-ai-showcase__grid {
                grid-template-columns: 1fr;
            }
            .overview-ai-showcase__grid.is-single .overview-ai-post-card,
            .overview-ai-post-card.is-featured {
                grid-template-columns: 1fr;
            }
            .overview-ai-showcase__grid.is-single .overview-ai-post-card__media,
            .overview-ai-post-card.is-featured .overview-ai-post-card__media {
                min-height: 0;
                aspect-ratio: 16 / 9;
            }
        }

/* Extracted from inline styles */
.debug-output__title {
    font-family: system-ui;
    margin: 16px 0 8px;
}

.debug-output__pre {
    white-space: pre-wrap;
    word-break: break-word;
    background: #111;
    color: #eee;
    padding: 12px;
    border-radius: 10px;
}

.overview-ai-graph-matrix-wrap--mt-10 {
    margin-top: 10px;
}

.overview-ai-graph-table-wrap--mt-14,
.preview-note--mt-14 {
    margin-top: 14px;
}

.resync-panel__title {
    margin: 0 0 8px 0;
}

.post-head__title-wrap {
    min-width: 0;
}

.overview-ai-post-card__pill--series {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #F7FAFF;
}

.overview-ai-post-card__pill-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.06);
}

        .post-detected-tag.is-account {
            border-color: rgba(214, 173, 93, 0.24);
            background: rgba(58, 44, 17, 0.78);
            color: #ffe3a1;
        }

@media (max-width: 900px) {
    .sync-target-chip {
        align-items: flex-start;
    }

    .sync-tag-selector {
        flex-basis: 100%;
    }

    .sync-tag-modal {
        padding: 14px;
    }

    .sync-tag-modal__dialog {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 24px);
    }
}




.sync-target-chip__name {
    min-width: 140px;
}

.sync-tag-selector {
    min-width: 0;
    align-items: flex-start;
}

.sync-tag-selector__toolbar {
    width: auto;
}

.sync-tag-selector__open {
    width: auto;
    min-width: 104px;
    cursor: pointer;
    user-select: none;
}

.sync-tag-selector__summary {
    min-width: 0;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0.96;
}

.sync-tag-modal__subtitle {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #9fb0d7;
}

.sync-tag-modal__toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.sync-tag-modal__new-toggle,
.sync-tag-modal__new-add {
    width: auto;
    min-width: 104px;
}

.sync-tag-modal__new {
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 16px;
    border: 1px dashed rgba(108, 145, 224, 0.24);
    background: linear-gradient(180deg, rgba(10, 18, 36, 0.78) 0%, rgba(6, 12, 24, 0.9) 100%);
}

.sync-tag-modal__new-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #aeb9d7;
}

.sync-tag-modal__new-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.sync-tag-modal__new-input {
    width: 100%;
    min-width: 0;
}

.sync-tag-modal__new-help,
.sync-tag-modal__new-status {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.45;
}

.sync-tag-modal__new-help {
    color: #95a8d3;
}

.sync-tag-modal__new-status {
    color: #d3ddf6;
}

.sync-tag-modal__new-status.is-error {
    color: #ffb3a0;
}

.sync-tag-modal__new-status.is-success {
    color: #8fe0a8;
}

.sync-tag-modal__options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.sync-tag-modal__tag-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 8px;
    align-items: center;
}

.sync-tag-modal__option {
    width: 100%;
    justify-content: flex-start;
    min-width: 0;
    padding-inline: 14px;
    text-align: left;
    border: 1px solid rgba(108, 145, 224, 0.2);
}

.sync-tag-modal__option.is-selected {
    border-color: rgba(214, 173, 93, 0.44);
}

.sync-tag-modal__delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 12px;
    border: 1px solid rgba(255, 123, 95, 0.24);
    background: linear-gradient(180deg, rgba(76, 24, 21, 0.96) 0%, rgba(48, 14, 13, 0.98) 100%);
    color: #ffd8d1;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.sync-tag-modal__delete:hover {
    border-color: rgba(255, 145, 120, 0.4);
    background: linear-gradient(180deg, rgba(98, 30, 25, 0.98) 0%, rgba(60, 18, 16, 0.99) 100%);
    color: #ffffff;
}

.sync-tag-modal__delete:focus {
    border-color: rgba(255, 166, 145, 0.46);
    box-shadow: 0 0 0 3px rgba(255, 123, 95, 0.12);
}

.post-detected-tag.is-sync {
    border-style: dashed;
    opacity: 0.92;
}

@media (max-width: 900px) {
    .sync-target-chip {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .sync-tag-modal__new-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .sync-tag-modal__new-toggle,
    .sync-tag-modal__new-add {
        width: 100%;
        min-width: 0;
    }

    .sync-tag-modal__options {
        grid-template-columns: minmax(0, 1fr);
    }
}