/*
 * /theme-earth-sky.css (Version 5 - Complete Global Theme)
 */

/* ========================================================================
   SECTION: CORE OVERRIDES & NEW BACKGROUND
   ======================================================================== */
html.theme-earth-sky body {
    background: #eaf5f9; /* Lighter, softer sky blue */
    color: #34495E; /* Dark blue-grey text */
}

/* Light theme headings */
html.theme-earth-sky h1,
html.theme-earth-sky h2,
html.theme-earth-sky h3,
html.theme-earth-sky h4,
html.theme-earth-sky h5,
html.theme-earth-sky h6 {
    color: #2c3e50; /* Darker heading color */
}

html.theme-earth-sky .universe-background::before {
    background: linear-gradient(to bottom, #c1e8ff 0%, #a2d9f3 100%); /* Softer gradient */
    opacity: 1;
}

html.theme-earth-sky .universe-background::after,
html.theme-earth-sky .galaxies,
html.theme-earth-sky .stars-slow,
html.theme-earth-sky .stars-medium,
html.theme-earth-sky .stars-fast,
html.theme-earth-sky .meteor {
    display: none;
    visibility: hidden;
}

/* --- Cloud System --- */
@keyframes drift { from { transform: translateX(-25%); } to { transform: translateX(100%); } }

html.theme-earth-sky .clouds-back,
html.theme-earth-sky .clouds-middle,
html.theme-earth-sky .clouds-front {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 100%;
}

html.theme-earth-sky .cloud-puff {
    position: absolute;
    background: white;
    border-radius: 50%;
}

html.theme-earth-sky .clouds-back { filter: blur(40px); opacity: 0.3; animation: drift 280s linear infinite; }
html.theme-earth-sky .clouds-middle { filter: blur(30px); opacity: 0.5; animation: drift 170s linear infinite; }
html.theme-earth-sky .clouds-front { filter: blur(25px); opacity: 0.8; animation: drift 110s linear infinite; }

/* ========================================================================
   SECTION: GLOBAL COMPONENT OVERRIDES
   ======================================================================== */

/* --- Header & Footer --- */
/* At top: transparent background like universe theme; border hidden */
html.theme-earth-sky .site-header {
    background-color: transparent;
    backdrop-filter: none;
    border-bottom: 1px solid transparent;
}
/* When scrolled: three separate containers; header stays transparent */
html.theme-earth-sky .site-header.scrolled {
    background-color: transparent;
    backdrop-filter: none;
    border-bottom-color: transparent;
}
html.theme-earth-sky .site-header.scrolled .header-left,
html.theme-earth-sky .site-header.scrolled .header-center,
html.theme-earth-sky .site-header.scrolled .header-right {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(0) scale(1);
    opacity: 1;
}
html.theme-earth-sky .site-header.scrolled .header-center {
    padding-left: 24px;
    padding-right: 24px;
}
html.theme-earth-sky .header-left,
html.theme-earth-sky .header-center,
html.theme-earth-sky .header-right {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    backdrop-filter: blur(12px);
    transform: translateY(-2px) scale(0.985);
    opacity: 0.96;
}
@media (max-width: 768px) {
    html.theme-earth-sky .header-left,
    html.theme-earth-sky .header-center,
    html.theme-earth-sky .header-right {
        border-radius: 12px;
        padding: 8px 14px;
    }
    html.theme-earth-sky .header-center {
        padding-left: 16px;
        padding-right: 16px;
    }
    html.theme-earth-sky .site-header.scrolled .header-left,
    html.theme-earth-sky .site-header.scrolled .header-center,
    html.theme-earth-sky .site-header.scrolled .header-right {
        padding: 8px 14px;
    }
    html.theme-earth-sky .site-header.scrolled .header-center {
        padding-left: 16px;
        padding-right: 16px;
    }
}
html.theme-earth-sky .site-header nav a,
html.theme-earth-sky .header-logged-out-links .header-link {
    color: #34495E;
}
html.theme-earth-sky .site-header nav a:hover,
html.theme-earth-sky .header-logged-out-links .header-link:hover {
    color: #000;
}
html.theme-earth-sky .site-footer {
    background-color: #EAECEE;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .footer-column h4 { color: #2C3E50; border-bottom-color: rgba(0, 0, 0, 0.1); }
html.theme-earth-sky .footer-column ul li a { color: #5D6D7E; }
html.theme-earth-sky .footer-column ul li a:hover { color: #2C3E50; }
html.theme-earth-sky .status-feed strong { color: #2C3E50; }
html.theme-earth-sky #online-users-count, html.theme-earth-sky #latest-chapter-title { color: #005a9c; } /* Darker blue */
html.theme-earth-sky #system-time-jst { color: #27AE60; }
html.theme-earth-sky .footer-sub-bar { border-top-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); }

/* --- Global Button Overrides --- */
html.theme-earth-sky .holographic-shine,
html.theme-earth-sky #lore-btn,
html.theme-earth-sky .account-form button,
html.theme-earth-sky .action-btn-primary,
html.theme-earth-sky .review-approve-btn,
html.theme-earth-sky .codex-create-btn,
html.theme-earth-sky .schedule-confirm-btn {
    background: #007bff; /* Primary Blue */
    color: #fff;
    border: none;
}
html.theme-earth-sky .action-btn-primary:hover,
html.theme-earth-sky .review-approve-btn:hover,
html.theme-earth-sky .codex-create-btn:hover,
html.theme-earth-sky .schedule-confirm-btn:hover {
    background: #0056b3; /* Darker Blue */
}
html.theme-earth-sky .action-btn-danger {
    background-color: #dc3545; /* Red */
    color: #fff;
    border: none;
}
html.theme-earth-sky .action-btn-secondary,
html.theme-earth-sky .schedule-cancel-btn {
    background-color: #6c757d; /* Grey */
    color: #fff;
    border: none;
}
html.theme-earth-sky .edit-btn { background: transparent; border: 1px solid #bdc3c7; color: #34495E; }

/* --- Header Menus (CRITICAL FIX) --- */
html.theme-earth-sky #header-profile-dropdown,
html.theme-earth-sky #notification-panel {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky #dropdown-display-name {
    color: #2C3E50;
}
/* Status line below name (e.g. Security Status) — sky theme visible */
html.theme-earth-sky .pd-status,
html.theme-earth-sky #dropdown-status-text {
    color: #5D6D7E;
}
html.theme-earth-sky .pd-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .pd-avatar {
    border-color: rgba(0, 0, 0, 0.12);
}
/* Toggle row labels */
html.theme-earth-sky .pd-status-label .label-title {
    color: #2C3E50;
}
html.theme-earth-sky .pd-status-label .label-desc {
    color: #5D6D7E;
}
/* Dropdown toggle switch — visible on light background */
html.theme-earth-sky #header-profile-dropdown .dropdown-toggle-switch .slider {
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky #header-profile-dropdown .dropdown-toggle-switch input:checked + .slider {
    background-color: #007bff;
}
/* Footer links section — light sky-compatible background */
html.theme-earth-sky .pd-footer {
    background: rgba(0, 0, 0, 0.03);
    border-top-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .pd-link-item,
html.theme-earth-sky .profile-dropdown-links a,
html.theme-earth-sky #dropdown-logout-button {
    color: #2C3E50;
}
html.theme-earth-sky .pd-link-item .material-symbols-outlined {
    color: #5D6D7E;
}
html.theme-earth-sky .pd-link-item:hover,
html.theme-earth-sky .profile-dropdown-links a:hover,
html.theme-earth-sky #dropdown-logout-button:hover {
    background: rgba(0, 123, 255, 0.08);
    color: #007bff;
}
html.theme-earth-sky .pd-link-item:hover .material-symbols-outlined {
    color: #007bff;
}
html.theme-earth-sky .pd-link-item.is-logout,
html.theme-earth-sky #dropdown-logout-button.is-logout {
    color: #c0392b;
}
html.theme-earth-sky .pd-link-item.is-logout .material-symbols-outlined,
html.theme-earth-sky #dropdown-logout-button.is-logout .material-symbols-outlined {
    color: #c0392b;
}
html.theme-earth-sky .pd-link-item.is-logout:hover,
html.theme-earth-sky #dropdown-logout-button.is-logout:hover {
    background: rgba(220, 53, 69, 0.1);
    color: #a93226;
}
html.theme-earth-sky .pd-link-item.is-logout:hover .material-symbols-outlined {
    color: #a93226;
}
html.theme-earth-sky .notification-header,
html.theme-earth-sky .notification-footer {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .notification-item {
    border-color: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .notification-item p {
    color: #34495E; /* Dark text */
}
html.theme-earth-sky .notification-item:hover {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .notification-footer a {
    background: rgba(0, 0, 0, 0.05);
    color: #34495E;
}
html.theme-earth-sky .notification-footer a:hover {
    background: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .notification-bell .notification-count {
    background: #dc3545; /* Red */
}

/* ========================================================================
   SECTION: ACCOUNT & HUB PAGES
   ======================================================================== */
html.theme-earth-sky .form-container,
html.theme-earth-sky .dossier-id-card,
html.theme-earth-sky .dossier-terminal,
html.theme-earth-sky .profile-card {
    background: rgba(255, 255, 255, 0.85); /* More opaque */
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .form-field label,
html.theme-earth-sky .field-label,
html.theme-earth-sky .profile-field-static .field-label,
html.theme-earth-sky .card-status,
html.theme-earth-sky .card-bio,
html.theme-earth-sky .legend-item {
    color: #5D6D7E;
}
html.theme-earth-sky .form-field input,
html.theme-earth-sky .bio-container textarea,
html.theme-earth-sky #dossier-display-name,
html.theme-earth-sky #dossier-bio,
html.theme-earth-sky #feeling-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.2);
    color: #2C3E50;
}
html.theme-earth-sky .archive-header h1 { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
html.theme-earth-sky .archive-header p { color: #f8f9f9; }
html.theme-earth-sky .featured-card,
html.theme-earth-sky .chapter-card {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .featured-title,
html.theme-earth-sky .card-header .card-title {
    color: #2C3E50;
}
html.theme-earth-sky .featured-excerpt,
html.theme-earth-sky .card-excerpt,
html.theme-earth-sky .card-meta {
    color: #5D6D7E;
}

/* Chatbot (CRITICAL FIX) */
html.theme-earth-sky .nexus-ai-terminal .terminal-container {
    background-color: rgba(244, 246, 247, 0.9);
    border-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .terminal-chatbox .chat p {
    color: #34495E;
    background: rgba(0,0,0,0.02);
}
html.theme-earth-sky .terminal-chatbox .chat.incoming p {
    border-left-color: #27AE60;
    background: linear-gradient(90deg, rgba(39, 174, 96, 0.1), transparent);
}
html.theme-earth-sky .terminal-chatbox .chat.outgoing p {
    border-right-color: #007bff;
    background: linear-gradient(-90deg, rgba(0, 123, 255, 0.1), transparent);
}
html.theme-earth-sky .terminal-input-area textarea {
    color: #2C3E50;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .terminal-input-area textarea::placeholder {
    color: #7f8c8d; /* Darker placeholder */
}
html.theme-earth-sky .terminal-header,
html.theme-earth-sky .terminal-input-area {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .terminal-header h5 {
    color: #5D6D7E; /* Darker status text */
}
html.theme-earth-sky .dossier-terminal::after { display: none; }

/* ========================================================================
   SECTION: DASHBOARDS (SCRIBE & CREATOR)
   ======================================================================== */
html.theme-earth-sky .dashboard-panel,
html.theme-earth-sky .scribe-codex-panel,
html.theme-earth-sky .scribe-composition-panel,
html.theme-earth-sky .hub-column,
html.theme-earth-sky .db-category-column,
html.theme-earth-sky .db-entry-column,
html.theme-earth-sky .command-panel,
html.theme-earth-sky .hub-widget,
html.theme-earth-sky .kanban-column,
html.theme-earth-sky .review-canvas,
html.theme-earth-sky .intel-panel,
html.theme-earth-sky .command-center-card,
html.theme-earth-sky .creator-editor-layout .command-console,
html.theme-earth-sky .creator-editor-layout .content-column,
html.theme-earth-sky .creator-editor-layout .right-sidebar-column,
html.theme-earth-sky .lore-editor-layout .metadata-column,
html.theme-earth-sky .lore-editor-layout .content-column,
html.theme-earth-sky .lore-editor-layout .right-sidebar-column {
    background: rgba(255, 255, 255, 0.85); /* More opaque */
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}

/* Scribe Sidebar (rail — tokens mirror universe theme structure) */
html.theme-earth-sky .scribe-sidebar {
    --scribe-nav-fg: #5d6d7e;
    --scribe-nav-fg-active: #1a252f;
    --scribe-nav-accent: #007bff;
    --scribe-nav-accent-soft: rgba(0, 123, 255, 0.18);
    --scribe-nav-icon-bg: rgba(255, 255, 255, 0.65);
    --scribe-nav-icon-bg-hover: rgba(255, 255, 255, 0.92);
    --scribe-nav-icon-border: rgba(0, 0, 0, 0.08);
    --scribe-nav-icon-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
    --scribe-nav-rail-bg: rgba(248, 250, 252, 0.92);
    --scribe-nav-rail-edge: rgba(0, 0, 0, 0.08);

    background: var(--scribe-nav-rail-bg);
    border-right-color: var(--scribe-nav-rail-edge);
}

html.theme-earth-sky .scribe-sidebar .scribe-nav-link:hover {
    background: rgba(0, 0, 0, 0.035);
    border-color: rgba(0, 0, 0, 0.06);
}

html.theme-earth-sky .scribe-sidebar .scribe-nav-link.is-active {
    background: linear-gradient(160deg, rgba(0, 123, 255, 0.12) 0%, rgba(0, 123, 255, 0.03) 100%);
    border-color: rgba(0, 123, 255, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html.theme-earth-sky .scribe-sidebar .scribe-nav-link.is-active .scribe-nav-link__icon {
    box-shadow:
        0 0 0 1px rgba(0, 123, 255, 0.35),
        0 10px 22px rgba(15, 23, 42, 0.14);
}

html.theme-earth-sky .scribe-sidebar-nav__scroll {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

html.theme-earth-sky .scribe-sidebar-nav__scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
}

html.theme-earth-sky .scribe-sidebar a.scribe-nav-link.nav-link {
    color: var(--scribe-nav-fg);
}

html.theme-earth-sky .scribe-sidebar a.scribe-nav-link.nav-link:hover,
html.theme-earth-sky .scribe-sidebar a.scribe-nav-link.nav-link.is-active {
    color: var(--scribe-nav-fg-active);
}

/* Creator Dashboard Sidebar */
html.theme-earth-sky #dashboard-sidebar {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .sidebar-nav::after {
    background-color: #007bff;
}
html.theme-earth-sky .sidebar-link {
    color: #5D6D7E;
}
html.theme-earth-sky .sidebar-link:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color: #2C3E50;
}
html.theme-earth-sky .sidebar-link.is-active {
    color: #fff; /* White text on blue bg */
}
html.theme-earth-sky .sidebar-header,
html.theme-earth-sky .sidebar-footer,
html.theme-earth-sky .creator-status-panel {
    border-color: rgba(0, 0, 0, 0.1);
}

/* Dashboard Panel Headers & Borders */
html.theme-earth-sky .hub-column-header,
html.theme-earth-sky .db-list-header,
html.theme-earth-sky .widget-header,
html.theme-earth-sky .panel-header,
html.theme-earth-sky .codex-header,
html.theme-earth-sky .composition-header,
html.theme-earth-sky .story-tab-nav,
html.theme-earth-sky .chapter-list-header,
html.theme-earth-sky .db-tools-header,
html.theme-earth-sky .creator-editor-header,
html.theme-earth-sky .lore-editor-header {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .composition-header::before,
html.theme-earth-sky .composition-header::after {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Story Logo Shadow (CRITICAL FIX) */
html.theme-earth-sky .composition-story-logo {
    /* Adds a subtle white "glow" around the logo so it's visible on light bg */
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

/* Dashboard Cards & Items */
html.theme-earth-sky .codex-chapter-card,
html.theme-earth-sky .submission-summary-card,
html.theme-earth-sky .content-item-card,
html.theme-earth-sky .db-item-card,
html.theme-earth-sky .submission-card,
html.theme-earth-sky .kanban-card,
html.theme-earth-sky .db-category-item {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .codex-chapter-card:hover,
html.theme-earth-sky .submission-summary-card:hover,
html.theme-earth-sky .content-item-card:hover,
html.theme-earth-sky .db-item-card:hover,
html.theme-earth-sky .submission-card:hover,
html.theme-earth-sky .kanban-card:hover,
html.theme-earth-sky .db-category-item:hover {
    background: #fdfdfd;
}
html.theme-earth-sky .codex-chapter-card.is-selected,
html.theme-earth-sky .submission-summary-card.is-selected,
html.theme-earth-sky .db-item-card.is-selected,
html.theme-earth-sky .kanban-card.is-selected,
html.theme-earth-sky .db-category-item.is-selected {
    background: rgba(0, 123, 255, 0.1);
    border-color: #007bff;
}
html.theme-earth-sky .card-title,
html.theme-earth-sky .codex-chapter-card h3,
html.theme-earth-sky .submission-summary-card .card-title span,
html.theme-earth-sky .db-category-info strong,
html.theme-earth-sky .db-item-info strong,
html.theme-earth-sky .kanban-card h4 {
    color: #2C3E50;
}
html.theme-earth-sky .card-meta,
html.theme-earth-sky .db-category-info span,
html.theme-earth-sky .db-item-info span,
html.theme-earth-sky .kanban-card-meta {
    color: #5D6D7E;
}

/* Status Badges (CRITICAL FIX) */
html.theme-earth-sky .card-status,
html.theme-earth-sky .tier-badge-small,
html.theme-earth-sky .creator-tier-badge {
    background: rgba(0, 0, 0, 0.05);
    color: #5D6D7E;
}
html.theme-earth-sky .status-published,
html.theme-earth-sky .tier-trusted,
html.theme-earth-sky .tier-badge-large.tier-trusted {
    background: rgba(34, 197, 94, 0.1);
    color: #1a5d38;
}
html.theme-earth-sky .status-changes_requested,
html.theme-earth-sky .status-declined_resubmit {
    background: rgba(245, 158, 11, 0.1);
    color: #725a03;
}
html.theme-earth-sky .status-pending_review,
html.theme-earth-sky .status-pending {
    background: rgba(0, 123, 255, 0.1);
    color: #004a9c;
}
html.theme-earth-sky .status-under_review {
    background: rgba(139, 92, 246, 0.1);
    color: #581c87;
}
html.theme-earth-sky .tier-badge-large.tier-inexperienced {
    background: rgba(100, 116, 139, 0.1);
    color: #334155;
}
html.theme-earth-sky .tier-badge-large.tier-experienced {
    background: rgba(0, 123, 255, 0.1);
    color: #004a9c;
}

/* Empty States */
html.theme-earth-sky .empty-state,
html.theme-earth-sky .empty-state-dark,
html.theme-earth-sky .interactive-empty-state,
html.theme-earth-sky .empty-state-small {
    color: #7f8c8d;
}
html.theme-earth-sky .interactive-empty-state h3 {
    color: #34495E;
}

/* Modals */
html.theme-earth-sky .scheduler-modal-overlay,
html.theme-earth-sky .scribe-preview-modal-overlay,
html.theme-earth-sky .focus-mode-modal {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
}
html.theme-earth-sky .scheduler-modal-content,
html.theme-earth-sky .scribe-preview-modal-header,
html.theme-earth-sky .review-viewer-header {
    background: #fdfdfd;
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .scribe-preview-modal-content {
    color: #34495E;
}
html.theme-earth-sky .lore-article-content p,
html.theme-earth-sky .lore-article-content blockquote {
    color: #34495E;
}
html.theme-earth-sky .modal-textarea,
html.theme-earth-sky .scheduler-modal-content input,
html.theme-earth-sky .scheduler-modal-content select,
html.theme-earth-sky .scheduler-modal-content textarea {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.2);
    color: #2C3E50;
}
html.theme-earth-sky .schedule-cancel-btn {
    background-color: #bdc3c7;
    color: #34495E;
}

/* ========================================================================
   SECTION: LIBRARY HUB & MANAGER
   ======================================================================== */
html.theme-earth-sky .hero-carousel {
    background-color: #bdc3c7;
}
html.theme-earth-sky .hero-overlay {
    background: linear-gradient(to top, rgba(234, 245, 249, 1) 0%, rgba(234, 245, 249, 0.7) 30%, transparent 80%);
}
html.theme-earth-sky .hero-content h2,
html.theme-earth-sky .hero-content p {
    color: #2C3E50;
    text-shadow: none;
}
html.theme-earth-sky .hero-banner-summary {
    color: #34495E;
    text-shadow: none;
}
html.theme-earth-sky .hero-nav-btn {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(0, 0, 0, 0.1);
    color: #34495E;
}
html.theme-earth-sky .hero-nav-btn:hover {
    background-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .hero-dots .hero-dot {
    background-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .hero-dots .hero-dot:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
html.theme-earth-sky .hero-dots .hero-dot.is-active {
    background-color: #34495E;
}
html.theme-earth-sky .hero-carousel + .hub-section::before {
    background: linear-gradient(to bottom, rgba(234, 245, 249, 0) 0%, #eaf5f9 100%);
}
html.theme-earth-sky .story-card {
    background-color: #fdfdfd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .story-card:hover {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .story-card-overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 20%, transparent 100%);
}
html.theme-earth-sky .story-card-title {
    color: #2C3E50;
}
html.theme-earth-sky .story-card-author {
    color: #5D6D7E;
}
html.theme-earth-sky .story-card--no-image {
    background: #f4f6f7;
}
html.theme-earth-sky .manager-sidebar,
html.theme-earth-sky .layout-preview-area,
html.theme-earth-sky .layout-block-preview {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .add-block-btn {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.1);
    color: #34495E;
}
html.theme-earth-sky .add-block-btn:hover {
    background-color: rgba(0, 123, 255, 0.1);
    border-color: #007bff;
    color: #005a9c;
}
html.theme-earth-sky .layout-block-preview {
    background: #fdfdfd;
    border-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .block-type-label {
    background-color: #5D6D7E;
    color: #fff;
}
html.theme-earth-sky .block-title {
    color: #2C3E50;
}
html.theme-earth-sky .block-actions button {
    border-color: #bdc3c7;
    color: #5D6D7E;
}
html.theme-earth-sky .block-actions button:hover {
    background-color: #5D6D7E;
    color: #fff;
}
html.theme-earth-sky .block-content-preview {
    color: #5D6D7E;
}
html.theme-earth-sky .block-content-preview strong {
    color: #34495E;
}


/* ========================================================================
   SECTION: CREATOR & LORE EDITOR
   ======================================================================== */

html.theme-earth-sky .creator-editor-header,
html.theme-earth-sky .lore-editor-header {
    background: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .back-to-dash-icon-btn,
html.theme-earth-sky .header-icon-btn,
html.theme-earth-sky .save-draft-icon-btn {
    border-color: rgba(0, 0, 0, 0.2);
    color: #34495E;
}
html.theme-earth-sky .back-to-dash-icon-btn:hover,
html.theme-earth-sky .header-icon-btn:hover,
html.theme-earth-sky .save-draft-icon-btn:hover:not(:disabled) {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
    border-color: rgba(0, 0, 0, 0.3);
}
html.theme-earth-sky .creator-editor-layout .command-console,
html.theme-earth-sky .creator-editor-layout .content-column,
html.theme-earth-sky .creator-editor-layout .right-sidebar-column,
html.theme-earth-sky .lore-editor-layout .metadata-column,
html.theme-earth-sky .lore-editor-layout .content-column,
html.theme-earth-sky .lore-editor-layout .right-sidebar-column,
html.theme-earth-sky .primary-image-column,
html.theme-earth-sky .infobox-column {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .content-column h3,
html.theme-earth-sky .metadata-column h3,
html.theme-earth-sky .infobox-column h3,
html.theme-earth-sky .command-console h3,
html.theme-earth-sky .right-sidebar-column h3,
html.theme-earth-sky .primary-image-column h3 {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .metadata-field label {
    color: #34495E;
}
html.theme-earth-sky .metadata-field input,
html.theme-earth-sky .metadata-field textarea,
html.theme-earth-sky .metadata-field select,
html.theme-earth-sky .infobox-key-input,
html.theme-earth-sky .infobox-value-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.2);
    color: #2C3E50;
}
html.theme-earth-sky .metadata-field input:disabled,
html.theme-earth-sky .metadata-field select:disabled {
    background: rgba(0, 0, 0, 0.1);
    color: #7f8c8d;
}
html.theme-earth-sky .console-tabs {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .console-tab {
    color: #7f8c8d;
}
html.theme-earth-sky .console-tab:hover {
    color: #34495E;
}
html.theme-earth-sky .console-tab.is-active {
    color: #007bff;
    border-bottom-color: #007bff;
}
html.theme-earth-sky .version-toggle-switch {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .toggle-option {
    color: #5D6D7E;
}
html.theme-earth-sky .toggle-option.is-active {
    color: #fff;
}
html.theme-earth-sky .toggle-switch-handle {
    background-color: #007bff;
}
html.theme-earth-sky .content-block {
    background-color: #fdfdfd;
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .content-block:hover {
    border-color: #007bff;
}
html.theme-earth-sky .heading-input,
html.theme-earth-sky .paragraph-input,
html.theme-earth-sky .quote-text-input,
html.theme-earth-sky .log-text-input {
    color: #34495E;
}
html.theme-earth-sky .image-caption-input,
html.theme-earth-sky .video-url-input,
html.theme-earth-sky .quote-character-input,
html.theme-earth-sky .log-timestamp-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #34495E;
}
html.theme-earth-sky .image-caption-input:focus,
html.theme-earth-sky .video-url-input:focus,
html.theme-earth-sky .quote-character-input:focus,
html.theme-earth-sky .log-timestamp-input:focus {
    border-color: #007bff;
    background-color: #fff;
}
html.theme-earth-sky .image-block-placeholder,
html.theme-earth-sky .codex-link-placeholder {
    border-color: rgba(0, 0, 0, 0.2);
    color: #7f8c8d;
}
html.theme-earth-sky .block-toolbar {
    background: #f4f6f7;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .toolbar-btn {
    color: #5D6D7E;
}
html.theme-earth-sky .toolbar-btn:hover {
    background-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .editor-status-bar {
    background: rgba(255, 255, 255, 0.8);
    border-top-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .image-uploader-compact {
    background: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .image-file-info {
    color: #5D6D7E;
}
html.theme-earth-sky .status-bar-progress-fill.is-complete {
    background-color: #28a745; /* Green */
}

/* ========================================================================
   SECTION: CREATOR DASHBOARD (PANEL FIXES V2)
   ======================================================================== */

/* Fixes unreadable text in main composition panel */
html.theme-earth-sky .composition-canvas h4,
html.theme-earth-sky .story-overview-meta div,
html.theme-earth-sky .stat-item .stat-label,
html.theme-earth-sky .story-overview-sidebar .action-btn-secondary {
    color: #5D6D7E; /* Medium-dark text */
}

html.theme-earth-sky .stat-item .stat-value,
html.theme-earth-sky .composition-canvas p,
html.theme-earth-sky .story-overview-grid h4 {
    color: #2C3E50; /* Darkest text */
}

/* Fixes unreadable text in "Approved Stories" list */
html.theme-earth-sky .codex-chapter-card .card-title,
html.theme-earth-sky .codex-chapter-card .card-meta {
    color: #2C3E50; /* Darkest text */
    text-shadow: none;
}

html.theme-earth-sky .codex-chapter-card.has-bg-image .card-title,
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-meta {
    color: #fff; /* Revert to white text *only* if it has a BG image */
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Fixes invisible story logo (with !important to ensure it applies) */
html.theme-earth-sky .composition-story-logo {
    /* Adds a white "glow" to make dark logos visible */
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.6)) !important;
}

/* Fixes sidebar button contrast */
html.theme-earth-sky .codex-create-btn {
    background: #f39c12; /* High-contrast orange */
}
html.theme-earth-sky .codex-create-btn:hover {
    background: #e67e22; /* Darker orange */
}

/* Fixes sidebar active link text color */
html.theme-earth-sky .sidebar-link.is-active {
    color: #fff !important; /* Force white text on blue bg */
}

/* Fixes submission list tab colors */
html.theme-earth-sky .sub-tab-btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .sub-tab-btn:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .sub-tab-btn.is-active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

/* ========================================================================
   SECTION: HIGH-SPECIFICITY OVERRIDES (V6)
   ======================================================================== */

/* --- Homepage (Fix invisible tagline) --- */
html.theme-earth-sky .homepage-body .entry-title,
html.theme-earth-sky .homepage-body .entry-content p {
    color: #2C3E50;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
}

/* --- Header (Fix dark user avatar background) --- */
html.theme-earth-sky #header-profile-button {
    background-color: transparent !important;
}

/* --- Creator Dashboard (Fix invisible text & buttons) --- */
html.theme-earth-sky .composition-canvas h4,
html.theme-earth-sky .story-overview-meta div,
html.theme-earth-sky .stat-item .stat-label,
html.theme-earth-sky .story-overview-sidebar .action-btn-secondary {
    color: #5D6D7E !important; /* Force medium-dark text */
}

html.theme-earth-sky .stat-item .stat-value,
html.theme-earth-sky .composition-canvas p,
html.theme-earth-sky .story-overview-grid h4 {
    color: #2C3E50 !important; /* Force darkest text */
}

/* Fix "Edit Story Details" button */
html.theme-earth-sky .story-overview-sidebar .action-btn-secondary {
    background: #fdfdfd;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
html.theme-earth-sky .story-overview-sidebar .action-btn-secondary:hover {
    background: #fff;
    border-color: #007bff;
    color: #007bff !important;
}

/* --- Story Cards (Remove tint & fix text) --- */
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-bg-overlay {
    background: none !important; /* Remove dark tint */
}

html.theme-earth-sky .codex-chapter-card.has-bg-image .card-title,
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-meta {
    color: #2C3E50 !important; /* Force dark text */
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7) !important; /* Add light shadow */
}

/* --- Status Badges (Invert colors) --- */
html.theme-earth-sky .status-published,
html.theme-earth-sky .status-approved {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #1a5d38 !important;
}

/* ========================================================================
   SECTION: CREATOR DASHBOARD (TAB FIX V7)
   ======================================================================== */

/* --- Story Tab Navigation (Fix for unreadable text) --- */

/* 1. Inactive tabs: Make them a readable medium-dark gray */
html.theme-earth-sky .story-tab-btn {
    color: #5D6D7E; /* Was light gray */
}

/* 2. Hovered tabs: Make them the darkest text color */
html.theme-earth-sky .story-tab-btn:hover {
    color: #2C3E50; /* Was white */
}

/* 3. Active tab: Make it the primary theme blue */
html.theme-earth-sky .story-tab-btn.is-active {
    color: #007bff; /* Was light blue */
    border-bottom-color: transparent !important; /* This removes the instant underline */
}

/* 4. Sliding underline: Make it the primary theme blue */
html.theme-earth-sky .story-tab-indicator {
    background-color: #007bff;
}

/* ========================================================================
   SECTION: CREATOR DASHBOARD (CARD FIX V8)
   ======================================================================== */

/* --- Story Cards (Fix unreadable text on image cards) --- */

/* 1. Change the dark overlay to a LIGHT overlay */
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-bg-overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.7) 60%, transparent 100%) !important;
}

/* 2. Force the text on image cards to be dark */
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-title,
html.theme-earth-sky .codex-chapter-card.has-bg-image .card-meta {
    color: #2C3E50 !important; /* Darkest text */
    text-shadow: none !important; /* Remove the old dark-theme shadow */
}

/* 3. Invert the status badge colors (re-stating for specificity) */
html.theme-earth-sky .codex-chapter-card .status-published,
html.theme-earth-sky .codex-chapter-card .status-approved {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #1a5d38 !important;
    font-weight: 600;
}

/* ========================================================================
   SECTION: CREATOR DASHBOARD (CHAPTERS TAB FIX V9)
   ======================================================================== */

/* --- "New Chapter" Card --- */
html.theme-earth-sky .chapter-grid-card.is-new-chapter-card {
    background-color: transparent; /* Makes background transparent */
    border: 2px dashed rgba(44, 62, 80, 0.3); /* Darker dashed border */
}

/* Hover state */
html.theme-earth-sky .chapter-grid-card.is-new-chapter-card:hover {
    background-color: rgba(0, 123, 255, 0.1); /* Light blue on hover */
    border-color: #007bff; /* Primary blue border on hover */
}

/* Fix text and icon color */
html.theme-earth-sky .is-new-chapter-card .new-chapter-icon,
html.theme-earth-sky .is-new-chapter-card .chapter-card-title {
    color: #5D6D7E; /* Readable medium-dark color */
}

/* Fix text and icon color on hover */
html.theme-earth-sky .chapter-grid-card.is-new-chapter-card:hover .new-chapter-icon,
html.theme-earth-sky .chapter-grid-card.is-new-chapter-card:hover .chapter-card-title {
    color: #007bff; /* Primary blue on hover */
}

/* ========================================================================
   SECTION: CREATOR DASHBOARD (SIDEBAR WIDGET FIX V10)
   ======================================================================== */

/* --- Submission Overview Widget --- */

/* 1. Fixes the unreadable text (Action Required, In Review, etc.) */
html.theme-earth-sky .overview-label {
    color: #34495E !important; /* Dark text */
}

/* 2. Fixes the invisible icons */
html.theme-earth-sky .overview-icon svg {
    fill: #5D6D7E !important; /* Medium-dark icon */
}
html.theme-earth-sky .overview-item:hover .overview-icon svg {
    fill: #007bff !important; /* Blue on hover */
}
html.theme-earth-sky .overview-item:hover .overview-label {
    color: #007bff !important; /* Blue on hover */
}

/* 3. Invert the badge colors for readability */
html.theme-earth-sky .overview-count.is-action {
    background-color: rgba(245, 158, 11, 0.2);
    color: #725a03;
}
html.theme-earth-sky .overview-count.is-review {
    background-color: rgba(0, 123, 255, 0.15);
    color: #004a9c;
}
html.theme-earth-sky .overview-count.is-approved {
    background-color: rgba(34, 197, 94, 0.2);
    color: #1a5d38;
}
html.theme-earth-sky .overview-count.is-neutral {
    background-color: rgba(108, 117, 125, 0.15);
    color: #495057;
}

/* 4. Fix the "Overview" button color */
html.theme-earth-sky .footer-action[data-view-group="legend"] .codex-create-btn {
    background: #f39c12; /* High-contrast orange */
    color: #fff;
}
html.theme-earth-sky .footer-action[data-view-group="legend"] .codex-create-btn:hover {
    background: #e67e22; /* Darker orange */
}

/* ========================================================================
   SECTION: THE HUB NETWORK (Reddit-Style Overhaul)
   ======================================================================== */

/* --- Hub Module Base --- */
html.theme-earth-sky .hub-module {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-module h3 {
    color: #2C3E50;
}

/* --- Left Sidebar --- */
html.theme-earth-sky .hub-sidebar {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-sidebar-header {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .hub-sidebar-header h2 {
    color: #2C3E50;
}
html.theme-earth-sky .hub-sidebar-close {
    color: #5D6D7E;
}
html.theme-earth-sky .channel-nav-item {
    color: #5D6D7E;
    border-left-color: transparent;
}
html.theme-earth-sky .channel-nav-item:hover {
    background: rgba(0, 0, 0, 0.04);
    color: #2C3E50;
}
html.theme-earth-sky .channel-nav-item.active {
    background: rgba(0, 123, 255, 0.08);
    color: #007bff;
    border-left-color: #007bff;
}
html.theme-earth-sky .channel-icon {
    color: #007bff;
}
html.theme-earth-sky .channel-nav-count {
    color: rgba(0, 0, 0, 0.35);
}
html.theme-earth-sky .hub-sidebar-widget {
    border-top-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .hub-sidebar-widget h3 {
    color: #5D6D7E;
}
html.theme-earth-sky .hub-sidebar-widget li {
    color: #34495E;
}
html.theme-earth-sky .sidebar-loading,
html.theme-earth-sky .sidebar-error {
    color: #7f8c8d;
}
html.theme-earth-sky .hub-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
}

/* --- Sort Bar --- */
html.theme-earth-sky .hub-sort-bar {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-breadcrumb {
    color: #7f8c8d;
}
html.theme-earth-sky .breadcrumb-link {
    color: #007bff;
}
html.theme-earth-sky .breadcrumb-current {
    color: #2C3E50;
}
html.theme-earth-sky .sort-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .sort-btn:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .sort-btn.active {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
}

/* --- Create Post Prompt --- */
html.theme-earth-sky .hub-create-prompt {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .prompt-avatar {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .hub-create-prompt input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #34495E;
}
html.theme-earth-sky .hub-create-prompt input:hover {
    border-color: rgba(0, 0, 0, 0.25);
}
html.theme-earth-sky .hub-create-prompt input::placeholder {
    color: #7f8c8d;
}
html.theme-earth-sky .prompt-action-btn {
    border-color: rgba(0, 0, 0, 0.12);
    color: #5D6D7E;
}
html.theme-earth-sky .prompt-action-btn:hover {
    color: #007bff;
    border-color: #007bff;
}

/* --- Sidebar Toggle (Mobile) --- */
html.theme-earth-sky .hub-sidebar-toggle {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}

/* --- Post Card --- */
html.theme-earth-sky .hub-post-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-post-card:hover {
    border-color: rgba(0, 123, 255, 0.25);
}
html.theme-earth-sky .hub-post-card.is-pinned {
    border-color: rgba(40, 167, 69, 0.3);
}
html.theme-earth-sky .hub-post-card.is-pending {
    border-color: rgba(245, 158, 11, 0.3);
}

/* Vote Column */
html.theme-earth-sky .vote-column {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .vote-btn {
    color: rgba(0, 0, 0, 0.25);
}
html.theme-earth-sky .vote-btn:hover {
    background: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .vote-btn.upvote-btn:hover,
html.theme-earth-sky .vote-btn.upvote-btn.active {
    color: #ff6b35;
}
html.theme-earth-sky .vote-btn.downvote-btn:hover,
html.theme-earth-sky .vote-btn.downvote-btn.active {
    color: #007bff;
}
html.theme-earth-sky .vote-score {
    color: #2C3E50;
}
html.theme-earth-sky .vote-score.upvoted {
    color: #ff6b35;
}
html.theme-earth-sky .vote-score.downvoted {
    color: #007bff;
}

/* Post Content */
html.theme-earth-sky .post-meta {
    color: #7f8c8d;
}
html.theme-earth-sky .post-meta-author {
    color: #34495E;
}
html.theme-earth-sky .post-meta-dot {
    color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .post-channel-link {
    color: #007bff;
}
html.theme-earth-sky .pinned-badge {
    background: rgba(34, 197, 94, 0.15);
    color: #1a5d38;
}
html.theme-earth-sky .pending-badge {
    background: rgba(245, 158, 11, 0.15);
    color: #725a03;
}
html.theme-earth-sky .global-pinned-badge {
    background: rgba(217, 143, 0, 0.15);
    color: #7a5500;
}
html.theme-earth-sky .hub-post-card.is-global-announcement {
    border-left-color: #d98f00;
    background: rgba(217, 143, 0, 0.05);
    border-color: rgba(217, 143, 0, 0.25);
}
html.theme-earth-sky .hub-post-card.is-global-announcement:hover {
    border-color: rgba(217, 143, 0, 0.4);
}
html.theme-earth-sky .admin-tier-badge {
    font-weight: 700;
}
html.theme-earth-sky .tier-moderator {
    background: rgba(34, 197, 94, 0.15);
    color: #1a5d38;
}
html.theme-earth-sky .tier-senior-mod {
    background: rgba(0, 123, 255, 0.12);
    color: #004a99;
}
html.theme-earth-sky .tier-head-admin {
    background: rgba(217, 143, 0, 0.15);
    color: #7a5500;
}
html.theme-earth-sky .creator-badge {
    background: rgba(128, 0, 128, 0.12);
    color: #6b2e6b;
}
html.theme-earth-sky .sidebar-section-label {
    color: rgba(0, 0, 0, 0.35);
}
html.theme-earth-sky .official-channel-indicator {
    background: #d98f00;
}
html.theme-earth-sky .edited-tag {
    color: #7f8c8d;
}
html.theme-earth-sky .post-title {
    color: #2C3E50;
}
html.theme-earth-sky .post-title-link:hover .post-title {
    color: #007bff;
}
html.theme-earth-sky .spoiler-tag {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}
html.theme-earth-sky .post-body {
    color: #34495E;
}
html.theme-earth-sky .post-body pre {
    background: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .post-body code {
    background: rgba(0, 0, 0, 0.06);
    color: #c7254e;
}
html.theme-earth-sky .post-body blockquote {
    border-left-color: #007bff;
    color: #5D6D7E;
}
html.theme-earth-sky .post-body a {
    color: #007bff;
}

/* Post Link Preview */
html.theme-earth-sky .post-link-preview {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .post-link-url {
    color: #007bff;
}

/* Spoiler Overlay */
html.theme-earth-sky .spoiler-overlay {
    background: rgba(255, 255, 255, 0.7);
    color: #2C3E50;
}
html.theme-earth-sky .comment-spoiler {
    background: rgba(255, 255, 255, 0.6);
    color: #2C3E50;
}

/* Post Actions Bar */
html.theme-earth-sky .post-action {
    color: #7f8c8d;
}
html.theme-earth-sky .post-action:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .post-action.is-saved {
    color: #007bff;
}
html.theme-earth-sky .admin-action {
    color: rgba(245, 158, 11, 0.8);
}
html.theme-earth-sky .admin-action:hover {
    color: #e67e22;
    background: rgba(245, 158, 11, 0.08);
}
html.theme-earth-sky .delete-action:hover {
    color: #dc3545;
    background: rgba(220, 53, 69, 0.08);
}

/* --- Post Detail --- */
html.theme-earth-sky .back-to-feed-btn {
    border-color: rgba(0, 0, 0, 0.15);
    color: #5D6D7E;
}
html.theme-earth-sky .back-to-feed-btn:hover {
    border-color: #007bff;
    color: #007bff;
}
html.theme-earth-sky .back-to-feed-link {
    color: #007bff;
}

/* --- Comments --- */
html.theme-earth-sky .post-comments-section h3 {
    color: #2C3E50;
}
html.theme-earth-sky .comment-sort-label {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-sort-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-sort-btn:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .comment-sort-btn.active {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
}
html.theme-earth-sky .thread-line {
    background: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .thread-line:hover {
    background: #007bff;
}
html.theme-earth-sky .comment-author {
    color: #2C3E50;
}
html.theme-earth-sky .comment-author.is-removed {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-dot {
    color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .comment-time {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-edited {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-content {
    color: #34495E;
}
html.theme-earth-sky .removed-text {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-action {
    color: #7f8c8d;
}
html.theme-earth-sky .comment-action:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .continue-thread-link {
    color: #007bff;
}
html.theme-earth-sky .no-comments,
html.theme-earth-sky .comments-loading,
html.theme-earth-sky .comments-error {
    color: #7f8c8d;
}

/* Comment Forms */
html.theme-earth-sky .comment-textarea {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .comment-textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .comment-textarea::placeholder {
    color: #7f8c8d;
}
html.theme-earth-sky .spoiler-toggle-small {
    color: #5D6D7E;
}
html.theme-earth-sky .comment-cancel-btn {
    border-color: rgba(0, 0, 0, 0.15);
    color: #5D6D7E;
}
html.theme-earth-sky .comment-submit-btn {
    background: #007bff;
}
html.theme-earth-sky .comment-submit-btn:hover {
    background: #0056b3;
}
html.theme-earth-sky .comment-submit-btn:disabled {
    background: #bdc3c7;
    color: #7f8c8d;
}

/* Edit Comment */
html.theme-earth-sky .edit-comment-textarea {
    background: rgba(0, 0, 0, 0.04);
    border-color: #007bff;
    color: #2C3E50;
}
html.theme-earth-sky .edit-save-btn {
    background: #007bff;
}
html.theme-earth-sky .edit-cancel-btn {
    border-color: rgba(0, 0, 0, 0.15);
    color: #5D6D7E;
}

/* --- Create Post Form --- */
html.theme-earth-sky .hub-create-form {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-create-form h2 {
    color: #2C3E50;
}
html.theme-earth-sky .create-channel-select,
html.theme-earth-sky .create-title-input,
html.theme-earth-sky .create-link-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .create-channel-select option {
    background: #fff;
    color: #2C3E50;
}
html.theme-earth-sky .create-title-input:focus,
html.theme-earth-sky .create-link-input:focus,
html.theme-earth-sky .create-channel-select:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .char-count {
    color: #7f8c8d;
}

/* Type Tabs */
html.theme-earth-sky .create-type-tabs {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .type-tab {
    color: #7f8c8d;
}
html.theme-earth-sky .type-tab:hover {
    color: #2C3E50;
}
html.theme-earth-sky .type-tab.active {
    color: #007bff;
    border-bottom-color: #007bff;
}

/* Markdown Toolbar */
html.theme-earth-sky .markdown-toolbar {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .md-btn {
    color: #5D6D7E;
}
html.theme-earth-sky .md-btn:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}
html.theme-earth-sky .create-content-textarea {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .create-content-textarea:focus {
    border-color: #007bff;
}
html.theme-earth-sky .create-content-textarea::placeholder {
    color: #7f8c8d;
}

/* Image Upload */
html.theme-earth-sky .image-upload-area {
    border-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .image-upload-area:hover,
html.theme-earth-sky .image-upload-area.dragover {
    border-color: #007bff;
    background: rgba(0, 123, 255, 0.04);
}
html.theme-earth-sky .upload-placeholder {
    color: #7f8c8d;
}

/* Flair & Options */
html.theme-earth-sky .create-flair-select {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .create-flair-select option {
    background: #fff;
}
html.theme-earth-sky .spoiler-toggle {
    color: #5D6D7E;
}

/* Create Actions */
html.theme-earth-sky .create-actions {
    border-top-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .create-cancel-btn {
    border-color: rgba(0, 0, 0, 0.15);
    color: #5D6D7E;
}
html.theme-earth-sky .create-cancel-btn:hover {
    border-color: #2C3E50;
    color: #2C3E50;
}
html.theme-earth-sky .create-submit-btn {
    background: #007bff;
}
html.theme-earth-sky .create-submit-btn:hover {
    background: #0056b3;
}
html.theme-earth-sky .create-submit-btn:disabled {
    background: #bdc3c7;
    color: #7f8c8d;
}

/* --- Right Sidebar --- */
html.theme-earth-sky .hub-search-widget {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .search-input-wrapper {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .search-input-wrapper:focus-within {
    border-color: #007bff;
}
html.theme-earth-sky .search-input-wrapper svg {
    color: #7f8c8d;
}
html.theme-earth-sky .hub-search-input {
    color: #2C3E50;
}
html.theme-earth-sky .hub-search-input::placeholder {
    color: #7f8c8d;
}

/* Channel Info Card */
html.theme-earth-sky #channel-info-name {
    color: #2C3E50;
}
html.theme-earth-sky #channel-info-description {
    color: #5D6D7E;
}
html.theme-earth-sky .channel-stats .stat-value {
    color: #2C3E50;
}
html.theme-earth-sky .channel-stats .stat-label {
    color: #7f8c8d;
}
html.theme-earth-sky .subscribe-btn {
    background: #007bff;
}
html.theme-earth-sky .subscribe-btn:hover {
    background: #0056b3;
}
html.theme-earth-sky .subscribe-btn.is-subscribed {
    background: none;
    border-color: rgba(0, 0, 0, 0.2);
    color: #5D6D7E;
}
html.theme-earth-sky .subscribe-btn.is-subscribed:hover {
    border-color: #dc3545;
    color: #dc3545;
}

/* Channel Rules */
html.theme-earth-sky .channel-rules-list {
    color: #5D6D7E;
}

/* Popular Posts */
html.theme-earth-sky .popular-post-item {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .popular-post-item:hover {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .popular-rank {
    color: #007bff;
}
html.theme-earth-sky .popular-title {
    color: #2C3E50;
}
html.theme-earth-sky .popular-meta {
    color: #7f8c8d;
}
html.theme-earth-sky .widget-loading,
html.theme-earth-sky .widget-empty {
    color: #7f8c8d;
}

/* --- Load More & Empty States --- */
html.theme-earth-sky .load-more-btn {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.12);
    color: #007bff;
}
html.theme-earth-sky .load-more-btn:hover {
    background: rgba(0, 123, 255, 0.06);
    border-color: #007bff;
}
html.theme-earth-sky .load-more-btn:disabled {
    color: #bdc3c7;
}
html.theme-earth-sky .feed-loading-message,
html.theme-earth-sky .feed-empty-message {
    color: #7f8c8d;
}

/* --- Hub Scrollbars (Light) --- */
html.theme-earth-sky .hub-feed::-webkit-scrollbar-thumb,
html.theme-earth-sky .comments-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
}

/* --- Mobile Sidebar Drawer (Light) --- */
@media (max-width: 768px) {
    html.theme-earth-sky .hub-sidebar {
        border-right-color: rgba(0, 0, 0, 0.1);
    }
}

/* --- Sidebar Operations Section --- */
html.theme-earth-sky .sidebar-section-divider {
    background: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .sidebar-section-header {
    color: #7f8c8d;
}
html.theme-earth-sky .sidebar-section-action {
    color: #7f8c8d;
}
html.theme-earth-sky .sidebar-section-action:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #007bff;
}
html.theme-earth-sky .sidebar-show-all {
    color: #7f8c8d;
}
html.theme-earth-sky .sidebar-show-all:hover {
    color: #007bff;
}
html.theme-earth-sky .discover-link {
    color: #007bff;
}

/* --- Hub Home: Discover Channels bar --- */
html.theme-earth-sky .channel-notice-bar {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .channel-notice-bar-title {
    color: #5D6D7E;
}
html.theme-earth-sky .channel-notice-slider-viewport {
    border-radius: 10px;
}
html.theme-earth-sky .channel-notice-card {
    background: rgba(255, 255, 255, 0.9);
}
html.theme-earth-sky .channel-notice-card:hover {
    background: rgba(255, 255, 255, 1);
}
html.theme-earth-sky .notice-card-name {
    color: #2C3E50;
}
html.theme-earth-sky .notice-card-members {
    color: #7f8c8d;
}

/* Discover bar join button */
html.theme-earth-sky .notice-card-join-btn {
    border-color: rgba(0, 123, 255, 0.5);
    color: #007bff;
    background: rgba(0, 123, 255, 0.04);
}
html.theme-earth-sky .notice-card-join-btn:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}
html.theme-earth-sky .notice-card-join-btn.joined {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
    border-color: rgba(0, 123, 255, 0.5);
}

/* --- Cell view (Nexus Cells) --- */
/* Separator between feed and chat */
html.theme-earth-sky .cell-separator-line {
    background: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-separator-label {
    color: #7f8c8d;
}

/* Cell header bar */
html.theme-earth-sky .cell-header-bar {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
    border-left-color: #007bff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .cell-header-identity {
    border-right-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .cell-header-name {
    color: #2C3E50;
}
html.theme-earth-sky .cell-header-desc {
    color: #5D6D7E;
}
html.theme-earth-sky .cell-header-stat .material-symbols-outlined {
    color: rgba(0, 0, 0, 0.35);
}
html.theme-earth-sky .cell-header-stat-value {
    color: #2C3E50;
}
html.theme-earth-sky .cell-header-founder {
    color: #5D6D7E;
}
html.theme-earth-sky .cell-header-stat-label {
    color: rgba(0, 0, 0, 0.45);
}
html.theme-earth-sky .cell-header-stat-divider {
    background: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-header-actions {
    border-left-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .cell-header-join-btn {
    background: rgba(0, 123, 255, 0.08);
    border-color: rgba(0, 123, 255, 0.4);
    color: #007bff;
}
html.theme-earth-sky .cell-header-join-btn:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
    box-shadow: 0 0 14px rgba(0, 123, 255, 0.35);
}
html.theme-earth-sky .cell-header-join-btn.is-joined {
    background: rgba(0, 123, 255, 0.06);
    border-color: rgba(0, 123, 255, 0.4);
    color: #007bff;
}

/* Cell post composer */
html.theme-earth-sky .cell-post-composer {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-composer-placeholder {
    color: #7f8c8d;
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-composer-placeholder:hover {
    border-color: rgba(0, 123, 255, 0.4);
}
html.theme-earth-sky .cell-composer-type-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .cell-composer-type-btn:hover {
    background: rgba(0, 123, 255, 0.08);
    color: #007bff;
}
html.theme-earth-sky .cell-composer-tabs {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .cell-composer-tab {
    border-color: rgba(0, 0, 0, 0.08);
    color: #7f8c8d;
}
html.theme-earth-sky .cell-composer-tab.active,
html.theme-earth-sky .cell-composer-tab:hover {
    background: rgba(0, 123, 255, 0.08);
    border-color: rgba(0, 123, 255, 0.4);
    color: #007bff;
}
html.theme-earth-sky .cell-post-title-input,
html.theme-earth-sky .cell-post-content-textarea {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .cell-post-title-input::placeholder,
html.theme-earth-sky .cell-post-content-textarea::placeholder {
    color: rgba(0, 0, 0, 0.35);
}

/* Chatter module (generic right chat column) */
html.theme-earth-sky .chatter-module {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .chatter-window {
    background: rgba(0, 0, 0, 0.02);
}
html.theme-earth-sky .chatter-message:hover {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .chatter-message-placeholder {
    color: #7f8c8d;
}

html.theme-earth-sky .chatter-input-area {
    border-top-color: rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
}
html.theme-earth-sky .chatter-input-wrapper {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky #chatter-textarea {
    color: #2C3E50;
}
html.theme-earth-sky #chatter-textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

/* Chat message text */
html.theme-earth-sky .chatter-author-name {
    color: #2C3E50 !important; /* override inline authorChatColor on light background */
}
html.theme-earth-sky #cell-chat-sidebar .chatter-author-name {
    color: #2C3E50 !important;
}
html.theme-earth-sky .chatter-timestamp {
    color: #7f8c8d;
}
html.theme-earth-sky .chatter-message-body {
    color: #34495E;
}
html.theme-earth-sky .typing-indicator {
    color: #7f8c8d;
}

/* Cell feed post cards */
html.theme-earth-sky .cell-post-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-post-card-author {
    color: #2C3E50;
}
html.theme-earth-sky .cell-post-card-time {
    color: #7f8c8d;
}
html.theme-earth-sky .cell-post-type-badge {
    color: #7f8c8d;
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-post-card-title {
    color: #2C3E50;
}
html.theme-earth-sky .cell-post-card-body {
    color: #34495E;
}
html.theme-earth-sky .cell-post-card-image-container {
    background: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .cell-post-card-link {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}

/* Cell post skeletons */
html.theme-earth-sky .cell-post-skeleton {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.06);
}

/* Cell chat sidebar (live cell chat on right) */
html.theme-earth-sky #cell-chat-sidebar {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .cell-chat-sidebar-header {
    background: rgba(255, 255, 255, 0.98);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .cell-chat-sidebar-title {
    color: #2C3E50 !important;
}
html.theme-earth-sky .cell-chat-sidebar-title .material-symbols-outlined {
    color: #2C3E50;
}
html.theme-earth-sky .cell-chat-online-count {
    color: #7f8c8d;
}
html.theme-earth-sky .cell-chat-window {
    background: rgba(0, 0, 0, 0.02);
}
html.theme-earth-sky .cell-chat-input-area {
    background: rgba(0, 0, 0, 0.02);
    border-top-color: rgba(0, 0, 0, 0.06);
}

/* --- Operation Banner --- */
html.theme-earth-sky .hub-operation-banner {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .op-banner-overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
}
html.theme-earth-sky .op-banner-name {
    color: #2C3E50;
}
html.theme-earth-sky .op-banner-description {
    color: #5D6D7E;
}
html.theme-earth-sky .op-banner-stats {
    color: #7f8c8d;
}
html.theme-earth-sky .op-subscribe-btn[data-subscribed="false"] {
    background: #007bff;
}
html.theme-earth-sky .op-subscribe-btn[data-subscribed="false"]:hover {
    background: #0056b3;
}
html.theme-earth-sky .op-subscribe-btn[data-subscribed="true"] {
    border-color: rgba(0, 0, 0, 0.2);
    color: #5D6D7E;
}
html.theme-earth-sky .op-subscribe-btn[data-subscribed="true"]:hover {
    border-color: #dc3545;
    color: #dc3545;
}
html.theme-earth-sky .op-mod-btn,
html.theme-earth-sky .op-settings-btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.12);
    color: #5D6D7E;
}
html.theme-earth-sky .op-mod-btn:hover,
html.theme-earth-sky .op-settings-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.2);
    color: #2C3E50;
}

/* --- Video Posts --- */
html.theme-earth-sky .video-play-overlay {
    background: rgba(0, 0, 0, 0.25);
}
html.theme-earth-sky .video-provider-badge {
    background: rgba(0, 0, 0, 0.6);
}
html.theme-earth-sky .video-url-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .video-url-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .type-badge-video {
    background: rgba(255, 0, 0, 0.1);
    color: #dc3545;
}
html.theme-earth-sky .type-badge-event {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
}
html.theme-earth-sky .post-operation-link {
    color: #e67e22;
}

/* --- Event Cards --- */
html.theme-earth-sky .event-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .event-card:hover {
    border-color: rgba(0, 123, 255, 0.25);
}
html.theme-earth-sky .event-card-date-col {
    background: rgba(0, 123, 255, 0.08);
}
html.theme-earth-sky .event-card-month {
    color: #007bff;
}
html.theme-earth-sky .event-card-day {
    color: #2C3E50;
}
html.theme-earth-sky .event-card-year {
    color: #7f8c8d;
}
html.theme-earth-sky .event-card-title {
    color: #2C3E50;
}
html.theme-earth-sky .event-card-description {
    color: #5D6D7E;
}
html.theme-earth-sky .event-card-time {
    color: #7f8c8d;
}
html.theme-earth-sky .event-recurrence {
    background: rgba(0, 0, 0, 0.05);
    color: #7f8c8d;
}
html.theme-earth-sky .event-rsvp-count {
    color: #7f8c8d;
}
html.theme-earth-sky .event-rsvp-btn {
    background: #007bff;
}
html.theme-earth-sky .event-rsvp-btn:hover {
    background: #0056b3;
}
html.theme-earth-sky .event-rsvp-btn.rsvped {
    border-color: rgba(0, 0, 0, 0.2);
    color: #5D6D7E;
}
html.theme-earth-sky .event-cancel-btn {
    border-color: rgba(220, 53, 69, 0.3);
    color: rgba(220, 53, 69, 0.6);
}
html.theme-earth-sky .event-cancel-btn:hover {
    border-color: #dc3545;
    color: #dc3545;
}

/* Event status badges (light) */
html.theme-earth-sky .event-status-upcoming {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
}
html.theme-earth-sky .event-status-live {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}
html.theme-earth-sky .event-status-ended {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}
html.theme-earth-sky .event-status-cancelled {
    background: rgba(245, 158, 11, 0.1);
    color: #e67e22;
}

/* Post-inline event card */
html.theme-earth-sky .post-event-card {
    background: rgba(0, 123, 255, 0.05);
    border-color: rgba(0, 123, 255, 0.12);
}
html.theme-earth-sky .post-event-date .event-date-month {
    color: #007bff;
}
html.theme-earth-sky .post-event-date .event-date-day {
    color: #2C3E50;
}
html.theme-earth-sky .post-event-info {
    color: #7f8c8d;
}
html.theme-earth-sky .post-event-time {
    color: #34495E;
}

/* Events widget (right sidebar) */
html.theme-earth-sky .event-widget-item {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .event-widget-date .event-date-month {
    color: #007bff;
}
html.theme-earth-sky .event-widget-date .event-date-day {
    color: #2C3E50;
}
html.theme-earth-sky .event-widget-title {
    color: #2C3E50;
}
html.theme-earth-sky .event-widget-time {
    color: #7f8c8d;
}
html.theme-earth-sky .event-widget-rsvp {
    color: #7f8c8d;
}

/* Mini calendar */
html.theme-earth-sky .mini-cal-header {
    color: #2C3E50;
}
html.theme-earth-sky .mini-cal-day-label {
    color: #7f8c8d;
}
html.theme-earth-sky .mini-cal-day {
    color: #34495E;
}
html.theme-earth-sky .mini-cal-day.today {
    background: rgba(0, 123, 255, 0.12);
    color: #007bff;
}
html.theme-earth-sky .mini-cal-day.has-event::after {
    background: #e67e22;
}

/* --- Moderation Panel --- */
html.theme-earth-sky .hub-mod-tools {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .mod-tools-header h2 {
    color: #2C3E50;
}
html.theme-earth-sky .mod-tab-bar {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .mod-tab-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .mod-tab-btn:hover {
    color: #2C3E50;
}
html.theme-earth-sky .mod-tab-btn.active {
    color: #007bff;
    border-bottom-color: #007bff;
}
html.theme-earth-sky .mod-queue-item {
    background: rgba(0, 0, 0, 0.04);
}
html.theme-earth-sky .mod-queue-title {
    color: #2C3E50;
}
html.theme-earth-sky .mod-queue-meta {
    color: #7f8c8d;
}
html.theme-earth-sky .mod-approve-btn {
    background: rgba(34, 197, 94, 0.12);
    color: #1a5d38;
}
html.theme-earth-sky .mod-delete-btn {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}
html.theme-earth-sky .banned-user-item {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .banned-user-info {
    color: #2C3E50;
}
html.theme-earth-sky .banned-user-reason {
    color: #7f8c8d;
}
html.theme-earth-sky .mod-list-item {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .mod-list-name {
    color: #2C3E50;
}
html.theme-earth-sky .mod-add-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .mod-add-btn {
    background: #007bff;
}
html.theme-earth-sky .mod-log-table th {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .mod-log-table td {
    border-bottom-color: rgba(0, 0, 0, 0.06);
    color: #34495E;
}

/* Mod modal */
html.theme-earth-sky .mod-modal-overlay {
    background: rgba(255, 255, 255, 0.5);
}
html.theme-earth-sky .mod-modal {
    background: #fdfdfd;
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .mod-modal h3 {
    color: #2C3E50;
}
html.theme-earth-sky .mod-modal-field label {
    color: #5D6D7E;
}
html.theme-earth-sky .mod-modal-input,
html.theme-earth-sky .mod-modal-textarea {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .mod-modal-input:focus,
html.theme-earth-sky .mod-modal-textarea:focus {
    border-color: #007bff;
}
html.theme-earth-sky .toggle-label {
    color: #34495E;
}

/* --- Discover Operations --- */
html.theme-earth-sky .discover-search-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .discover-op-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .discover-op-card:hover {
    border-color: rgba(0, 123, 255, 0.3);
}
html.theme-earth-sky .discover-op-banner {
    background-color: rgba(0, 123, 255, 0.08);
}
html.theme-earth-sky .discover-op-name {
    color: #2C3E50;
}
html.theme-earth-sky .discover-op-desc {
    color: #5D6D7E;
}
html.theme-earth-sky .discover-op-stats {
    color: #7f8c8d;
}

/* --- Create Operation Form --- */
html.theme-earth-sky .hub-create-operation {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .hub-create-operation h2 {
    color: #2C3E50;
}
html.theme-earth-sky .create-op-field label {
    color: #34495E;
}
html.theme-earth-sky .create-op-select,
html.theme-earth-sky .create-op-textarea,
html.theme-earth-sky .create-op-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .create-op-select option {
    background: #fff;
    color: #2C3E50;
}
html.theme-earth-sky .add-rule-btn {
    background: rgba(0, 123, 255, 0.1);
    color: #007bff;
}
html.theme-earth-sky .add-rule-btn:hover {
    background: rgba(0, 123, 255, 0.18);
}
html.theme-earth-sky .rule-number {
    color: #7f8c8d;
}
html.theme-earth-sky .rule-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .rule-remove {
    color: rgba(220, 53, 69, 0.5);
}
html.theme-earth-sky .rule-remove:hover {
    color: #dc3545;
}
html.theme-earth-sky .create-op-toggle {
    color: #34495E;
}
html.theme-earth-sky .create-op-actions {
    border-top-color: rgba(0, 0, 0, 0.1);
}

/* --- Empty/Error States --- */
html.theme-earth-sky .empty-state {
    color: #7f8c8d;
}
html.theme-earth-sky .error-state {
    color: #dc3545;
}

/* ============================================================
   LIGHT THEME — Homepage, Sidebar Enhancements, Animations
   ============================================================ */

/* --- Homepage Hero --- */
html.theme-earth-sky .homepage-hero {
    background: linear-gradient(135deg, #e8f4fd 0%, #d6eaf8 40%, #aed6f1 100%);
}
html.theme-earth-sky .hero-particle {
    background: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .hero-title {
    color: #2C3E50;
}
html.theme-earth-sky .hero-subtitle {
    color: #5D6D7E;
}
html.theme-earth-sky .hero-stat-number {
    color: #007bff;
}
html.theme-earth-sky .hero-stat-label {
    color: #7f8c8d;
}
html.theme-earth-sky .homepage-search-input {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 123, 255, 0.25);
    color: #2C3E50;
}
html.theme-earth-sky .homepage-search-input::placeholder {
    color: #95a5a6;
}
html.theme-earth-sky .homepage-search-input:focus {
    background: #fff;
    border-color: #007bff;
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.1);
}
html.theme-earth-sky .homepage-search-icon {
    color: #95a5a6;
}

/* --- Section Headers --- */
html.theme-earth-sky .homepage-section-title {
    color: #2C3E50;
}
html.theme-earth-sky .homepage-section-title svg {
    color: #007bff;
}
html.theme-earth-sky .homepage-section-link {
    color: #007bff;
}
html.theme-earth-sky .homepage-section-link:hover {
    color: #0056b3;
}

/* --- Trending Operations Carousel --- */
html.theme-earth-sky .trending-ops-carousel {
    scrollbar-color: rgba(0, 123, 255, 0.2) transparent;
}
html.theme-earth-sky .trending-ops-carousel::-webkit-scrollbar-thumb {
    background: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .trending-op-card {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .trending-op-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .trending-op-banner {
    background-color: rgba(0, 123, 255, 0.08);
}
html.theme-earth-sky .trending-op-name {
    color: #2C3E50;
}
html.theme-earth-sky .trending-op-meta {
    color: #7f8c8d;
}
html.theme-earth-sky .carousel-empty {
    color: #95a5a6;
}

/* --- Channel Tiles --- */
html.theme-earth-sky .channel-tile {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
html.theme-earth-sky .channel-tile:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 123, 255, 0.3);
}
html.theme-earth-sky .channel-tile-icon {
    background: rgba(0, 123, 255, 0.08);
    color: #007bff;
}
html.theme-earth-sky .channel-tile:hover .channel-tile-icon {
    background: rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .channel-tile-name {
    color: #2C3E50;
}
html.theme-earth-sky .channel-tile-desc {
    color: #7f8c8d;
}
html.theme-earth-sky .channel-tile-stat {
    color: rgba(0, 123, 255, 0.6);
}

/* --- Homepage Feed Header --- */
html.theme-earth-sky .homepage-feed-header h2 {
    color: #2C3E50;
}
html.theme-earth-sky .homepage-feed-header svg {
    color: #007bff;
}

/* --- Sidebar Enhancements --- */
html.theme-earth-sky .channel-activity-badge {
    background: #007bff;
}
html.theme-earth-sky .channel-activity-dot {
    border-color: #f5f7fa;
}
html.theme-earth-sky .channel-nav-item.active::before {
    background: linear-gradient(180deg, #007bff, #4dabf7);
}
html.theme-earth-sky .sidebar-ops-toggle:hover {
    color: #007bff;
}

/* --- Post Card Enhancements --- */
html.theme-earth-sky .hub-post-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .post-title-link:hover .post-title {
    color: #007bff;
}

/* --- Skeleton Shimmer (Light) --- */
html.theme-earth-sky .skeleton-block {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.07) 50%, rgba(0, 0, 0, 0.04) 75%);
    background-size: 200% 100%;
    animation: skeletonShimmer 1.5s infinite;
}

/* --- Micro-Interactions (Light) --- */
html.theme-earth-sky .hub-create-prompt:hover {
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.08);
    border-color: rgba(0, 123, 255, 0.25);
}
html.theme-earth-sky .hub-module:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .load-more-btn:hover {
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.12);
}

/* --- Focus Outlines (Light) --- */
html.theme-earth-sky .channel-nav-item:focus-visible,
html.theme-earth-sky .sort-btn:focus-visible,
html.theme-earth-sky .post-action:focus-visible,
html.theme-earth-sky .subscribe-btn:focus-visible,
html.theme-earth-sky .trending-op-card:focus-visible,
html.theme-earth-sky .channel-tile:focus-visible {
    outline-color: #007bff;
}

/* ========================================================================
   SECTION: COMPREHENSIVE EARTH SKY EXPANSION (V11)
   All missing overrides for full site-wide coverage
   ======================================================================== */

/* ========================================================================
   11.1 — LOGIN & AUTHENTICATION PAGES
   ======================================================================== */

html.theme-earth-sky .form-field label {
    color: #5D6D7E;
}
html.theme-earth-sky .form-field input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.2);
    color: #2C3E50;
}
html.theme-earth-sky .form-field input:focus {
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
    color: #2C3E50;
}
html.theme-earth-sky .form-field input::placeholder {
    color: #95a5a6;
}
html.theme-earth-sky #login-media-showcase {
    background-color: #d6eaf8;
}
html.theme-earth-sky .login-media-text h2 {
    color: #2C3E50;
}
html.theme-earth-sky .login-media-text p {
    color: #5D6D7E;
}
html.theme-earth-sky #login-form-wrapper h3 {
    color: #2C3E50;
}
html.theme-earth-sky .form-toggle-text {
    color: #5D6D7E;
}
html.theme-earth-sky .form-toggle-text a {
    color: #007bff;
}
html.theme-earth-sky .account-form button[type="submit"] {
    background: #007bff;
    color: #fff;
}
html.theme-earth-sky .account-form button[type="submit"]:hover {
    background: #0056b3;
}
html.theme-earth-sky .system-alert {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.3);
    color: #c0392b;
}

/* ========================================================================
   11.2 — NOTIFICATION CENTER
   ======================================================================== */

html.theme-earth-sky #notification-bell-button {
    color: #5D6D7E;
}
html.theme-earth-sky #notification-bell-button:hover,
html.theme-earth-sky #notification-bell-button[aria-expanded="true"] {
    background-color: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}
html.theme-earth-sky .unread-badge {
    border-color: #fff;
}
html.theme-earth-sky .notification-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .panel-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .panel-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .notification-item {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .notification-item:hover {
    background-color: rgba(0, 123, 255, 0.05);
}
html.theme-earth-sky .notification-item::before {
    background-color: #007bff;
}
html.theme-earth-sky .notification-content p {
    color: #2C3E50;
}
html.theme-earth-sky .notification-item.is-read .notification-content p {
    color: #7f8c8d;
}
html.theme-earth-sky .notification-content .timestamp {
    color: #95a5a6;
}
html.theme-earth-sky .empty-state {
    color: #95a5a6;
}

/* ========================================================================
   11.3 — GLOBAL UI: TOOLTIPS, 2FA MODAL, PASSKEYS
   ======================================================================== */

html.theme-earth-sky .info-tooltip {
    color: rgba(0, 0, 0, 0.35);
}
html.theme-earth-sky .info-tooltip:hover {
    color: #007bff;
}
html.theme-earth-sky .info-tooltip::after {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .passkey-device-item {
    color: #2C3E50;
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .custom-modal-content.tfa-modern-theme,
html.theme-earth-sky .pin-modal-container.tfa-modern-theme {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
    color: #2C3E50;
}
html.theme-earth-sky .tfa-modal-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .tfa-modal-header p {
    color: #5D6D7E;
}
html.theme-earth-sky .tfa-back-btn {
    color: #7f8c8d;
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .tfa-back-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #2C3E50;
}
html.theme-earth-sky .tfa-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .tfa-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.15);
    background: #fff;
}
html.theme-earth-sky .tfa-verify-btn {
    background: #007bff;
    color: #fff;
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .tfa-verify-btn:hover {
    box-shadow: 0 8px 26px rgba(0, 123, 255, 0.3);
}
html.theme-earth-sky .tfa-verify-btn:disabled {
    background: #bdc3c7;
    color: #7f8c8d;
}

/* ========================================================================
   11.4 — STORY READER
   ======================================================================== */

html.theme-earth-sky .story-reader-container {
    color: #34495E;
}
html.theme-earth-sky .story-reader-title {
    color: #2C3E50;
}
html.theme-earth-sky .story-arc-link {
    color: #007bff;
    border-color: #007bff;
}
html.theme-earth-sky .story-arc-link:hover {
    background-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .story-reader-content {
    color: #34495E;
}
html.theme-earth-sky .story-reader-content img {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .highlighted-word {
    background-color: rgba(0, 123, 255, 0.12);
    color: #0056b3;
}
html.theme-earth-sky .chapter-image-gallery {
    border-top-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .chapter-image-gallery h3 {
    color: #5D6D7E;
}
html.theme-earth-sky .chapter-navigation {
    border-top-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .chapter-navigation a {
    border-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .chapter-navigation a:hover {
    background-color: rgba(0, 123, 255, 0.06);
    border-color: #007bff;
}
html.theme-earth-sky .chapter-navigation .nav-label {
    color: #7f8c8d;
}
html.theme-earth-sky .chapter-navigation .nav-title {
    color: #2C3E50;
}
html.theme-earth-sky .layout-image-wrapper figcaption {
    color: #7f8c8d;
}

/* Reader blocks */
html.theme-earth-sky .reader-image img {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .reader-image figcaption {
    color: #7f8c8d;
}
html.theme-earth-sky blockquote {
    border-left-color: #007bff;
    color: #5D6D7E;
}
html.theme-earth-sky blockquote footer {
    color: #7f8c8d;
}
html.theme-earth-sky .reader-log-entry {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .log-timestamp {
    color: #e67e22;
}
html.theme-earth-sky .log-text {
    color: #34495E;
}
html.theme-earth-sky .reader-codex-link {
    background-color: rgba(0, 123, 255, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .reader-codex-link:hover {
    background-color: rgba(0, 123, 255, 0.08);
    border-color: #007bff;
}
html.theme-earth-sky .reader-codex-link h4 {
    color: #007bff;
}
html.theme-earth-sky .reader-codex-link p {
    color: #5D6D7E;
}
html.theme-earth-sky .reader-spacer {
    color: rgba(0, 0, 0, 0.25);
}
html.theme-earth-sky .story-reader-footer {
    border-top-color: rgba(0, 0, 0, 0.1);
}

/* ========================================================================
   11.5 — STORY HUB & LANDING PAGES
   ======================================================================== */

html.theme-earth-sky .hub-section-header {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .skeleton-story-card {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.03) 75%);
    background-size: 200% 100%;
}
html.theme-earth-sky .story-card-overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 20%, transparent 100%);
}
html.theme-earth-sky .story-card-title {
    color: #2C3E50;
}
html.theme-earth-sky .story-card-author {
    color: #5D6D7E;
}
html.theme-earth-sky .coming-soon-card {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .coming-soon-cover {
    background-color: #d6eaf8;
}
html.theme-earth-sky .coming-soon-details h4 {
    color: #2C3E50;
}
html.theme-earth-sky .coming-soon-details p {
    color: #5D6D7E;
}
html.theme-earth-sky .coming-soon-details .release-date {
    color: #27AE60;
}

/* Story landing hero — light gradient overlay */
html.theme-earth-sky .story-hero-overlay {
    background: linear-gradient(to top, rgba(234, 245, 249, 0.95) 10%, rgba(234, 245, 249, 0.5) 50%, transparent 100%);
}
html.theme-earth-sky .story-hero-title {
    color: #2C3E50;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
}
html.theme-earth-sky .story-hero-meta {
    color: #5D6D7E;
}
html.theme-earth-sky .story-hero-summary-preview {
    color: #5D6D7E;
}
html.theme-earth-sky .interaction-btn {
    color: #5D6D7E;
}
html.theme-earth-sky .interaction-btn:hover {
    background-color: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}
html.theme-earth-sky .interaction-btn.is-active {
    background-color: #007bff;
    color: #fff;
}

/* Carousel Nav */
html.theme-earth-sky .carousel-nav-btn {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.12);
    color: #34495E;
}
html.theme-earth-sky .carousel-nav-btn:hover {
    background-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .story-card {
    background-color: #e8f0f8;
}
html.theme-earth-sky .story-card--no-image {
    background: linear-gradient(45deg, #d6eaf8, #e8f4fd);
}
html.theme-earth-sky .story-card-hover-info {
    background-color: rgba(255, 255, 255, 0.9);
}
html.theme-earth-sky .story-card-synopsis {
    color: #5D6D7E;
}

/* Chapter grid items */
html.theme-earth-sky .chapter-grid-item {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .chapter-grid-item:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 123, 255, 0.4);
}
html.theme-earth-sky .chapter-grid-item.is-last-read {
    border-color: #007bff;
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .chapter-item-number-badge {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .chapter-item-title-wrapper {
    background: #f4f6f7;
}
html.theme-earth-sky .chapter-item-title {
    color: #2C3E50;
}
html.theme-earth-sky .chapter-item-publish-date {
    color: #7f8c8d;
}
html.theme-earth-sky .chapter-item-preview {
    color: #5D6D7E;
}
html.theme-earth-sky .chapter-item-right-panel {
    color: #34495E;
}
html.theme-earth-sky .chapter-item-meta-footer {
    background: #f8f9fa;
    border-top-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .meta-item {
    color: #7f8c8d;
}
html.theme-earth-sky .read-now-btn {
    color: #007bff;
    border-color: #007bff;
}
html.theme-earth-sky .read-now-btn:hover {
    background-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .add-to-list-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .add-to-list-btn:hover {
    background-color: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}

/* Pagination */
html.theme-earth-sky .pagination-dot {
    background-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .pagination-dot:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
html.theme-earth-sky .pagination-dot.is-active {
    background-color: #007bff;
}

/* Section headings */
html.theme-earth-sky .story-content-section > h3::before {
    background-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .story-content-section > h3 span {
    color: #5D6D7E;
}

/* Coming soon chapter card */
html.theme-earth-sky .chapter-grid-item--coming-soon {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .chapter-grid-item--coming-soon:hover {
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.1);
    border-color: rgba(0, 123, 255, 0.4);
}
html.theme-earth-sky .coming-soon-content {
    color: #7f8c8d;
}
html.theme-earth-sky .coming-soon-content h4 {
    color: #2C3E50;
}
html.theme-earth-sky .no-chapters-placeholder {
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .no-chapters-placeholder h4 {
    color: #2C3E50;
}
html.theme-earth-sky .no-chapters-placeholder p {
    color: #5D6D7E;
}
html.theme-earth-sky .chapter-grid-item--placeholder {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.02);
}

/* ========================================================================
   11.6 — ACCOUNT HUB DASHBOARD
   ======================================================================== */

html.theme-earth-sky .account-hub-header h1 {
    color: #2C3E50;
}
html.theme-earth-sky .account-hub-header p {
    color: #5D6D7E;
}
html.theme-earth-sky .hub-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .hub-card:hover {
    border-color: rgba(0, 123, 255, 0.3);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card .card-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card .card-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .hub-card .card-header svg {
    color: #007bff;
}
html.theme-earth-sky .hub-card .card-intro-text {
    color: #5D6D7E;
}
html.theme-earth-sky .hub-card .card-footer {
    background: rgba(0, 0, 0, 0.03);
    border-top-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card-button.secondary {
    color: #5D6D7E;
    border-color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .hub-card-button.secondary:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
    border-color: rgba(0, 0, 0, 0.3);
}
/* Primary buttons: same vibrant blue as "Open Full Log" (Edit Profile, Manage Security, etc.) */
html.theme-earth-sky .hub-card-button.primary {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
html.theme-earth-sky .hub-card-button.primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.25);
}

/* Profile card */
html.theme-earth-sky .profile-card-avatar {
    border-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .profile-status-dot {
    border-color: #f0f4f8;
}
html.theme-earth-sky .profile-card-info h4 {
    color: #2C3E50;
}
html.theme-earth-sky .profile-card-info span {
    color: #5D6D7E;
}
html.theme-earth-sky #hub-profile-id {
    color: #007bff;
}

/* Security card */
html.theme-earth-sky .security-score-placeholder span {
    color: #27AE60;
}
html.theme-earth-sky .security-score-placeholder p {
    color: #5D6D7E;
}
html.theme-earth-sky .security-checklist li {
    border-bottom-color: rgba(0, 0, 0, 0.06);
    color: #5D6D7E;
}
html.theme-earth-sky .security-checklist li::after {
    color: #2C3E50;
}
html.theme-earth-sky .security-score-text {
    color: #7f8c8d;
}
html.theme-earth-sky .security-hero-icon {
    color: #2C3E50;
}
html.theme-earth-sky .sec-module {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .sec-module:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .sec-module-icon {
    background: rgba(0, 0, 0, 0.04);
    color: #7f8c8d;
}
html.theme-earth-sky .sec-module-label {
    color: #7f8c8d;
}
html.theme-earth-sky .sec-module-status {
    color: #2C3E50;
}
html.theme-earth-sky .sec-module.is-active {
    background: rgba(0, 123, 255, 0.06);
    border-color: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .sec-module.is-active .sec-module-icon {
    background: #007bff;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.35);
}

/* Identity & dossier cards */
html.theme-earth-sky .identity-checklist li {
    color: #5D6D7E;
}
html.theme-earth-sky .identity-checklist li strong {
    color: #2C3E50;
}
html.theme-earth-sky .bio-preview-title {
    color: #95a5a6;
}
html.theme-earth-sky .bio-preview-text {
    color: #5D6D7E;
}
html.theme-earth-sky .dossier-checklist li {
    color: #5D6D7E;
}
html.theme-earth-sky .dossier-checklist li strong {
    color: #2C3E50;
}
html.theme-earth-sky .dossier-disclaimer {
    color: #95a5a6;
}

/* Auxiliary access links */
html.theme-earth-sky .hub-aux-link {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .hub-aux-link:hover {
    background: rgba(0, 123, 255, 0.06);
    border-color: #007bff;
    color: #007bff;
}

/* Placeholder cards */
html.theme-earth-sky .hub-card-placeholder svg {
    color: rgba(0, 0, 0, 0.2);
}
html.theme-earth-sky .hub-card-placeholder h3 {
    color: #7f8c8d;
}
html.theme-earth-sky .hub-card-placeholder p {
    color: #95a5a6;
}

/* ========================================================================
   11.6b — ACTIVITY LOG CARD (Hub dashboard widget — sky theme)
   Overrides dark card so it matches Operative Profile / Security Hub.
   ======================================================================== */

/* Card container: light background like other hub cards */
html.theme-earth-sky .hub-card-activity {
    background: rgba(255, 255, 255, 0.85) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
html.theme-earth-sky .hub-card-activity::before {
    background: radial-gradient(circle, rgba(0, 123, 255, 0.06) 0%, transparent 70%);
}
html.theme-earth-sky .hub-card-activity:hover {
    border-color: rgba(0, 123, 255, 0.3) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
}

/* Card header */
html.theme-earth-sky #card-activity-log .card-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card-activity .activity-card-header-icon {
    background: rgba(0, 123, 255, 0.1);
    border-color: rgba(0, 123, 255, 0.25);
    color: #007bff;
}
html.theme-earth-sky .hub-card-activity .card-header svg {
    color: #007bff;
}
html.theme-earth-sky .hub-card-activity .activity-summary-header h3 {
    color: #2C3E50;
}

/* Mini stats row (TOTAL, LIKES, READING, COMMENTS, POSTS) — vibrant per-stat colors */
html.theme-earth-sky .activity-mini-stats {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat {
    border-right-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat:hover {
    background: color-mix(in srgb, var(--mc, #007bff) 12%, transparent);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat .material-symbols-outlined {
    color: var(--mc, #007bff);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat strong {
    color: #2C3E50;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-icon-wrap {
    background: color-mix(in srgb, var(--mc, #007bff) 18%, transparent);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-icon-wrap .material-symbols-outlined {
    color: var(--mc, #007bff);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat:hover .mini-stat-icon-wrap {
    background: color-mix(in srgb, var(--mc, #007bff) 28%, transparent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--mc, #007bff) 25%, transparent);
}
/* Active stat: vibrant tint and accent line */
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active {
    background: color-mix(in srgb, var(--mc, #007bff) 22%, rgba(255,255,255,0.5));
    border-color: color-mix(in srgb, var(--mc, #007bff) 45%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mc, #007bff) 25%, transparent),
                0 4px 16px color-mix(in srgb, var(--mc, #007bff) 15%, transparent);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active strong {
    color: #1a1a2e;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active .mini-stat-icon-wrap {
    background: color-mix(in srgb, var(--mc, #007bff) 35%, transparent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--mc, #007bff) 30%, transparent);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active .mini-stat-icon-wrap .material-symbols-outlined {
    color: var(--mc, #007bff);
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active::after {
    background: var(--mc, #007bff);
    opacity: 1;
    height: 3px;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat.is-active .mini-stat-label {
    color: #34495E;
    font-weight: 600;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-trend.positive {
    color: #0d9668;
    font-weight: 700;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-trend.negative {
    color: #c0392b;
    font-weight: 700;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-label {
    color: #5D6D7E;
}
html.theme-earth-sky .hub-card-activity .activity-summary-stats .mini-stat-trend {
    color: #5D6D7E;
}

/* 7D / 30D toggle */
html.theme-earth-sky .activity-mode-pill {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .activity-mode-pill:hover {
    border-color: rgba(0, 123, 255, 0.35);
}
/* Unselected option: blacker text for better visibility */
html.theme-earth-sky .activity-mode-label {
    color: #1a1a2e;
}
/* Selected option (on blue): keep white for contrast */
html.theme-earth-sky .activity-mode-pill:not([data-mode="30d"]) .activity-mode-label[data-mode="7d"] {
    color: #fff;
}
html.theme-earth-sky .activity-mode-pill[data-mode="30d"] .activity-mode-label[data-mode="30d"] {
    color: #fff;
}
html.theme-earth-sky .activity-mode-indicator {
    background: linear-gradient(135deg, rgba(0, 123, 255, 0.5), #007bff);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.25);
}

/* Last 7 days timeline row */
html.theme-earth-sky .activity-timeline-row {
    border-top-color: rgba(0, 0, 0, 0.06);
    border-bottom-color: rgba(0, 0, 0, 0.06);
    background: linear-gradient(180deg, rgba(0, 123, 255, 0.06) 0%, rgba(0, 0, 0, 0.02) 100%);
}
html.theme-earth-sky .activity-timeline-meta {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-timeline-label {
    color: #007bff;
}
html.theme-earth-sky .activity-timeline-total {
    color: #2C3E50;
}
html.theme-earth-sky .activity-timeline-bar {
    background: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .activity-timeline-bar-fill {
    background: linear-gradient(to top, rgba(0, 123, 255, 0.5), #007bff);
    box-shadow: 0 -2px 8px rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .activity-timeline-bar[data-empty="true"] .activity-timeline-bar-fill {
    background: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .activity-timeline-bar-label {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-timeline-bar .bar-tooltip {
    background: rgba(44, 62, 80, 0.95);
    border-color: rgba(0, 123, 255, 0.3);
    color: #e2e8f0;
}

/* Recent activity list */
html.theme-earth-sky .activity-preview-header {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-preview-header .material-symbols-outlined {
    color: #7f8c8d;
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item:hover {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .hub-card-activity .preview-label {
    color: #2C3E50;
}
html.theme-earth-sky .hub-card-activity .preview-badge {
    color: #5D6D7E;
}
html.theme-earth-sky .hub-card-activity .preview-time {
    color: #7f8c8d;
    background: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .hub-card-activity .preview-icon-bubble {
    background: rgba(0, 123, 255, 0.08);
    border-color: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .hub-card-activity .preview-icon-bubble .material-symbols-outlined {
    color: #007bff;
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item:hover .preview-icon-bubble {
    background: rgba(0, 123, 255, 0.12);
    box-shadow: 0 0 14px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item.is-link:hover .preview-label {
    color: #007bff;
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item.is-empty {
    color: #7f8c8d;
}
html.theme-earth-sky .hub-card-activity .activity-log-preview-item.is-empty .material-symbols-outlined {
    color: rgba(0, 0, 0, 0.2);
}

/* Skeleton / loading */
html.theme-earth-sky .hub-card-activity .preview-skel {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.04) 75%);
}

/* Footer (7D/30D pill + Open Full Log button) */
html.theme-earth-sky .activity-footer-pill {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-footer-pill .material-symbols-outlined {
    color: #007bff;
}
html.theme-earth-sky .activity-summary-footer .hub-card-button.primary {
    background: #007bff;
    color: #fff;
}
html.theme-earth-sky .activity-summary-footer .hub-card-button.primary:hover {
    background: #0056b3;
}

/* Scrollbar in preview list */
html.theme-earth-sky .activity-summary-preview::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

/* Profile preview modal */
html.theme-earth-sky .profile-preview-modal-overlay {
    background: rgba(234, 245, 249, 0.85);
}
html.theme-earth-sky .profile-card {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .profile-card .card-display-name {
    color: #2C3E50;
}
html.theme-earth-sky .profile-card .card-status {
    color: #5D6D7E;
}
html.theme-earth-sky .profile-card .card-bio {
    color: #34495E;
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .profile-card .card-bio.is-empty {
    color: #95a5a6;
}
html.theme-earth-sky .profile-card .card-bio::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .profile-card .card-bio::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .profile-card .card-footer {
    border-top-color: rgba(0, 0, 0, 0.08);
    color: #95a5a6;
    background: transparent;
}
html.theme-earth-sky .profile-card .card-avatar {
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky hr.profile-card-divider {
    background-color: rgba(0, 0, 0, 0.08);
}

/* ========================================================================
   11.7 — ACCOUNT SPOKE PAGES (Security, Settings, etc.)
   ======================================================================== */

html.theme-earth-sky .account-spoke-header {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .spoke-back-button {
    color: #5D6D7E;
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .spoke-back-button:hover {
    color: #2C3E50;
    background: rgba(0, 0, 0, 0.07);
}
html.theme-earth-sky .spoke-header-title h2 {
    color: #2C3E50;
}
html.theme-earth-sky .spoke-header-title p {
    color: #5D6D7E;
}
html.theme-earth-sky .spoke-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .spoke-card .card-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .spoke-card .card-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .setting-row {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .setting-title {
    color: #2C3E50;
}
html.theme-earth-sky .setting-description {
    color: #5D6D7E;
}
html.theme-earth-sky .setting-divider-title {
    color: #95a5a6;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .action-btn {
    background-color: rgba(0, 0, 0, 0.05);
    color: #5D6D7E;
    border-color: rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .action-btn:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: #2C3E50;
    border-color: rgba(0, 0, 0, 0.25);
}
html.theme-earth-sky .action-btn:disabled {
    background-color: rgba(0, 0, 0, 0.03);
    color: #bdc3c7;
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .spoke-placeholder-content {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .spoke-placeholder-content h2 {
    color: #2C3E50;
}

/* Toggle switch */
html.theme-earth-sky .slider {
    background-color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.2);
}

/* ========================================================================
   11.8 — MODALS (Custom Modals, PIN, Password Change)
   ======================================================================== */

html.theme-earth-sky .custom-modal-overlay {
    background: rgba(234, 245, 249, 0.85);
}
html.theme-earth-sky .custom-modal-content {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .custom-modal-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .custom-modal-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .modal-close-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .modal-close-btn:hover {
    color: #2C3E50;
}
html.theme-earth-sky .custom-modal-body {
    color: #34495E;
}
html.theme-earth-sky .custom-modal-footer {
    border-top-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
}
html.theme-earth-sky .dossier-form-intro {
    color: #7f8c8d;
}

/* Modal form inputs */
html.theme-earth-sky .form-field-interactive label {
    color: #5D6D7E;
}
html.theme-earth-sky .input-wrapper .input-icon {
    color: #95a5a6;
}
html.theme-earth-sky .custom-modal-content input[type="text"],
html.theme-earth-sky .custom-modal-content input[type="email"],
html.theme-earth-sky .custom-modal-content input[type="password"],
html.theme-earth-sky .form-field-interactive input,
html.theme-earth-sky #email-change-form .dossier-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
    color: #2C3E50;
}
html.theme-earth-sky .custom-modal-content input:focus,
html.theme-earth-sky .form-field-interactive input:focus,
html.theme-earth-sky #email-change-form .dossier-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .password-toggle-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .strength-bar-wrapper {
    background: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .strength-text {
    color: #7f8c8d;
}
html.theme-earth-sky .password-checklist {
    color: #95a5a6;
}
html.theme-earth-sky .form-field-static {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .form-field-static .field-label {
    color: #7f8c8d;
}
html.theme-earth-sky .form-field-static .field-value {
    color: #2C3E50;
}

/* PIN Modal */
html.theme-earth-sky .pin-overlay {
    background: rgba(234, 245, 249, 0.85);
}
html.theme-earth-sky .pin-modal-container {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .pin-modal-container h3 {
    color: #2C3E50;
}
html.theme-earth-sky .pin-modal-container p {
    color: #5D6D7E;
}
html.theme-earth-sky .pin-modal-back-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #7f8c8d;
}
html.theme-earth-sky .pin-modal-back-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #2C3E50;
}
html.theme-earth-sky .pin-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .pin-input:focus {
    border-color: #007bff;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .pin-password-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .pin-password-input::placeholder {
    color: #95a5a6;
}
html.theme-earth-sky .pin-password-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .pin-forgot-btn {
    color: #7f8c8d;
}
html.theme-earth-sky .pin-forgot-btn:hover {
    color: #007bff;
}
html.theme-earth-sky .pin-submit-btn:disabled {
    background: #bdc3c7;
    color: #7f8c8d;
}

/* Passkey slots */
html.theme-earth-sky .passkey-slot {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .passkey-slot.is-active {
    background: rgba(0, 123, 255, 0.06);
    border-color: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .passkey-slot.is-active:hover {
    background: rgba(0, 123, 255, 0.1);
    border-color: #007bff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .passkey-slot-name {
    color: #2C3E50;
}
html.theme-earth-sky .passkey-slot.is-empty .passkey-slot-name {
    color: #bdc3c7;
}
html.theme-earth-sky .passkey-slot.is-empty .passkey-slot-icon {
    color: #bdc3c7;
}

/* Passkey detail modal */
html.theme-earth-sky .pk-detail-row {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .pk-detail-label {
    color: #7f8c8d;
}
html.theme-earth-sky .pk-detail-value {
    color: #2C3E50;
}
html.theme-earth-sky .pk-icon-selector-label {
    color: #7f8c8d;
}
html.theme-earth-sky .pk-icon-option {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.1);
    color: #5D6D7E;
}
html.theme-earth-sky .pk-icon-option:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}
html.theme-earth-sky .pk-icon-option.selected {
    background: rgba(0, 123, 255, 0.1);
    border-color: #007bff;
    color: #007bff;
}

/* System alert banner */
html.theme-earth-sky .system-alert-banner.info {
    background: rgba(0, 123, 255, 0.06);
    border-color: rgba(0, 123, 255, 0.2);
    color: #34495E;
}
html.theme-earth-sky .system-alert-banner .alert-content strong {
    color: #2C3E50;
}

/* ========================================================================
   11.9 — ACTIVITY LOG PAGE
   ======================================================================== */

html.theme-earth-sky .act-icon-btn {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.03);
    color: #5D6D7E;
}
html.theme-earth-sky .act-icon-btn:hover {
    background: rgba(0, 0, 0, 0.07);
    color: #2C3E50;
}

/* Activity cards */
html.theme-earth-sky .act-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(12px);
}
html.theme-earth-sky .act-card:hover {
    border-color: rgba(0, 123, 255, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .act-card-icon {
    background: rgba(0, 123, 255, 0.08);
    color: #007bff;
}
html.theme-earth-sky .act-card-title {
    color: #2C3E50;
}
html.theme-earth-sky .act-card-body {
    color: #5D6D7E;
}
html.theme-earth-sky .act-card-time {
    color: #95a5a6;
}
html.theme-earth-sky .act-card-context {
    color: #7f8c8d;
}
html.theme-earth-sky .act-detail-key {
    color: #7f8c8d;
}
html.theme-earth-sky .act-detail-value {
    color: #2C3E50;
}

/* Sidebar widget */
html.theme-earth-sky .act-sidebar-widget {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .act-sidebar-widget h3 {
    color: #2C3E50;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

/* Timeline elements */
html.theme-earth-sky .act-timeline-date {
    color: #5D6D7E;
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .act-empty-state {
    color: #95a5a6;
}

/* ========================================================================
   11.9a — ACTIVITY LOG PAGE: Menu bar (tabs, search, sort) & Activity Overview card
   Light, sky-theme compatible; good visibility.
   ======================================================================== */

/* ─── Posts / Comments / Saved tabs (menu bar) ─────────────────────── */
html.theme-earth-sky .activity-main-tabs {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(14px);
}
html.theme-earth-sky .activity-main-tab {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-main-tab.is-active {
    background: linear-gradient(180deg, rgba(0, 123, 255, 0.2), rgba(0, 123, 255, 0.12));
    color: #004a9c;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .activity-main-tab:not(.is-active):hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .activity-tab-count {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .activity-main-tab.is-active .activity-tab-count {
    background: rgba(0, 123, 255, 0.2);
    border-color: rgba(0, 123, 255, 0.35);
    color: #004a9c;
}

/* ─── Search bar ───────────────────────────────────────────────────── */
html.theme-earth-sky .activity-search-wrapper {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(10px);
}
html.theme-earth-sky .activity-search-wrapper:focus-within {
    border-color: rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
html.theme-earth-sky .activity-search-wrapper > .material-symbols-outlined {
    color: #7f8c8d;
}
html.theme-earth-sky .activity-search-input {
    color: #2C3E50;
}
html.theme-earth-sky .activity-search-input::placeholder {
    color: #95a5a6;
}
html.theme-earth-sky .act-search-clear {
    color: #7f8c8d;
}
html.theme-earth-sky .act-search-clear:hover {
    color: #2C3E50;
}

/* ─── Account Connections (Channels, Cells, Nakama) ───────────────────── */
html.theme-earth-sky .connections-tabs {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .connections-tab {
    color: #5D6D7E;
}
html.theme-earth-sky .connections-tab.is-active {
    background: linear-gradient(180deg, rgba(0, 123, 255, 0.2), rgba(0, 123, 255, 0.12));
    color: #004a9c;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}
html.theme-earth-sky .connections-tab:not(.is-active):hover {
    background: rgba(0, 0, 0, 0.05);
    color: #2C3E50;
}
html.theme-earth-sky .connections-search-wrapper {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .connections-search-wrapper:focus-within {
    border-color: rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
html.theme-earth-sky .connections-search-wrapper > .material-symbols-outlined {
    color: #7f8c8d;
}
html.theme-earth-sky .connections-search-input {
    color: #2C3E50;
}
html.theme-earth-sky .connections-search-input::placeholder {
    color: #95a5a6;
}
html.theme-earth-sky .conn-discover-link {
    color: #007bff;
}
html.theme-earth-sky .conn-row {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .conn-row:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-earth-sky .conn-row-title {
    color: #2C3E50;
}
html.theme-earth-sky .conn-row-meta {
    color: #7f8c8d;
}
html.theme-earth-sky .conn-notify-toggle {
    color: #5D6D7E;
}
html.theme-earth-sky .conn-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .conn-btn:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.18);
}
html.theme-earth-sky .conn-btn.primary {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .conn-btn.danger:hover {
    border-color: #dc3545;
    color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
}
html.theme-earth-sky .conn-row-link {
    color: #007bff;
}
html.theme-earth-sky .conn-empty-icon {
    background: rgba(0, 123, 255, 0.12);
}
html.theme-earth-sky .conn-empty-icon .material-symbols-outlined {
    color: #007bff;
}
html.theme-earth-sky .connections-empty-state h3,
html.theme-earth-sky .connections-error-state h3 {
    color: #2C3E50;
}
html.theme-earth-sky .connections-empty-state p,
html.theme-earth-sky .connections-error-state p {
    color: #7f8c8d;
}
html.theme-earth-sky .conn-icon-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #5D6D7E;
}
html.theme-earth-sky .conn-icon-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #2C3E50;
}
html.theme-earth-sky .connections-modal .card-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .connections-modal .card-body {
    background: rgba(255, 255, 255, 0.5);
}
html.theme-earth-sky .conn-modal-note {
    color: #7f8c8d;
}
html.theme-earth-sky .conn-modal-note code {
    background: rgba(0, 0, 0, 0.08);
    color: #2C3E50;
}
html.theme-earth-sky .conn-modal-close {
    color: #5D6D7E;
}
html.theme-earth-sky .conn-modal-close:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #2C3E50;
}
/* Connections hub card on account page */
html.theme-earth-sky #card-connections .card-intro-text {
    color: #5D6D7E;
}
html.theme-earth-sky #card-connections .identity-checklist span {
    color: #5D6D7E;
}
html.theme-earth-sky #card-connections .identity-checklist strong {
    color: #2C3E50;
}

/* ─── Sort dropdown ────────────────────────────────────────────────── */
html.theme-earth-sky .activity-sort-select {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
    backdrop-filter: blur(10px);
}
html.theme-earth-sky .activity-sort-select:focus {
    border-color: rgba(0, 123, 255, 0.5);
}
html.theme-earth-sky .activity-sort-select option {
    background: #fff;
    color: #2C3E50;
}

/* ─── Filter chips ─────────────────────────────────────────────────── */
html.theme-earth-sky .filter-chip {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #5D6D7E;
}
html.theme-earth-sky .filter-chip:hover {
    background: rgba(0, 0, 0, 0.07);
    color: #2C3E50;
    border-color: rgba(0, 0, 0, 0.18);
}
html.theme-earth-sky .filter-chip.is-active {
    background: rgba(0, 123, 255, 0.12);
    border-color: rgba(0, 123, 255, 0.4);
    color: #004a9c;
}

/* ─── Activity Overview card (right sidebar) ───────────────────────── */
html.theme-earth-sky .activity-side-card,
html.theme-earth-sky .activity-hub-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
html.theme-earth-sky .activity-side-card-header,
html.theme-earth-sky .activity-hub-card .activity-side-card-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .activity-side-card-header h3 {
    color: #2C3E50;
}
html.theme-earth-sky .activity-side-card-header p {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-hub-count-pill {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
    color: #2C3E50;
}
html.theme-earth-sky .activity-hub-count-pill .material-symbols-outlined {
    color: #007bff;
}

/* Hub tabs inside Overview (Likes, Stories, Read list, Cells) */
html.theme-earth-sky .activity-hub-tabs {
    padding: 10px 12px 4px;
}
html.theme-earth-sky .activity-hub-tab {
    background: rgba(0, 0, 0, 0.04);
    color: #5D6D7E;
}
html.theme-earth-sky .activity-hub-tab:hover {
    background: rgba(0, 0, 0, 0.07);
    color: #2C3E50;
}
html.theme-earth-sky .activity-hub-tab.is-active {
    background: linear-gradient(180deg, rgba(0, 123, 255, 0.18), rgba(0, 123, 255, 0.1));
    color: #004a9c;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.12);
}
html.theme-earth-sky .activity-hub-tab .hub-tab-count {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: #2C3E50;
}
html.theme-earth-sky .activity-hub-tab.is-active .hub-tab-count {
    background: rgba(0, 123, 255, 0.15);
    border-color: rgba(0, 123, 255, 0.3);
    color: #004a9c;
}

/* Activity Overview body and list */
html.theme-earth-sky .activity-hub-body-header {
    color: #5D6D7E;
}
/* Readlist sort row: "READLIST" label + Latest / Name buttons — clear background & text for visibility */
html.theme-earth-sky .rl-sort-bar-item {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html.theme-earth-sky .rl-sort-label {
    color: #5D6D7E;
}
html.theme-earth-sky .rl-sort-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.14);
    color: #2C3E50;
    font-weight: 500;
}
html.theme-earth-sky .rl-sort-btn:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.2);
    color: #1a1a2e;
}
html.theme-earth-sky .rl-sort-btn.is-active {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}
html.theme-earth-sky .activity-side-list {
    border-color: transparent;
}
/* Read list / feed items inside Overview */
html.theme-earth-sky .rl-group-title {
    color: #2C3E50;
}
html.theme-earth-sky a.rl-group-title:hover {
    color: #007bff;
}
html.theme-earth-sky .rl-group-count {
    color: #007bff;
}
html.theme-earth-sky .rl-group-time {
    color: #7f8c8d;
}
html.theme-earth-sky .rl-chapter-link {
    color: #5D6D7E;
}
html.theme-earth-sky .rl-chapter-link:hover {
    background: rgba(0, 0, 0, 0.04);
    color: #2C3E50;
}
html.theme-earth-sky .rl-chapter-time {
    color: #7f8c8d;
}
html.theme-earth-sky .rl-story-group {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* Preview-style items inside Activity Overview (e.g. "LIKED A HUB POST") */
html.theme-earth-sky .activity-hub-card .activity-log-preview-item,
html.theme-earth-sky .activity-side-list .activity-log-preview-item {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}
html.theme-earth-sky .activity-hub-card .activity-log-preview-item:hover,
html.theme-earth-sky .activity-side-list .activity-log-preview-item:hover {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky .activity-hub-card .preview-label,
html.theme-earth-sky .activity-side-list .preview-label {
    color: #2C3E50;
}
html.theme-earth-sky .activity-hub-card .preview-badge,
html.theme-earth-sky .activity-side-list .preview-badge {
    color: #5D6D7E;
}
html.theme-earth-sky .activity-hub-card .preview-time,
html.theme-earth-sky .activity-side-list .preview-time {
    color: #7f8c8d;
    background: rgba(0, 0, 0, 0.04);
}
html.theme-earth-sky .activity-hub-card .preview-icon-bubble,
html.theme-earth-sky .activity-side-list .preview-icon-bubble {
    background: rgba(0, 123, 255, 0.08);
    border-color: rgba(0, 123, 255, 0.2);
}
html.theme-earth-sky .activity-hub-card .preview-icon-bubble .material-symbols-outlined,
html.theme-earth-sky .activity-side-list .preview-icon-bubble .material-symbols-outlined {
    color: #007bff;
}
html.theme-earth-sky .activity-hub-card .activity-log-preview-item.is-empty,
html.theme-earth-sky .activity-side-list .activity-log-preview-item.is-empty {
    color: #7f8c8d;
}

/* ========================================================================
   11.10 — CHATBOT / AI TERMINAL (Additional Fixes)
   ======================================================================== */

html.theme-earth-sky .nexus-ai-pull-tab-side {
    background: rgba(255, 255, 255, 0.85);
    color: #007bff;
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .nexus-ai-pull-tab-side:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #0056b3;
}
html.theme-earth-sky .terminal-header .system-status {
    color: #27AE60;
}
html.theme-earth-sky .transmit-btn {
    color: #007bff;
}
html.theme-earth-sky .nexus-notification {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
    color: #34495E;
}
html.theme-earth-sky .static-auth-message h3 {
    color: #c0392b;
}
html.theme-earth-sky .static-auth-message a {
    color: #007bff;
}

/* ========================================================================
   11.11 — SCRIBE PREVIEW & REVIEW VIEWER
   ======================================================================== */

/* Scribe TOC panel */
html.theme-earth-sky .scribe-toc-panel {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .scribe-toc-panel .index-header {
    color: #5D6D7E;
}
html.theme-earth-sky .scribe-toc-panel .index-item {
    color: #34495E;
}
html.theme-earth-sky .scribe-toc-panel .index-item:hover {
    color: #007bff;
}
html.theme-earth-sky .scribe-preview-modal-content .lore-article-content {
    color: #34495E;
}

/* Infobox */
html.theme-earth-sky .infobox-container {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .infobox-key {
    color: #5D6D7E;
}
html.theme-earth-sky .infobox-value {
    color: #2C3E50;
}
html.theme-earth-sky .lore-caption {
    color: #7f8c8d;
}
html.theme-earth-sky .lore-spacer {
    color: rgba(0, 0, 0, 0.2);
}

/* Gauge elements */
html.theme-earth-sky .gauge-value {
    color: #2C3E50;
}
html.theme-earth-sky .gauge-label {
    color: #7f8c8d;
}

/* Review viewer console */
html.theme-earth-sky .console-panel {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .review-content-block .toolbar-btn {
    background: rgba(0, 0, 0, 0.05);
    color: #5D6D7E;
}
html.theme-earth-sky .review-content-block .toolbar-btn:hover {
    background: #007bff;
    color: #fff;
}
html.theme-earth-sky .feedback-box textarea {
    color: #c0392b;
    background: rgba(220, 53, 69, 0.04);
    border-color: rgba(220, 53, 69, 0.2);
}
html.theme-earth-sky #suspend-reason {
    color: #2C3E50;
}
html.theme-earth-sky .stat-label {
    color: #7f8c8d;
}
html.theme-earth-sky .stat-value {
    color: #2C3E50;
}
html.theme-earth-sky .history-action {
    color: #34495E;
}
html.theme-earth-sky .history-meta {
    color: #7f8c8d;
}

/* ========================================================================
   11.12 — SCRIBE ACCESS & SIDEBAR
   ======================================================================== */

html.theme-earth-sky .scribe-access-box {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-earth-sky .scribe-access-box h1 {
    color: #2C3E50;
}
html.theme-earth-sky .scribe-access-box p {
    color: #5D6D7E;
}
html.theme-earth-sky .nav-link {
    color: #5D6D7E;
}
html.theme-earth-sky .nav-link:hover,
html.theme-earth-sky .nav-link.is-active {
    color: #2C3E50;
}
html.theme-earth-sky .content-item-meta {
    color: #7f8c8d;
}

/* ========================================================================
   11.13 — GLOBAL CATCH-ALL: LINKS, SCROLLBARS, SELECTIONS
   ======================================================================== */

/* Global link color */
html.theme-earth-sky a {
    color: #007bff;
}
html.theme-earth-sky a:hover {
    color: #0056b3;
}

/* Scrollbar styling for light theme */
html.theme-earth-sky ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
html.theme-earth-sky ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}
html.theme-earth-sky ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}
html.theme-earth-sky ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* Selection */
html.theme-earth-sky ::selection {
    background: rgba(0, 123, 255, 0.2);
    color: #2C3E50;
}

/* Focus visible outlines globally */
html.theme-earth-sky *:focus-visible {
    outline-color: #007bff;
}

/* ========================================================================
   11.14 — VISUAL POLISH & IMPROVEMENTS
   ======================================================================== */

/* Enhanced sky gradient background */
html.theme-earth-sky .universe-background::before {
    background: linear-gradient(
        170deg,
        #a8d8ea 0%,
        #c1e8ff 25%,
        #daf0ff 50%,
        #e8f6ff 75%,
        #f0faff 100%
    );
    opacity: 1;
}

/* Subtle background texture */
html.theme-earth-sky body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(0, 123, 255, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(39, 174, 96, 0.02) 0%, transparent 50%);
}

/* Improved cloud opacity for depth */
html.theme-earth-sky .clouds-back { opacity: 0.25; }
html.theme-earth-sky .clouds-middle { opacity: 0.4; }
html.theme-earth-sky .clouds-front { opacity: 0.7; }

/* Card hover transitions - smoother */
html.theme-earth-sky .hub-card,
html.theme-earth-sky .spoke-card,
html.theme-earth-sky .hub-post-card,
html.theme-earth-sky .act-card,
html.theme-earth-sky .story-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Softer shadows everywhere */
html.theme-earth-sky .site-header {
    box-shadow: none;
}

/* --- User profile pop-up (Nakama) --- */
html.theme-earth-sky .user-profile-popup-overlay {
    background: rgba(0, 0, 0, 0.4);
}
html.theme-earth-sky .user-profile-popup-card {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(44, 62, 80, 0.15);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
html.theme-earth-sky .user-profile-popup-name {
    color: #2c3e50;
}
html.theme-earth-sky .user-profile-popup-name-deleted {
    color: #c0392b;
}
html.theme-earth-sky .user-profile-popup-status,
html.theme-earth-sky .user-profile-popup-feeling,
html.theme-earth-sky .user-profile-popup-meta {
    color: #5d6d7e;
}
html.theme-earth-sky .user-profile-popup-bio {
    color: #34495e;
    border-bottom-color: rgba(44, 62, 80, 0.1);
}
html.theme-earth-sky .user-profile-popup-close {
    color: #7f8c8d;
}
html.theme-earth-sky .user-profile-popup-close:hover {
    background: rgba(44, 62, 80, 0.08);
    color: #2c3e50;
}
html.theme-earth-sky .user-profile-popup-btn {
    border-color: rgba(44, 62, 80, 0.2);
    background: rgba(44, 62, 80, 0.06);
    color: #2c3e50;
}
html.theme-earth-sky .user-profile-popup-btn:hover:not(:disabled) {
    background: rgba(44, 62, 80, 0.1);
    border-color: rgba(44, 62, 80, 0.25);
}
html.theme-earth-sky .user-profile-popup-loading {
    color: #5d6d7e;
}
html.theme-earth-sky .user-profile-popup-spinner {
    border-color: rgba(44, 62, 80, 0.2);
    border-top-color: #3498db;
}