/* Generated by beta-auth/make_beta_themes.py from follow_stats_style.css: do not edit by hand.
   Color themes for the beta only; the stylesheet itself is unchanged. */
:root[data-bk-theme="purple"] {
    --bkc-0000ffff: #a71ab7;
    --bkc-0050ccff: #551592;
    --bkc-0060f014: rgba(98, 25, 172, 0.08);
    --bkc-0060f01a: rgba(98, 25, 172, 0.1);
    --bkc-0060f026: rgba(98, 25, 172, 0.15);
    --bkc-0060f033: rgba(98, 25, 172, 0.2);
    --bkc-0060f0ff: #6219ac;
    --bkc-0066ffff: #691ab7;
    --bkc-007bff0d: rgba(92, 26, 183, 0.05);
    --bkc-007bff99: rgba(92, 26, 183, 0.6);
    --bkc-0862caff: #4e1a92;
    --bkc-0a7afc4c: rgba(98, 29, 186, 0.3);
    --bkc-0a7afcff: #621dba;
    --bkc-0d47a1ff: #481a75;
    --bkc-0d6efd0d: rgba(108, 29, 190, 0.05);
    --bkc-0d6efd1a: rgba(108, 29, 190, 0.1);
    --bkc-0d6efd99: rgba(108, 29, 190, 0.6);
    --bkc-0d6efdff: #6c1dbe;
    --bkc-17a2b80d: rgba(39, 35, 134, 0.05);
    --bkc-17a2b899: rgba(39, 35, 134, 0.6);
    --bkc-17a2b8ff: #272386;
    --bkc-45b7d1ff: #473ea6;
    --bkc-4ecdc4ff: #4354a5;
    --bkc-58b9fdff: #6c37e0;
    --bkc-d6e4ffff: #edd6ff;
    --bkc-e3f2fdff: #ebe3fd;
    --bkc-e6f0ffff: #f2e6ff;
    --bkc-f0f7ff80: rgba(246, 240, 255, 0.5);
    --bkc-f2f7ffff: #f9f2ff;
    --bkc-f5f8faff: #f6f5fa;
    --bkc-fbfdffff: #fdfbff;
}
:root[data-bk-theme="green"] {
    --bkc-0000ffff: #1d7c7c;
    --bkc-0050ccff: #176345;
    --bkc-0060f014: rgba(27, 117, 81, 0.08);
    --bkc-0060f01a: rgba(27, 117, 81, 0.1);
    --bkc-0060f026: rgba(27, 117, 81, 0.15);
    --bkc-0060f033: rgba(27, 117, 81, 0.2);
    --bkc-0060f0ff: #1b7551;
    --bkc-0066ffff: #1d7c56;
    --bkc-007bff0d: rgba(29, 124, 78, 0.05);
    --bkc-007bff99: rgba(29, 124, 78, 0.6);
    --bkc-0862caff: #1b6342;
    --bkc-0a7afc4c: rgba(31, 126, 82, 0.3);
    --bkc-0a7afcff: #1f7e52;
    --bkc-0d47a1ff: #19503a;
    --bkc-0d6efd0d: rgba(31, 128, 89, 0.05);
    --bkc-0d6efd1a: rgba(31, 128, 89, 0.1);
    --bkc-0d6efd99: rgba(31, 128, 89, 0.6);
    --bkc-0d6efdff: #1f8059;
    --bkc-17a2b80d: rgba(32, 92, 40, 0.05);
    --bkc-17a2b899: rgba(32, 92, 40, 0.6);
    --bkc-17a2b8ff: #205c28;
    --bkc-45b7d1ff: #347340;
    --bkc-4ecdc4ff: #3c7237;
    --bkc-58b9fdff: #28a45b;
    --bkc-d6e4ffff: #d6fff1;
    --bkc-e3f2fdff: #e3fdee;
    --bkc-e6f0ffff: #e6fff5;
    --bkc-f0f7ff80: rgba(240, 255, 248, 0.5);
    --bkc-f2f7ffff: #f2fffa;
    --bkc-f5f8faff: #f5faf7;
    --bkc-fbfdffff: #fbfffd;
}
:root[data-bk-theme="pink"] {
    --bkc-0000ffff: #bd0f1b;
    --bkc-0050ccff: #970c4c;
    --bkc-0060f014: rgba(178, 14, 91, 0.08);
    --bkc-0060f01a: rgba(178, 14, 91, 0.1);
    --bkc-0060f026: rgba(178, 14, 91, 0.15);
    --bkc-0060f033: rgba(178, 14, 91, 0.2);
    --bkc-0060f0ff: #b20e5b;
    --bkc-0066ffff: #bd0f60;
    --bkc-007bff0d: rgba(189, 15, 111, 0.05);
    --bkc-007bff99: rgba(189, 15, 111, 0.6);
    --bkc-0862caff: #961258;
    --bkc-0a7afc4c: rgba(192, 18, 110, 0.3);
    --bkc-0a7afcff: #c0126e;
    --bkc-0d47a1ff: #781341;
    --bkc-0d6efd0d: rgba(195, 17, 101, 0.05);
    --bkc-0d6efd1a: rgba(195, 17, 101, 0.1);
    --bkc-0d6efd99: rgba(195, 17, 101, 0.6);
    --bkc-0d6efdff: #c31165;
    --bkc-17a2b80d: rgba(138, 28, 130, 0.05);
    --bkc-17a2b899: rgba(138, 28, 130, 0.6);
    --bkc-17a2b8ff: #8a1c82;
    --bkc-45b7d1ff: #a8369b;
    --bkc-4ecdc4ff: #983ba7;
    --bkc-58b9fdff: #eb26a7;
    --bkc-d6e4ffff: #ffd6e7;
    --bkc-e3f2fdff: #fde3f4;
    --bkc-e6f0ffff: #ffe6f2;
    --bkc-f0f7ff80: rgba(255, 240, 248, 0.5);
    --bkc-f2f7ffff: #fff2f8;
    --bkc-f5f8faff: #faf5f8;
    --bkc-fbfdffff: #fffbfd;
}
:root[data-bk-theme="rainbow"] {
    --bkc-0000ffff: #453f5f;
    --bkc-0050ccff: #33384c;
    --bkc-0060f014: rgba(60, 66, 89, 0.08);
    --bkc-0060f01a: rgba(60, 66, 89, 0.1);
    --bkc-0060f026: rgba(60, 66, 89, 0.15);
    --bkc-0060f033: rgba(60, 66, 89, 0.2);
    --bkc-0060f0ff: #3c4259;
    --bkc-0066ffff: #3f475f;
    --bkc-007bff0d: rgba(63, 73, 95, 0.05);
    --bkc-007bff99: rgba(63, 73, 95, 0.6);
    --bkc-0862caff: #353c4d;
    --bkc-0a7afc4c: rgba(65, 75, 97, 0.3);
    --bkc-0a7afcff: #414b61;
    --bkc-0d47a1ff: #2d313f;
    --bkc-0d6efd0d: rgba(66, 74, 99, 0.05);
    --bkc-0d6efd1a: rgba(66, 74, 99, 0.1);
    --bkc-0d6efd99: rgba(66, 74, 99, 0.6);
    --bkc-0d6efdff: #424a63;
    --bkc-17a2b80d: rgba(54, 68, 74, 0.05);
    --bkc-17a2b899: rgba(54, 68, 74, 0.6);
    --bkc-17a2b8ff: #36444a;
    --bkc-45b7d1ff: #4c5961;
    --bkc-4ecdc4ff: #4e6062;
    --bkc-58b9fdff: #55667e;
    --bkc-d6e4ffff: #e4e6f1;
    --bkc-e3f2fdff: #eceff4;
    --bkc-e6f0ffff: #eff0f6;
    --bkc-f0f7ff80: rgba(245, 247, 250, 0.5);
    --bkc-f2f7ffff: #f7f7fa;
    --bkc-f5f8faff: #f7f7f8;
    --bkc-fbfdffff: #fcfdfe;
}
:root:where([data-bk-theme]:not([data-bk-theme="default"])) {
    --primary-color: var(--bkc-0a7afcff);
    --primary-light: var(--bkc-58b9fdff);
    --primary-dark: var(--bkc-0862caff);
    --secondary-color: var(--bkc-58b9fdff);
    --text-color: #444444;
    --text-light: #666666;
    --text-dark: #222222;
    --bg-gradient-start: var(--bkc-0a7afcff);
    --bg-gradient-end: var(--bkc-58b9fdff);
    --card-bg: #ffffff;
    --card-border: rgba(230, 230, 230, 0.8);
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --border-light: rgba(255, 255, 255, 0.2);
    --border-medium: rgba(0, 0, 0, 0.1);
    --section-bg: #f8f9fa;
    --chart-bg: var(--bkc-f0f7ff80);
    --blue-primary: var(--bkc-0060f0ff);
    --blue-hover: var(--bkc-0050ccff);
    --blue-light: var(--bkc-e6f0ffff);
    --background: var(--bkc-f5f8faff);
    --text-primary: #333333;
    --text-secondary: #666666;
    --border-color: #E1E8ED;
    --avatar-size: 40px;
    --user-avatar-size: 50px;
    --mutual-color: #28a745;
    --non-mutual-color: #dc3545;
    --unknown-color: #fd7e14;
    --accent-green: #28a745;
    --accent-orange: #fd7e14;
    --accent-red: #dc3545;
    --accent-purple: #6f42c1;
    --accent-blue: var(--bkc-17a2b8ff);
    --stats-color: #343a40;
    --hover-bg: #f8f9fa;
    --progress-bg: #e9ecef;
    --progress-bar: var(--bkc-0060f0ff);
    --progress-text: #495057;
    --progress-stage-complete: #28a745;
    --progress-stage-error: #dc3545;
    --follow-farmers-color: #ff6b6b;
    --balanced-color: var(--bkc-4ecdc4ff);
    --selective-color: var(--bkc-45b7d1ff);
    --followers-color: #52b788;
    --following-color: #e76f51;
    --ratio-background: #f8f9fa;
    --new-dormant-color: #95a5a6;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) body {
    background: linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));
    color: var(--text-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .container {
    border-radius: 12px;
    border: 1px solid var(--border-light);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-container {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn {
    background-color: #f0f0f0;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--text-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn:hover {
    background-color: #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn.active {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    box-shadow: 0 4px 15px var(--bkc-0a7afc4c);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn.active:hover {
    background-color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .header {
    border-bottom: 1px solid var(--border-light);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .title {
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link {
    color: white;
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link:hover {
    background: rgba(255, 255, 255, 0.15);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-item.active .nav-link {
    background: white;
    color: var(--primary-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mobile-menu-toggle {
    background: none;
    border: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mobile-menu-toggle .bar {
    background-color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .data-source-selection-row {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--text-color);
    border: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab.active {
    background-color: white;
    color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab.active:after {
    background-color: var(--primary-color);
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card {
    background-color: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card-header {
    border-bottom: 1px solid var(--card-border);
    background-color: var(--section-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card-title {
    color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .intro-card h2 {
    color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .intro-card p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input {
    border: 1px solid var(--border-color);
    border-radius: 8px 0 0 8px;
    outline: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input:focus {
    border-color: var(--blue-primary);
    box-shadow: 0 0 0 2px var(--bkc-0060f01a);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button {
    background-color: var(--blue-primary);
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button:hover {
    background-color: var(--blue-hover);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .spinner {
    border: 4px solid var(--bkc-0060f033);
    border-radius: 50%;
    border-top: 4px solid var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .countdown-timer {
    color: var(--blue-primary);
    background-color: var(--bkc-0060f01a);
    border-radius: 50px;
    box-shadow: 0 2px 6px var(--bkc-0060f033);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .countdown-timer.large-account {
    color: white;
    background-color: var(--accent-purple);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .countdown-timer.countdown-warning {
    color: white;
    background-color: var(--accent-orange);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .countdown-timer.extended-processing {
    color: white;
    background-color: var(--accent-var(--bkc-0000ffff));
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .detail-note {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .verification-note {
    color: var(--accent-var(--bkc-0000ffff));
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .large-account-note {
    color: var(--accent-purple);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-stage {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress {
    background-color: var(--progress-bg);
    border-radius: 6px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-bar {
    background-color: var(--progress-bar);
    border-radius: 6px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-bar.progress-stage-complete {
    background-color: var(--progress-stage-complete);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-container.progress-error .progress-bar {
    background-color: var(--progress-stage-error);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-message {
    color: var(--progress-text);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-message.warning-message {
    color: var(--accent-orange);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-details {
    color: var(--text-secondary);
    border-top: 1px solid var(--progress-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .connection-note {
    color: #666;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .retry-status {
    background-color: var(--accent-orange);
    color: white;
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .error-message {
    background-color: #FEE;
    color: #D00;
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .stats-summary-card {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .stats-summary-header {
    background: linear-gradient(to right, var(--blue-primary), var(--blue-hover));
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-profile-avatar {
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-stat {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-stat {
    background-color: rgba(40, 167, 69, 0.3);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .non-mutual-stat {
    background-color: rgba(220, 53, 69, 0.3);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-stats-container.disabled .mutual-stat,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-stats-container.disabled .non-mutual-stat {
    background-color: rgba(150, 150, 150, 0.3);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-summary h4,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-visualization h4 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric {
    background-color: var(--section-bg);
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric-value {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-chart {
    background-color: var(--chart-bg);
    border-radius: 10px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .loading-placeholder {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-chart-bars {
    border-radius: 20px;
    background-color: #f8f9fa;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-chart-bar {
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-bar {
    background-color: var(--mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .non-mutual-bar {
    background-color: var(--non-mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .unknown-bar {
    background-color: var(--unknown-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .legend-item {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .legend-color {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-color {
    background-color: var(--mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .non-mutual-color {
    background-color: var(--non-mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .unknown-color {
    background-color: var(--unknown-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .chart-unavailable-message {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .notice {
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #partial-data-notice {
    background-color: #FFF9E6;
    color: #664D03;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #partial-data-notice::before {
    background-color: currentColor;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #mutual-status-notice {
    background-color: var(--bkc-e3f2fdff);
    color: var(--bkc-0d47a1ff);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #mutual-status-notice::before {
    background-color: currentColor;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #unknown-mutual-notice {
    background-color: var(--bkc-e3f2fdff);
    color: var(--bkc-0d47a1ff);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) #unknown-mutual-notice::before {
    background-color: currentColor;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-and-controls {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-section h4,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .sort-section h4,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-section h4 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option {
    border-radius: 8px;
    background-color: var(--section-bg);
    border: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option:hover {
    background-color: var(--bkc-0060f014);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option input:checked + span {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option:has(input:checked) {
    background-color: var(--bkc-0060f026);
    border-color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option.disabled-filter {
    background-color: #f0f0f0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option.disabled-filter:hover {
    background-color: #f0f0f0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .sort-select {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: white;
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: white;
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button:hover {
    background-color: var(--section-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button.active {
    background-color: var(--blue-primary);
    color: white;
    border-color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button.active svg {
    stroke: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-filter {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-filter h4 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option {
    border-radius: 8px;
    background-color: var(--section-bg);
    border: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option:hover {
    background-color: var(--bkc-0060f014);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option input:checked + span {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option:has(input:checked) {
    background-color: var(--bkc-0060f026);
    border-color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option .count-badge {
    background-color: var(--bkc-0060f01a);
    color: var(--blue-primary);
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type-option[data-description]:hover::after {
    background-color: #333;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-card h3 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-card p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-header {
    border-bottom: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-left: 4px solid transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.mutual-status-true,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.mutual-status-true {
    border-left-color: var(--mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.mutual-status-false,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.mutual-status-false {
    border-left-color: var(--non-mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.mutual-status-unknown,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.mutual-status-unknown {
    border-left-color: var(--unknown-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.type-mass-following,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.type-mass-following {
    background-color: rgba(255, 107, 107, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.type-star-account,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.type-star-account {
    background-color: rgba(255, 193, 7, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.type-aspiring-star,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.type-aspiring-star {
    background-color: rgba(111, 66, 193, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.type-content-broadcaster,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.type-content-broadcaster {
    background-color: var(--bkc-0d6efd0d);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card.type-new-or-dormant,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row.type-new-or-dormant {
    background-color: rgba(149, 165, 166, 0.08);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card-header {
    border-bottom: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-avatar {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-name {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-name:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-handle {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-handle:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-type {
    background-color: var(--blue-light);
    color: var(--blue-primary);
    border-radius: 6px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-status-indicator {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-status-true {
    background-color: rgba(40, 167, 69, 0.2);
    color: var(--mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-status-false {
    background-color: rgba(220, 53, 69, 0.2);
    color: var(--non-mutual-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mutual-status-unknown {
    background-color: rgba(253, 126, 20, 0.2);
    color: var(--unknown-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric {
    background-color: var(--section-bg);
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric-value {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .follow-ratio {
    background-color: var(--ratio-background);
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-bar {
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .following-bar {
    background-color: var(--following-color);
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .followers-bar {
    background-color: var(--followers-color);
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-value {
    border-radius: 6px;
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-extreme-following {
    color: var(--follow-farmers-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-high-following {
    color: var(--following-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-balanced {
    color: var(--balanced-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-more-followers {
    color: var(--selective-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .ratio-high-followers {
    color: var(--followers-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric-card {
    background-color: var(--section-bg);
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric-card-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .activity-metric-card-value {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row {
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-left: 4px solid transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-avatar {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-name {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-name:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-handle {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-handle:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-stat-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-stat-value {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-mutual {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-type-tooltip {
    background-color: #333;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-type-tooltip::after {
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #333 transparent transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-info {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button {
    background-color: var(--section-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button:hover:not(:disabled) {
    background-color: var(--blue-primary);
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button:disabled {
    background-color: var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-pages {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state {
    background-color: var(--section-bg);
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state-icon {
    color: var(--text-light);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state h3 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .footer {
    border-top: 1px solid var(--border-light);
    color: rgba(255, 255, 255, 0.8);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .footer a {
    color: rgba(255, 255, 255, 0.9);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card {
    background-color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-left: 4px solid transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-mass-following {
    background-color: rgba(255, 107, 107, 0.05);
    border-left-color: rgba(255, 107, 107, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-follow-farmer {
    background-color: rgba(232, 93, 4, 0.05);
    border-left-color: rgba(232, 93, 4, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-star-account {
    background-color: rgba(255, 193, 7, 0.05);
    border-left-color: rgba(255, 193, 7, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-aspiring-star,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-influencer {
    background-color: rgba(111, 66, 193, 0.05);
    border-left-color: rgba(111, 66, 193, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-content-broadcaster {
    background-color: var(--bkc-0d6efd0d);
    border-left-color: var(--bkc-0d6efd99);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-engagement-specialist {
    background-color: var(--bkc-17a2b80d);
    border-left-color: var(--bkc-17a2b899);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-reciprocal-networker {
    background-color: var(--bkc-007bff0d);
    border-left-color: var(--bkc-007bff99);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-selective-networker {
    background-color: rgba(40, 167, 69, 0.05);
    border-left-color: rgba(40, 167, 69, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-content-consumer {
    background-color: rgba(108, 117, 125, 0.05);
    border-left-color: rgba(108, 117, 125, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-newcomer {
    background-color: var(--bkc-17a2b80d);
    border-left-color: var(--bkc-17a2b899);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-dormant {
    background-color: rgba(25, 135, 84, 0.05);
    border-left-color: rgba(25, 135, 84, 0.6);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-card.category-standard-user {
    background-color: rgba(248, 249, 250, 0.5);
    border-left-color: rgba(108, 117, 125, 0.4);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge {
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-red {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-orange {
    background-color: rgba(253, 126, 20, 0.1);
    color: #fd7e14;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-yellow {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-green {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-blue {
    background-color: var(--bkc-0d6efd1a);
    color: var(--bkc-0d6efdff);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .badge-purple {
    background-color: rgba(111, 66, 193, 0.1);
    color: #6f42c1;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .tooltip .tooltiptext {
    background-color: #333;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .tooltip .tooltiptext::after {
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
@media (max-width: 768px) {
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-menu {
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link {
        color: var(--text-color);
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-item.active .nav-link {
        background: var(--chart-bg);
        color: var(--primary-color);
        box-shadow: none;
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input {
        border-radius: 8px;
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button {
        border-radius: 8px;
    }
}
@media (max-width: 576px) {
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .container {
        border-radius: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) h1.title {
    border: 0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar {
    border: 1px solid var(--bkc-d6e4ffff);
    border-radius: 12px;
    background: linear-gradient(90deg, var(--bkc-f2f7ffff), var(--bkc-fbfdffff));
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-text strong {
    color: #18181b;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-text span {
    color: #5b6b7c;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button {
    border-radius: 999px;
    background-color: #ff5e5b;
    color: #fff;
    box-shadow: 0 1px 2px rgba(255, 94, 91, 0.35);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button:hover {
    background-color: #f04b48;
    color: #fff;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button:focus-visible {
    outline: 2px solid var(--bkc-0066ffff);
    outline-offset: 2px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-note {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-note a {
    color: #fff;
}