/*
 * YTUnity Day / Night Theme
 * All light-mode and dark-mode CSS belongs in this file.
 * Loaded after live-layout.css so theme values and overrides remain authoritative.
 */

:root,
html[data-theme="dark"] {
    --site-bg: #111;
    --site-text: #fff;
    --card-bg: #1c1c1c;
    --card-bg-soft: #101010;
    --panel-bg: #111;
    --panel-bg-soft: #181818;
    --panel-bg-alt: #222;
    --field-bg: #111;
    --field-text: #fff;
    --border-color: #333;
    --border-soft: #2a2a2a;
    --link-color: #66b3ff;
    --link-hover: #8ab4ff;
    --muted-text: #bbb;
    --muted-text-strong: #cfcfcf;
    --heading-text: #fff;
    --accent-red: #e50914;
    --accent-red-strong: #cc0000;
    --accent-red-hover: #ff1a25;
    --button-secondary-bg: #202020;
    --button-secondary-hover: #2c2c2c;
    --success-bg: #102819;
    --success-border: #1f7a3b;
    --success-text: #c8ffd8;
    --error-bg: #2a1111;
    --error-border: #7a1f1f;
    --error-text: #ffd0d0;
    --shadow-soft: 0 6px 24px rgba(0,0,0,.35);
}
html[data-theme="light"] {
    --site-bg: #f7f8fb;
    --site-text: #111827;
    --card-bg: rgba(255, 255, 255, 0.88);
    --card-bg-soft: #f2f4f8;
    --panel-bg: rgba(255, 255, 255, 0.9);
    --panel-bg-soft: #f7f8fb;
    --panel-bg-alt: #eef1f6;
    --field-bg: #ffffff;
    --field-text: #111827;
    --border-color: rgba(0, 0, 0, 0.06);
    --border-soft: #e5e7ef;
    --link-color: #0b63c7;
    --link-hover: #074f9e;
    --muted-text: #555f70;
    --muted-text-strong: #2d3748;
    --heading-text: #111827;
    --accent-red: #d90429;
    --accent-red-strong: #cc0000;
    --accent-red-hover: #a80000;
    --button-secondary-bg: #eef1f6;
    --button-secondary-hover: #e1e6ef;
    --success-bg: #eaf8ef;
    --success-border: #28a745;
    --success-text: #145c2a;
    --error-bg: #fff0f0;
    --error-border: #dc3545;
    --error-text: #7a1111;
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] .theme-toggle-icon:hover {
    background: rgba(0,0,0,0.06);
}
html[data-theme="light"] .card,
html[data-theme="light"] .card-hero,
html[data-theme="light"] .news-band,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .contact-info-item,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-note,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .edit-card,
html[data-theme="light"] .add-video-card,
html[data-theme="light"] .notice-box,
html[data-theme="light"] .advanced-video-options,
html[data-theme="light"] .invalid-card,
html[data-theme="light"] .subscribe-box,
html[data-theme="light"] .video-card,
html[data-theme="light"] .sidebar-card,
html[data-theme="light"] .not-found-card,
html[data-theme="light"] .nav-card,
html[data-theme="light"] .creator-page-strip,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .media-preview-box,
html[data-theme="light"] .preview-image-wrap,
html[data-theme="light"] .preview-thumb,
html[data-theme="light"] .creator-stat,
html[data-theme="light"] .creator-mini-image-wrap,
html[data-theme="light"] .creator-image-wrap,
html[data-theme="light"] .product {
    background: var(--card-bg);
    border-color: var(--border-soft);
    color: var(--site-text);
    box-shadow: var(--shadow-soft);
}
html[data-theme="light"] .card-hero,
html[data-theme="light"] .news-band {
    background: linear-gradient(180deg, var(--card-bg), var(--card-bg-soft));
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .footer-grid h3,
html[data-theme="light"] .creator-summary h2,
html[data-theme="light"] .creator-video-title,
html[data-theme="light"] .latest-video-title,
html[data-theme="light"] .video-title a,
html[data-theme="light"] .product-info h2,
html[data-theme="light"] .account-meta strong,
html[data-theme="light"] .readonly-meta strong,
html[data-theme="light"] .contact-info-item strong,
html[data-theme="light"] .creator-stat strong {
    color: var(--heading-text);
}
html[data-theme="light"] .footer-grid,
html[data-theme="light"] .footer-bottom,
html[data-theme="light"] .footer-badge,
html[data-theme="light"] .creator-muted,
html[data-theme="light"] .creator-small-list,
html[data-theme="light"] .account-meta,
html[data-theme="light"] .account-feature-list,
html[data-theme="light"] .form-help,
html[data-theme="light"] .note-text,
html[data-theme="light"] .stat-sub,
html[data-theme="light"] .meta-label,
html[data-theme="light"] .readonly-meta,
html[data-theme="light"] .media-preview-meta p,
html[data-theme="light"] .creator-profile-strip p,
html[data-theme="light"] .creator-stat span,
html[data-theme="light"] .creator-video-meta,
html[data-theme="light"] .creator-mini-subtitle,
html[data-theme="light"] .latest-video-meta,
html[data-theme="light"] .video-meta,
html[data-theme="light"] .video-description,
html[data-theme="light"] .creator-bio,
html[data-theme="light"] .faq-answer,
html[data-theme="light"] .faq-note,
html[data-theme="light"] .faq-hero p,
html[data-theme="light"] .contact-info-item span,
html[data-theme="light"] .contact-muted,
html[data-theme="light"] .contact-small,
html[data-theme="light"] .news-story p {
    color: var(--muted-text);
}
html[data-theme="light"] a,
html[data-theme="light"] .top-nav a,
html[data-theme="light"] .footer-grid a,
html[data-theme="light"] .breadcrumbs a,
html[data-theme="light"] .faq-note a,
html[data-theme="light"] .advanced-video-options summary {
    color: var(--link-color);
}
html[data-theme="light"] a:hover,
html[data-theme="light"] .top-nav a:hover,
html[data-theme="light"] .footer-grid a:hover,
html[data-theme="light"] .breadcrumbs a:hover,
html[data-theme="light"] .faq-note a:hover {
    color: var(--link-hover);
}
html[data-theme="light"] .site-footer {
    background: var(--card-bg);
}
html[data-theme="light"] .footer-bottom,
html[data-theme="light"] .news-block,
html[data-theme="light"] .city-tabs,
html[data-theme="light"] .creator-video-table th,
html[data-theme="light"] .creator-video-table td,
html[data-theme="light"] .creator-video-table tr {
    border-color: var(--border-soft);
}
html[data-theme="light"] .top-banner {
    box-shadow: var(--shadow-soft);
}
html[data-theme="light"] .nav-search input,
html[data-theme="light"] .contact-field input,
html[data-theme="light"] .contact-field select,
html[data-theme="light"] .contact-field textarea,
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-select,
html[data-theme="light"] .form-textarea,
html[data-theme="light"] .form-file,
html[data-theme="light"] .mobile-state-dropdown select {
    background: var(--field-bg);
    color: var(--field-text);
    border-color: var(--border-color);
}
html[data-theme="light"] .contact-field select option,
html[data-theme="light"] .mobile-state-dropdown select option {
    background: var(--field-bg);
    color: var(--field-text);
}
html[data-theme="light"] .contact-field label,
html[data-theme="light"] .form-label {
    color: var(--heading-text);
}
html[data-theme="light"] .contact-field input::placeholder,
html[data-theme="light"] .contact-field textarea::placeholder {
    color: #6b7280;
}
html[data-theme="light"] .search-suggestions {
    background: var(--card-bg);
    border-color: var(--border-color);
}
html[data-theme="light"] .search-suggestions div:hover {
    background: var(--card-bg-soft);
}
html[data-theme="light"] .ad-slot,
html[data-theme="light"] .preview-empty {
    background: var(--panel-bg-soft);
    border-color: var(--border-soft);
    color: var(--muted-text);
}
html[data-theme="light"] .card .state-grid li a,
html[data-theme="light"] .card .city-grid li a,
html[data-theme="light"] .hotel-grid a,
html[data-theme="light"] .restaurant-grid a,
html[data-theme="light"] .attractions-grid a,
html[data-theme="light"] .card .creator-mini-grid li a,
html[data-theme="light"] .social-buttons a,
html[data-theme="light"] .nav-box,
html[data-theme="light"] .latest-video-item {
    background: linear-gradient(180deg, var(--card-bg), var(--card-bg-soft));
    border-color: var(--border-soft);
    color: var(--site-text);
    box-shadow: var(--shadow-soft);
}
html[data-theme="light"] .card .state-grid li a:hover,
html[data-theme="light"] .card .city-grid li a:hover,
html[data-theme="light"] .hotel-grid a:hover,
html[data-theme="light"] .restaurant-grid a:hover,
html[data-theme="light"] .attractions-grid a:hover,
html[data-theme="light"] .card .creator-mini-grid li a:hover,
html[data-theme="light"] .nav-box:hover,
html[data-theme="light"] .latest-video-item:hover,
html[data-theme="light"] .latest-video-item.current {
    background: var(--card-bg-soft);
    border-color: #cbd5e1;
}
html[data-theme="light"] .card .creator-mini-grid img,
html[data-theme="light"] .city-hero-wrap,
html[data-theme="light"] .video-wrap,
html[data-theme="light"] .video-embed-wrap,
html[data-theme="light"] .video-thumb-wrap,
html[data-theme="light"] .profile-preview-image,
html[data-theme="light"] .hero-preview-image {
    background: var(--panel-bg-soft);
    border-color: var(--border-soft);
}
html[data-theme="light"] .city-tabs .tablinks,
html[data-theme="light"] .tablink {
    background: var(--button-secondary-bg);
    color: var(--site-text);
    border-color: var(--border-color);
}
html[data-theme="light"] .city-tabs .tablinks.active {
    background: var(--accent-red);
    border-color: var(--accent-red);
    color: #fff  !important;
}
html[data-theme="light"] .tablink:hover {
    background: var(--link-color);
    color: #fff;
}
html[data-theme="light"] .action-btn-secondary,
html[data-theme="light"] .settings-btn-secondary,
html[data-theme="light"] .creator-btn-secondary,
html[data-theme="light"] .account-actions a.secondary,
html[data-theme="light"] .billing-actions a.secondary,
html[data-theme="light"] .creator-dashboard-actions a.secondary {
    background: var(--button-secondary-bg);
    color: var(--site-text);
    border-color: var(--border-color);
}
html[data-theme="light"] .action-btn-secondary:hover,
html[data-theme="light"] .settings-btn-secondary:hover,
html[data-theme="light"] .creator-btn-secondary:hover {
    background: var(--button-secondary-hover);
    color: var(--site-text);
}
html[data-theme="light"] .action-btn,
html[data-theme="light"] .action-btn-primary,
html[data-theme="light"] .settings-btn-primary,
html[data-theme="light"] .creator-btn-primary,
html[data-theme="light"] .contact-submit,
html[data-theme="light"] .account-actions a,
html[data-theme="light"] .billing-actions a,
html[data-theme="light"] .creator-dashboard-actions a,
html[data-theme="light"] .product-info button {
    color: #fff;
}
html[data-theme="light"] .account-pill,
html[data-theme="light"] .creator-pill,
html[data-theme="light"] .video-pill,
html[data-theme="light"] .creator-page-badge,
html[data-theme="light"] .latest-videos-badge,
html[data-theme="light"] .latest-video-tag,
html[data-theme="light"] .creator-hero-badge,
html[data-theme="light"] .pill {
    background: var(--card-bg-soft);
    border-color: var(--border-soft);
    color: var(--site-text);
}
html[data-theme="light"] .creator-pill.active,
html[data-theme="light"] .account-pill.creator {
    background: #eaf8ef;
    border-color: #9ad4ad;
    color: #145c2a;
}
html[data-theme="light"] .creator-pill.hidden,
html[data-theme="light"] .creator-pill.inactive {
    background: #fff0f0;
    border-color: #f3b6b6;
    color: #7a1111;
}
html[data-theme="light"] .alert-success,
html[data-theme="light"] .contact-alert.success {
    background: var(--success-bg);
    border-color: var(--success-border);
    color: var(--success-text);
}
html[data-theme="light"] .alert-errors,
html[data-theme="light"] .creator-alert.error,
html[data-theme="light"] .contact-alert.error {
    background: var(--error-bg);
    border-color: var(--error-border);
    color: var(--error-text);
}
html[data-theme="light"] .donation {
    background: #fff;
    color: #374151;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-soft);
}
html[data-theme="light"] .donation .amount {
    color: #374151;
    border-bottom-color: #6b7280;
}
html[data-theme="light"] .product-info .price {
    color: var(--heading-text);
}
html[data-theme="light"] .product-info p {
    color: var(--muted-text);
}
html[data-theme="light"] .merch-header {
    color: #fff;
}
html[data-theme="light"] #cookieConsent {
    background: #ffffff;
    color: var(--site-text);
    border-top: 1px solid var(--border-soft);
}
html[data-theme="light"] .decline-btn {
    background: #e5e7eb;
    color: #111827;
}
html[data-theme="light"] .decline-btn:hover {
    background: #d1d5db;
}
html[data-theme="light"] .profile-btn-secondary {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d9dee8 !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.12);
}
html[data-theme="light"] .profile-btn-secondary:hover {
    background: #eef1f6 !important;
    color: #111827 !important;
    border-color: #0b63c7 !important;
}
html[data-theme="light"] select,
html[data-theme="light"] #breadcrumbRegionSelect,
html[data-theme="light"] .breadcrumb-region-select {
    color-scheme: light !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #111827 !important;
    border: 1px solid #d9dee8 !important;
}
html[data-theme="light"] select option {
    background-color: #ffffff !important;
    color: #111827 !important;
}
html[data-theme="light"] .action-btn-secondary {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d9dee8 !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
}
html[data-theme="light"] .action-btn-secondary:hover {
    background: #eef1f6 !important;
    color: #111827 !important;
    border-color: #0b63c7 !important;
}
html[data-theme="light"] .search-suggestions div {
    color: #111827;
    background: #ffffff;
}
html[data-theme="light"] .search-suggestions div:hover,
html[data-theme="light"] .search-suggestions div.is-selected {
    background: #1f1f1f;
    color: #ffffff !important;
}
html[data-theme="light"] .games-news-card {
    background: linear-gradient(180deg, #ffffff, #f2f4f8);
}
html[data-theme="light"] .games-news-pill {
    background: #d90429;
    border-color: #d90429;
    color: #fff !important;
}
html[data-theme="light"] .games-news-category {
    background: rgba(11,99,199,.12);
    border-color: rgba(11,99,199,.30);
    color: #111827 !important;
}
html[data-theme="light"] .games-news-date {
    background: #eef1f6;
    border-color: #d7dce6;
    color: #2d3748 !important;
}
html[data-theme="light"] .games-news-title,
html[data-theme="light"] .games-news-link,
html[data-theme="light"] .games-news-link:visited {
    color: #111827 !important;
}
html[data-theme="dark"] .games-news-pill {
    background: #e50914;
    border-color: #e50914;
    color: #fff !important;
}
html[data-theme="dark"] .games-news-category {
    background: rgba(102,179,255,.16);
    border-color: rgba(102,179,255,.35);
    color: #fff !important;
}
html[data-theme="dark"] .games-news-date {
    background: #202020;
    border-color: #333;
    color: #cfcfcf !important;
}
html[data-theme="light"] .site-footer,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-note,
html[data-theme="light"] .contact-info-item,
html[data-theme="light"] .advanced-video-options,
html[data-theme="light"] .notice-box,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .edit-card,
html[data-theme="light"] .add-video-card,
html[data-theme="light"] .creator-page-strip,
html[data-theme="light"] .video-card,
html[data-theme="light"] .sidebar-card,
html[data-theme="light"] .not-found-card,
html[data-theme="light"] .nav-card,
html[data-theme="light"] .empty-state {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--site-text) !important;
}
html[data-theme="light"] .contact-field label,
html[data-theme="light"] .account-meta strong,
html[data-theme="light"] .readonly-meta strong,
html[data-theme="light"] .creator-video-title,
html[data-theme="light"] .creator-stat strong,
html[data-theme="light"] .video-title a,
html[data-theme="light"] .nav-box,
html[data-theme="light"] .nav-title,
html[data-theme="light"] .latest-video-title,
html[data-theme="light"] .creator-mini h3,
html[data-theme="light"] .creator-summary h2 {
    color: var(--site-text) !important;
}
html[data-theme="light"] .contact-field input,
html[data-theme="light"] .contact-field select,
html[data-theme="light"] .contact-field textarea,
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-select,
html[data-theme="light"] .form-textarea,
html[data-theme="light"] .form-file,
html[data-theme="light"] .nav-search input,
html[data-theme="light"] .mobile-state-dropdown select {
    background: var(--field-bg) !important;
    color: var(--field-text) !important;
    border-color: var(--border-soft) !important;
}
html[data-theme="light"] .creator-muted,
html[data-theme="light"] .creator-small-list,
html[data-theme="light"] .account-meta,
html[data-theme="light"] .account-feature-list,
html[data-theme="light"] .form-help,
html[data-theme="light"] .note-text,
html[data-theme="light"] .preview-desc,
html[data-theme="light"] .creator-mini-subtitle,
html[data-theme="light"] .latest-video-meta,
html[data-theme="light"] .faq-answer,
html[data-theme="light"] .faq-note,
html[data-theme="light"] .contact-muted,
html[data-theme="light"] .contact-small,
html[data-theme="light"] .contact-info-item span {
    color: var(--muted-text-strong) !important;
}
html[data-theme="light"] .home-news-pill,
html[data-theme="light"] .game-badge,
html[data-theme="light"] .video-pill,
html[data-theme="light"] .creator-page-badge,
html[data-theme="light"] .latest-videos-badge,
html[data-theme="light"] .creator-hero-badge,
html[data-theme="light"] .pill,
html[data-theme="light"] .account-pill,
html[data-theme="light"] .creator-pill {
    background: var(--button-secondary-bg) !important;
    border-color: var(--border-soft) !important;
    color: var(--site-text) !important;
}
html[data-theme="dark"] .action-btn,
html[data-theme="dark"] .action-btn-primary,
html[data-theme="dark"] .contact-submit,
html[data-theme="dark"] .settings-btn-primary,
html[data-theme="dark"] .creator-btn-primary,
html[data-theme="dark"] .profile-btn-primary,
html[data-theme="dark"] .event-cta-btn,
html[data-theme="dark"] .accept-btn {
    color: #fff !important;
}
html[data-theme="light"] .st-gear-panel,
body.day-mode .st-gear-panel,
body.light-mode .st-gear-panel {
    background: #ffffff !important;
    background-image: none !important;
    color: #111827 !important;
    border: 1px solid rgba(0,0,0,0.12);
}
html[data-theme="light"] .st-gear-panel *,
body.day-mode .st-gear-panel *,
body.light-mode .st-gear-panel * {
    opacity: 1;
}
html[data-theme="light"] .st-gear-muted,
body.day-mode .st-gear-muted,
body.light-mode .st-gear-muted {
    background: #f5f7fb !important;
    color: #111827 !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
}
body.day-mode .st-gear-link,
body.light-mode .st-gear-link,
html[data-theme="light"] .st-gear-link {
    background: #16529a;
    color: #fff !important;
}
body.day-mode .st-gear-link.secondary,
body.light-mode .st-gear-link.secondary,
html[data-theme="light"] .st-gear-link.secondary {
    background: transparent;
    color: #111827 !important;
    border: 1px solid rgba(0,0,0,0.2);
}
html[data-theme="light"] .event-card,
html[data-theme="light"] .event-empty-panel {
    background: linear-gradient(180deg, var(--card-bg), var(--panel-bg-soft));
}
html[data-theme="light"] .event-badge {
    background: var(--button-secondary-bg);
    border-color: var(--border-soft);
    color: var(--site-text);
}
html[data-theme="light"] .ytunity-platform-header {
    box-shadow:
        0 4px 18px rgba(15, 23, 42, 0.08),
        0 0 18px rgba(11, 99, 199, 0.06);

    border-bottom: 1px solid rgba(0,0,0,.06);
}
html[data-theme="light"] .ytunity-footer-bar {
    box-shadow:
        0 -4px 18px rgba(15, 23, 42, 0.08),
        0 0 18px rgba(11, 99, 199, 0.06);
}
html[data-theme="light"] .torn-cta-secondary,
html[data-theme="light"] .torn-resource-link,
html[data-theme="light"] .torn-feature-band,
html[data-theme="light"] .torn-thanks {
    background: rgba(255,255,255,.72);
}
html[data-theme="light"] .torn-hero-kicker {
    background: rgba(0,0,0,.035);
}
html[data-theme="light"] .torn-notice {
    background: rgba(217,4,41,.08);
}
html[data-theme="light"] .gta6-cta-secondary,
html[data-theme="light"] .gta6-resource-link,
html[data-theme="light"] .gta6-kicker {
    background: rgba(255,255,255,.72);
    border-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .gta6-feature-band,
html[data-theme="light"] .gta6-note,
html[data-theme="light"] .gta6-news-section {
    background:
        radial-gradient(circle at top left, rgba(226,54,54,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,248,252,.86));
    border-color: rgba(0,0,0,.07);
}
html[data-theme="light"] .arc-raiders-kicker {
    background: rgba(0,0,0,.035);
    border-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .arc-raiders-feature-band,
html[data-theme="light"] .arc-raiders-note,
html[data-theme="light"] .arc-raiders-salute {
    background:
        radial-gradient(circle at top left, rgba(11,99,199,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72));
    border-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .arc-raiders-mini-card {
    background:
        radial-gradient(circle at top left, rgba(11,99,199,.06), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.9), rgba(242,244,248,.95));
}
html[data-theme="light"] .arc-raiders-resource-link {
    background: rgba(255,255,255,.72);
}
html[data-theme="light"] .arc-raiders-resource-link:hover {
    background: rgba(255,255,255,.92);
    border-color: rgba(11,99,199,.22);
}
html[data-theme="light"] .arc-raiders-salute blockquote {
    background: rgba(0,0,0,.035);
}
html[data-theme="light"] .arc-raiders-news-section {
    background:
        radial-gradient(circle at top left, rgba(11,99,199,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
    border-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .dgem-hero,
html[data-theme="light"] .dgem-feature-band,
html[data-theme="light"] .dgem-note,
html[data-theme="light"] .dgem-resource-section,
html[data-theme="light"] .dgem-faq-item,
html[data-theme="light"] .dgem-card {
    background:
        radial-gradient(circle at top left, rgba(11,99,199,.09), transparent 35%),
        radial-gradient(circle at top right, rgba(217,4,41,.07), transparent 34%),
        linear-gradient(180deg, var(--card-bg), var(--card-bg-soft));
    border-color: var(--border-soft);
}
html[data-theme="light"] .dgem-kicker,
html[data-theme="light"] .dgem-resource-link,
html[data-theme="light"] .dgem-cta-secondary {
    background: rgba(255,255,255,.72);
    border-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .dgem-offer-image-slot,
html[data-theme="light"] .dgem-news-image-wrap,
html[data-theme="light"] .dgem-news-placeholder {
    background:
        radial-gradient(circle at top left, rgba(11,99,199,.10), transparent 38%),
        radial-gradient(circle at bottom right, rgba(217,4,41,.08), transparent 42%),
        linear-gradient(180deg, var(--card-bg), var(--card-bg-soft));
    border-color: var(--border-soft);
}
html[data-theme="light"] .dgem-offer-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow:
        0 10px 30px rgba(0,0,0,0.08),
        0 2px 10px rgba(0,0,0,0.04);
}
html[data-theme="light"] .dgem-offer-card h3 {
    color: #111827;
}
html[data-theme="light"] .dgem-offer-card p {
    color: #374151;
}
html[data-theme="light"] .dgem-price {
    color: #0b63c7;
}
:root,
html[data-theme="light"] {
    --site-bg: #f5fbfa;
    --site-text: #10201f;
    --card-bg: rgba(255, 255, 255, 0.94);
    --card-bg-soft: #eef8f6;
    --panel-bg: #ffffff;
    --panel-bg-soft: #edf7f5;
    --panel-bg-alt: #e2f1ef;
    --field-bg: #ffffff;
    --field-text: #10201f;
    --border-color: rgba(15, 118, 110, 0.18);
    --border-soft: rgba(15, 118, 110, 0.14);
    --link-color: #0f766e;
    --link-hover: #b45309;
    --muted-text: #52605f;
    --muted-text-strong: #293836;
    --heading-text: #0f2927;
    --accent-red: #d97706;
    --accent-red-strong: #b45309;
    --accent-red-hover: #92400e;
    --button-secondary-bg: #e2f1ef;
    --button-secondary-hover: #d2e8e5;
    --success-bg: #e7f8ef;
    --success-border: #10b981;
    --success-text: #065f46;
    --error-bg: #fff1f2;
    --error-border: #fb7185;
    --error-text: #9f1239;
    --shadow-soft: 0 18px 50px rgba(15, 118, 110, 0.10);
}
html[data-theme="dark"] {
    --site-bg: #071312;
    --site-text: #eefdfa;
    --card-bg: rgba(9, 31, 29, 0.94);
    --card-bg-soft: #061b19;
    --panel-bg: #0a2421;
    --panel-bg-soft: #071715;
    --panel-bg-alt: #123b36;
    --field-bg: #071715;
    --field-text: #eefdfa;
    --border-color: rgba(94, 234, 212, 0.18);
    --border-soft: rgba(94, 234, 212, 0.14);
    --link-color: #5eead4;
    --link-hover: #fbbf24;
    --muted-text: #b8cbc8;
    --muted-text-strong: #d9efec;
    --heading-text: #ffffff;
    --accent-red: #f59e0b;
    --accent-red-strong: #d97706;
    --accent-red-hover: #fbbf24;
    --button-secondary-bg: rgba(255,255,255,0.08);
    --button-secondary-hover: rgba(255,255,255,0.14);
    --success-bg: rgba(16, 185, 129, 0.14);
    --success-border: #10b981;
    --success-text: #bbf7d0;
    --error-bg: rgba(244, 63, 94, 0.13);
    --error-border: #fb7185;
    --error-text: #ffe4e6;
    --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.34);
}
html[data-theme="dark"] .ytunity-platform-header {
    background: rgba(7, 19, 18, 0.9);
}
html[data-theme="dark"] .admin-ticket-row,
html[data-theme="dark"] .admin-ticket-facts div,
html[data-theme="dark"] .admin-ticket-message,
html[data-theme="dark"] .admin-ticket-reply {
    background: rgba(15, 23, 42, 0.74);
    border-color: rgba(148, 163, 184, 0.18);
}
html[data-theme="dark"] .ticket-ref {
    color: #99f6e4;
    background: rgba(20, 184, 166, 0.16);
}
:root,
html[data-theme="light"] {
    color-scheme: light;
    --site-bg: #fff8f8;
    --site-text: #181113;
    --card-bg: rgba(255, 255, 255, 0.88);
    --card-bg-soft: rgba(255, 245, 246, 0.78);
    --panel-bg: rgba(255, 255, 255, 0.92);
    --panel-bg-soft: #fff2f3;
    --panel-bg-alt: #ffe7ea;
    --field-bg: rgba(255, 255, 255, 0.96);
    --field-text: #1b1013;
    --border-color: rgba(255, 0, 51, 0.13);
    --border-soft: rgba(255, 0, 51, 0.10);
    --link-color: #c90022;
    --link-hover: #ff0033;
    --muted-text: #69595d;
    --muted-text-strong: #403236;
    --heading-text: #150d10;
    --accent-red: #ff0033;
    --accent-red-strong: #d6002b;
    --accent-red-hover: #ff3158;
    --button-secondary-bg: rgba(255, 0, 51, 0.07);
    --button-secondary-hover: rgba(255, 0, 51, 0.13);
    --success-bg: rgba(34, 197, 94, 0.10);
    --success-border: rgba(34, 197, 94, 0.42);
    --success-text: #14532d;
    --error-bg: rgba(255, 0, 51, 0.08);
    --error-border: rgba(255, 0, 51, 0.34);
    --error-text: #7f1023;
    --shadow-soft: 0 18px 56px rgba(255, 0, 51, 0.075), 0 8px 24px rgba(15, 23, 42, 0.055);
    --yt-red: #ff0033;
    --yt-red-deep: #c90022;
    --yt-red-soft: rgba(255, 0, 51, 0.10);
    --yt-cream: #fff8f8;
    --yt-ink: #181113;
    --yt-glass: rgba(255, 255, 255, 0.82);
    --yt-soft-line: rgba(255, 0, 51, 0.12);
    --yt-focus: rgba(255, 0, 51, 0.18);
}
html[data-theme="dark"] {
    color-scheme: dark;
    --site-bg: #0f0709;
    --site-text: #fff7f8;
    --card-bg: rgba(27, 13, 16, 0.86);
    --card-bg-soft: rgba(18, 8, 10, 0.90);
    --panel-bg: rgba(18, 8, 10, 0.93);
    --panel-bg-soft: #0b0507;
    --panel-bg-alt: #1d0e12;
    --field-bg: rgba(19, 9, 12, 0.94);
    --field-text: #fff8f9;
    --border-color: rgba(255, 51, 88, 0.18);
    --border-soft: rgba(255, 51, 88, 0.14);
    --link-color: #ff6b83;
    --link-hover: #ffffff;
    --muted-text: #d8bfc5;
    --muted-text-strong: #f0dbe0;
    --heading-text: #ffffff;
    --accent-red: #ff0033;
    --accent-red-strong: #ff3158;
    --accent-red-hover: #ff6b83;
    --button-secondary-bg: rgba(255, 255, 255, 0.08);
    --button-secondary-hover: rgba(255, 255, 255, 0.13);
    --success-bg: rgba(34, 197, 94, 0.12);
    --success-border: rgba(74, 222, 128, 0.45);
    --success-text: #bbf7d0;
    --error-bg: rgba(255, 0, 51, 0.13);
    --error-border: rgba(255, 107, 131, 0.45);
    --error-text: #ffe4e9;
    --shadow-soft: 0 20px 70px rgba(0, 0, 0, 0.38), 0 0 32px rgba(255, 0, 51, 0.055);
    --yt-red: #ff0033;
    --yt-red-deep: #ff3158;
    --yt-red-soft: rgba(255, 0, 51, 0.15);
    --yt-cream: #fff7f8;
    --yt-ink: #fff7f8;
    --yt-glass: rgba(19, 9, 12, 0.80);
    --yt-soft-line: rgba(255, 51, 88, 0.16);
    --yt-focus: rgba(255, 51, 88, 0.24);
}
html[data-theme="dark"] body {
    background:
        radial-gradient(circle at 10% -10%, rgba(255, 0, 51, 0.20), transparent 34%),
        radial-gradient(circle at 92% 2%, rgba(255, 255, 255, 0.045), transparent 26%),
        radial-gradient(circle at 80% 92%, rgba(255, 0, 51, 0.11), transparent 32%),
        linear-gradient(180deg, var(--site-bg), var(--panel-bg-soft)) !important;
}
html[data-theme="dark"] .ytunity-top-rail {
    background: linear-gradient(90deg, #ff0033 0%, #2b0b12 44%, #ff6b83 100%) !important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-hero,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .creator-page-strip,
html[data-theme="dark"] .video-card,
html[data-theme="dark"] .sidebar-card,
html[data-theme="dark"] .nav-card,
html[data-theme="dark"] .not-found-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .edit-card,
html[data-theme="dark"] .add-video-card,
html[data-theme="dark"] .subscribe-box,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .legal-section,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .contact-info-item,
html[data-theme="dark"] .creator-stat,
html[data-theme="dark"] .latest-video-item,
html[data-theme="dark"] .nav-box,
html[data-theme="dark"] .admin-ticket-panel,
html[data-theme="dark"] .admin-ticket-detail,
html[data-theme="dark"] .admin-ticket-list-item {
    background:
        radial-gradient(circle at top left, rgba(255, 0, 51, 0.13), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.035), transparent 28%),
        linear-gradient(180deg, var(--card-bg), var(--card-bg-soft)) !important;
}
:root,
html[data-theme="light"] {
    --site-bg: #f7f7f8 !important;
    --site-text: #151515 !important;
    --card-bg: rgba(255, 255, 255, 0.94) !important;
    --card-bg-soft: #f2f2f4 !important;
    --panel-bg: rgba(255, 255, 255, 0.96) !important;
    --panel-bg-soft: #eeeeef !important;
    --panel-bg-alt: #e7e7e9 !important;
    --field-bg: #ffffff !important;
    --field-text: #151515 !important;
    --border-color: rgba(20, 20, 20, 0.10) !important;
    --border-soft: rgba(20, 20, 20, 0.075) !important;
    --link-color: #202020 !important;
    --link-hover: #cc0033 !important;
    --muted-text: #626262 !important;
    --muted-text-strong: #444444 !important;
    --heading-text: #101010 !important;
    --accent-red: #cc0033 !important;
    --accent-red-strong: #aa002b !important;
    --accent-red-hover: #e00038 !important;
    --button-secondary-bg: #eeeeef !important;
    --button-secondary-hover: #e4e4e6 !important;
    --success-bg: #edf7f1 !important;
    --success-border: rgba(34, 142, 79, 0.35) !important;
    --success-text: #145c2a !important;
    --error-bg: #fff1f4 !important;
    --error-border: rgba(204, 0, 51, 0.28) !important;
    --error-text: #8d001f !important;
    --shadow-soft: 0 18px 55px rgba(15, 15, 15, 0.075), 0 2px 10px rgba(15, 15, 15, 0.035) !important;
    --yt-red: #cc0033 !important;
    --yt-red-deep: #aa002b !important;
    --yt-red-soft: rgba(204, 0, 51, 0.055) !important;
    --yt-cream: #f7f7f8 !important;
    --yt-ink: #151515 !important;
    --yt-glass: rgba(255, 255, 255, 0.86) !important;
    --yt-soft-line: rgba(20, 20, 20, 0.09) !important;
    --yt-focus: rgba(204, 0, 51, 0.13) !important;
}
html[data-theme="dark"] {
    --site-bg: #0f0f10 !important;
    --site-text: #f3f3f3 !important;
    --card-bg: rgba(28, 28, 30, 0.94) !important;
    --card-bg-soft: #151516 !important;
    --panel-bg: rgba(19, 19, 20, 0.96) !important;
    --panel-bg-soft: #111112 !important;
    --panel-bg-alt: #232326 !important;
    --field-bg: #101011 !important;
    --field-text: #f4f4f4 !important;
    --border-color: rgba(255, 255, 255, 0.105) !important;
    --border-soft: rgba(255, 255, 255, 0.075) !important;
    --link-color: #f2f2f2 !important;
    --link-hover: #ff5d7e !important;
    --muted-text: #b8b8bb !important;
    --muted-text-strong: #d2d2d5 !important;
    --heading-text: #ffffff !important;
    --accent-red: #e00038 !important;
    --accent-red-strong: #bd002f !important;
    --accent-red-hover: #ff4b72 !important;
    --button-secondary-bg: rgba(255, 255, 255, 0.07) !important;
    --button-secondary-hover: rgba(255, 255, 255, 0.12) !important;
    --success-bg: rgba(34, 197, 94, 0.12) !important;
    --success-border: rgba(74, 222, 128, 0.35) !important;
    --success-text: #bbf7d0 !important;
    --error-bg: rgba(204, 0, 51, 0.12) !important;
    --error-border: rgba(255, 107, 131, 0.32) !important;
    --error-text: #ffd9e2 !important;
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.34), 0 2px 12px rgba(0, 0, 0, 0.20) !important;
    --yt-red: #e00038 !important;
    --yt-red-deep: #bd002f !important;
    --yt-red-soft: rgba(224, 0, 56, 0.09) !important;
    --yt-cream: #0f0f10 !important;
    --yt-ink: #ffffff !important;
    --yt-glass: rgba(15, 15, 16, 0.88) !important;
    --yt-soft-line: rgba(255, 255, 255, 0.085) !important;
    --yt-focus: rgba(224, 0, 56, 0.18) !important;
}
html[data-theme="dark"] body {
    background:
        radial-gradient(circle at 12% -12%, rgba(255, 255, 255, 0.045), transparent 34%),
        radial-gradient(circle at 88% 4%, rgba(255, 255, 255, 0.026), transparent 30%),
        linear-gradient(180deg, var(--site-bg), var(--panel-bg-soft)) !important;
}
html[data-theme="dark"] .ytunity-platform-header {
    box-shadow: 0 18px 42px rgba(0,0,0,0.36), 0 1px 0 rgba(255,255,255,0.06) inset !important;
}
html[data-theme="dark"] .ytunity-top-rail {
    background: linear-gradient(90deg, #0f0f10 0%, #3a3a3d 52%, #e00038 100%) !important;
    box-shadow: 0 0 18px rgba(0,0,0,0.36) !important;
}
html[data-theme="dark"] .top-nav .nav-brand,
html[data-theme="dark"] .top-nav > a:first-child {
    background: rgba(255, 255, 255, 0.045) !important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-hero,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .creator-page-strip,
html[data-theme="dark"] .video-card,
html[data-theme="dark"] .sidebar-card,
html[data-theme="dark"] .nav-card,
html[data-theme="dark"] .not-found-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .edit-card,
html[data-theme="dark"] .add-video-card,
html[data-theme="dark"] .subscribe-box,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .legal-section,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .contact-info-item,
html[data-theme="dark"] .creator-stat,
html[data-theme="dark"] .latest-video-item,
html[data-theme="dark"] .nav-box,
html[data-theme="dark"] .admin-ticket-panel,
html[data-theme="dark"] .admin-ticket-detail,
html[data-theme="dark"] .admin-ticket-list-item {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.035), transparent 34%),
        linear-gradient(180deg, var(--card-bg), var(--card-bg-soft)) !important;
}
html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .card-hero:hover,
html[data-theme="dark"] .video-card:hover,
html[data-theme="dark"] .sidebar-card:hover,
html[data-theme="dark"] .latest-video-item:hover,
html[data-theme="dark"] .nav-box:hover,
html[data-theme="dark"] .contact-info-item:hover,
html[data-theme="dark"] .creator-stat:hover {
    box-shadow: 0 24px 68px rgba(0, 0, 0, 0.42), 0 10px 28px rgba(0,0,0,0.22) !important;
}
html[data-theme="dark"] .st-gear-panel {
    box-shadow: 0 26px 76px rgba(0,0,0,0.52), 0 12px 34px rgba(0,0,0,0.30) !important;
}
:root,
html[data-theme="light"] {
    --site-bg: #f4f4f5 !important;
    --site-text: #141414 !important;
    --card-bg: rgba(255, 255, 255, 0.96) !important;
    --card-bg-soft: #f1f1f2 !important;
    --panel-bg: rgba(250, 250, 251, 0.97) !important;
    --panel-bg-soft: #ececee !important;
    --panel-bg-alt: #e7e7e9 !important;
    --field-bg: #ffffff !important;
    --field-text: #151515 !important;
    --border-color: rgba(20, 20, 20, 0.10) !important;
    --border-soft: rgba(20, 20, 20, 0.075) !important;
    --link-color: #202124 !important;
    --link-hover: #b00024 !important;
    --muted-text: #505050 !important;
    --muted-text-strong: #333333 !important;
    --heading-text: #090909 !important;
    --accent-red: #c6002b !important;
    --accent-red-strong: #a50024 !important;
    --accent-red-hover: #d70030 !important;
    --button-secondary-bg: #ffffff !important;
    --button-secondary-hover: #eeeeef !important;
    --shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.075), 0 4px 14px rgba(0,0,0,0.035) !important;
    --yt-glass: rgba(255, 255, 255, 0.94) !important;
    --yt-soft-line: rgba(20, 20, 20, 0.105) !important;
    --yt-red-soft: rgba(198, 0, 43, 0.045) !important;
    --yt-focus: rgba(198, 0, 43, 0.10) !important;
}
html[data-theme="dark"] {
    --site-bg: #111112 !important;
    --site-text: #f4f4f5 !important;
    --card-bg: rgba(28, 28, 29, 0.97) !important;
    --card-bg-soft: #181819 !important;
    --panel-bg: rgba(19, 19, 20, 0.98) !important;
    --panel-bg-soft: #101011 !important;
    --panel-bg-alt: #242426 !important;
    --field-bg: #101011 !important;
    --field-text: #f3f3f4 !important;
    --border-color: rgba(255, 255, 255, 0.11) !important;
    --border-soft: rgba(255, 255, 255, 0.075) !important;
    --link-color: #f1f1f2 !important;
    --link-hover: #ff5b7d !important;
    --muted-text: #c4c4c6 !important;
    --muted-text-strong: #dedee0 !important;
    --heading-text: #ffffff !important;
    --accent-red: #d70030 !important;
    --accent-red-strong: #b9002a !important;
    --accent-red-hover: #ff5b7d !important;
    --button-secondary-bg: rgba(255, 255, 255, 0.065) !important;
    --button-secondary-hover: rgba(255, 255, 255, 0.11) !important;
    --shadow-soft: 0 22px 60px rgba(0, 0, 0, 0.38), 0 4px 16px rgba(0,0,0,0.22) !important;
    --yt-glass: rgba(17, 17, 18, 0.94) !important;
    --yt-soft-line: rgba(255, 255, 255, 0.09) !important;
    --yt-red-soft: rgba(215, 0, 48, 0.075) !important;
    --yt-focus: rgba(215, 0, 48, 0.14) !important;
}
html[data-theme="dark"] body {
    background:
        radial-gradient(circle at 12% -10%, rgba(255,255,255,0.035), transparent 32%),
        radial-gradient(circle at 88% 2%, rgba(255,255,255,0.018), transparent 28%),
        linear-gradient(180deg, var(--site-bg), var(--panel-bg-soft)) !important;
}
html[data-theme="dark"] .ytunity-platform-header {
    box-shadow: 0 18px 42px rgba(0,0,0,0.36) !important;
}
html[data-theme="dark"] .ytunity-top-rail {
    background: linear-gradient(90deg, #070708, #2d2d30, #55555a) !important;
}
html[data-theme="dark"] .nav-brand,
html[data-theme="dark"] .top-nav .nav-brand,
html[data-theme="dark"] .top-nav > a:first-child {
    background: rgba(255,255,255,0.055) !important;
}
html[data-theme="dark"] .ytu-home .card,
html[data-theme="dark"] .ytu-hero,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .ytu-stat {
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.032), transparent 30%),
        linear-gradient(180deg, var(--card-bg), var(--card-bg-soft)) !important;
}
html[data-theme="dark"] .ytu-kicker {
    background: rgba(255,255,255,0.055) !important;
}
html[data-theme="dark"] .ytu-hero-panel {
    background: rgba(255,255,255,0.035) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
}
html[data-theme="dark"] .ytunity-platform-header {
    background: color-mix(in srgb, var(--site-bg) 88%, transparent) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34) !important;
}
html[data-theme="dark"] .ytunity-top-rail {
    background: linear-gradient(90deg, #111216, #25262b, #42444b, #25262b, #111216) !important;
}
html[data-theme="dark"] .nav-search input,
html[data-theme="dark"] .creator-search-form input {
    background: rgba(18, 19, 22, 0.9) !important;
    color: var(--site-text) !important;
    border-color: rgba(255,255,255,0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 24px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .search-suggestions {
    box-shadow: 0 20px 50px rgba(0,0,0,0.48) !important;
}
html[data-theme="dark"] .ytunity-platform-header {
    background: color-mix(in srgb, var(--site-bg) 94%, transparent) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.36) !important;
}
html[data-theme="dark"] .ytunity-top-rail {
    background: linear-gradient(90deg, #08090b, #1d1f23, #3a3d43, #1d1f23, #08090b) !important;
}
html[data-theme="dark"] .ytunity-platform-header {
    background: color-mix(in srgb, #111111 94%, transparent) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.34) !important;
}
html[data-theme="light"] .creator-hero-banner-text,
html[data-theme="light"] .creator-hero-banner-text h1,
html[data-theme="light"] .creator-hero-banner-text p { color: #fff !important; }
.st-gear-panel .st-gear-link,
html[data-theme="light"] .st-gear-panel .st-gear-link,
body.day-mode .st-gear-panel .st-gear-link,
body.light-mode .st-gear-panel .st-gear-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
    text-decoration: none !important;
}
.st-gear-panel .st-gear-link:hover,
html[data-theme="light"] .st-gear-panel .st-gear-link:hover,
body.day-mode .st-gear-panel .st-gear-link:hover,
body.light-mode .st-gear-panel .st-gear-link:hover {
    background: linear-gradient(135deg, #d1004b, #7c3aed) !important;
    color: #ffffff !important;
    border-color: rgba(209, 0, 75, .26) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(124, 58, 237, .16) !important;
}
.st-gear-panel .st-gear-link.secondary,
html[data-theme="light"] .st-gear-panel .st-gear-link.secondary,
body.day-mode .st-gear-panel .st-gear-link.secondary,
body.light-mode .st-gear-panel .st-gear-link.secondary {
    background: rgba(15, 23, 42, .045) !important;
    color: #111827 !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
}
.st-gear-panel .st-gear-link.secondary:hover,
html[data-theme="light"] .st-gear-panel .st-gear-link.secondary:hover,
body.day-mode .st-gear-panel .st-gear-link.secondary:hover,
body.light-mode .st-gear-panel .st-gear-link.secondary:hover {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}
html[data-theme="dark"] .st-gear-panel .st-gear-head strong,
html[data-theme="dark"] .st-gear-panel #themeToggle.st-gear-row {
    color: #ffffff !important;
}
html[data-theme="dark"] .st-gear-panel #themeToggle.st-gear-row {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.10) !important;
}
html[data-theme="dark"] .st-gear-panel .st-gear-link {
    background: rgba(255,255,255,.07) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .st-gear-panel .st-gear-link.secondary {
    background: rgba(255,255,255,.04) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.10) !important;
}