/**
 * Light mode — app modules (vocab, writing, analytics, curriculum, leaderboard, feedback).
 * Load after *-space.css and feedback-widget.css so overrides win the cascade.
 */

/* ======================================================================
   SHARED — module shells, mains, panels, inputs, secondary buttons
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .vocab-container,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-shell,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-page {
  background: oklch(0.99 0.008 90 / 0.96) !important;
  border-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-md) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-main,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-main,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-home,
html[data-ttb-theme="light"] body.ttb-app-body .main-content {
  background: oklch(0.97 0.012 92) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .main-panel {
  background: oklch(0.99 0.008 90 / 0.96) !important;
  border-left-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-md) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .input-panel,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-section,
html[data-ttb-theme="light"] body.ttb-app-body .overview-card,
html[data-ttb-theme="light"] body.ttb-app-body .chart-card,
html[data-ttb-theme="light"] body.ttb-app-body .stat-card,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-module-card,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-progress,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-legend,
html[data-ttb-theme="light"] body.ttb-app-body .mode-selection-wrapper,
html[data-ttb-theme="light"] body.ttb-app-body .selection-controls,
html[data-ttb-theme="light"] body.ttb-app-body #writing-area,
html[data-ttb-theme="light"] body.ttb-app-body #feedback-area,
html[data-ttb-theme="light"] body.ttb-app-body .content-area,
html[data-ttb-theme="light"] body.ttb-app-body .section-card,
html[data-ttb-theme="light"] body.ttb-app-body .stats-card {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  border-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-sm) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .panel-title,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-section-title,
html[data-ttb-theme="light"] body.ttb-app-body .overview-label,
html[data-ttb-theme="light"] body.ttb-app-body .overview-value,
html[data-ttb-theme="light"] body.ttb-app-body .chart-card h3,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-module-card h3,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-home__headline,
html[data-ttb-theme="light"] body.ttb-app-body .header-title,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-section-intro h2 {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .panel-help,
html[data-ttb-theme="light"] body.ttb-app-body .text-gray-600,
html[data-ttb-theme="light"] body.ttb-app-body .overview-description,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-module-card p,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-home__lead,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-section-intro p {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-home__headline em {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-select,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-input,
html[data-ttb-theme="light"] body.ttb-app-body .dropdown-row select,
html[data-ttb-theme="light"] body.ttb-app-body .dropdown-row input[type="text"],
html[data-ttb-theme="light"] body.ttb-app-body .date-selector,
html[data-ttb-theme="light"] body.ttb-app-body .writing-textarea,
html[data-ttb-theme="light"] body.ttb-app-body .feedback-textarea,
html[data-ttb-theme="light"] body.ttb-app-body input[type="search"],
html[data-ttb-theme="light"] body.ttb-app-body .search-input {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-select:focus,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-input:focus,
html[data-ttb-theme="light"] body.ttb-app-body .dropdown-row select:focus,
html[data-ttb-theme="light"] body.ttb-app-body .dropdown-row input[type="text"]:focus {
  background: oklch(0.99 0.006 90) !important;
  border-color: var(--ttb-signal) !important;
  box-shadow: 0 0 0 3px oklch(0.72 0.12 195 / 0.2) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-btn,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-btn.secondary,
html[data-ttb-theme="light"] body.ttb-app-body .tab-button,
html[data-ttb-theme="light"] body.ttb-app-body .date-selector,
html[data-ttb-theme="light"] body.ttb-app-body .mode-btn,
html[data-ttb-theme="light"] body.ttb-app-body .header-toggle-btn,
html[data-ttb-theme="light"] body.ttb-app-body .sidebar-toggle-btn,
html[data-ttb-theme="light"] body.ttb-app-body .icon-btn {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .tab-button:hover,
html[data-ttb-theme="light"] body.ttb-app-body .date-selector:hover,
html[data-ttb-theme="light"] body.ttb-app-body .mode-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .header-toggle-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .sidebar-toggle-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .icon-btn:hover {
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-signal) !important;
  background: oklch(0.93 0.04 195 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tab-button.active,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tab.is-active,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-year-tab.is-active {
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-signal) !important;
  background: oklch(0.93 0.04 195 / 0.55) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-item,
html[data-ttb-theme="light"] body.ttb-app-body .conversation-item {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-word,
html[data-ttb-theme="light"] body.ttb-app-body .conversation-meta {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-expand-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .delete-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .conversation-item:hover {
  background: oklch(0.93 0.04 195 / 0.4) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .step-badge,
html[data-ttb-theme="light"] body.ttb-app-body .review-count-badge {
  background: oklch(0.93 0.04 195 / 0.55) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: oklch(0.72 0.12 195 / 0.35) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .modal-overlay,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-popup-overlay {
  background: oklch(0.85 0.012 90 / 0.55) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .modal-content,
html[data-ttb-theme="light"] body.ttb-app-body .vocab-popup-content {
  background: oklch(0.99 0.006 90 / 0.98) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .answer-btn,
html[data-ttb-theme="light"] body.ttb-app-body .rating-btn {
  background: oklch(0.99 0.006 90) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .answer-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .rating-btn:hover {
  border-color: var(--ttb-signal) !important;
  color: var(--ttb-signal-deep) !important;
  background: oklch(0.93 0.04 195 / 0.45) !important;
}

/* Module headers (tokens already light; reinforce title colors) */
html[data-ttb-theme="light"] body.ttb-app-body .vocab-title,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-title,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-title,
html[data-ttb-theme="light"] body.ttb-app-body .sidebar-title {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .vocab-subtitle,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-subtitle,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-subtitle {
  color: var(--ttb-ink-muted) !important;
}

/* ======================================================================
   WRITING — sidebar + layout
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .left-sidebar {
  background: oklch(0.98 0.01 92 / 0.95) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .sidebar-header,
html[data-ttb-theme="light"] body.ttb-app-body .top-header {
  background: var(--ttb-writer-header) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .nav-item {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .nav-item:hover {
  background: oklch(0.93 0.04 195 / 0.35) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .nav-item.primary-nav-item {
  background: linear-gradient(180deg, var(--ttb-writer), oklch(0.72 0.14 88)) !important;
  color: oklch(0.22 0.05 265) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .empty-state {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .mode-btn.mode-btn--lecture {
  background: oklch(0.96 0.03 88 / 0.85) !important;
  border-color: oklch(0.72 0.14 88 / 0.4) !important;
  color: oklch(0.38 0.1 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #prompt-display {
  background: oklch(0.98 0.01 92) !important;
  border-bottom-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #prompt-title h2 {
  color: oklch(0.42 0.12 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #prompt-content {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #timer {
  background: oklch(0.96 0.03 88 / 0.65) !important;
  color: oklch(0.38 0.1 88) !important;
  border-color: oklch(0.72 0.14 88 / 0.35) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #writing-input {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .format-toolbar {
  background: oklch(0.98 0.01 92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .writing-markdown-preview,
html[data-ttb-theme="light"] body.ttb-app-body .corrected-text {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .feedback-section {
  background: oklch(0.99 0.008 90 / 0.92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .score-section {
  background: oklch(0.96 0.04 88 / 0.55) !important;
  border-color: oklch(0.72 0.14 88 / 0.4) !important;
  color: oklch(0.38 0.1 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .reset-btn,
html[data-ttb-theme="light"] body.ttb-app-body .format-btn,
html[data-ttb-theme="light"] body.ttb-app-body .secondary-btn,
html[data-ttb-theme="light"] body.ttb-app-body .hint-btn {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .reset-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .format-btn:hover:not(:disabled),
html[data-ttb-theme="light"] body.ttb-app-body .secondary-btn:hover,
html[data-ttb-theme="light"] body.ttb-app-body .hint-btn:hover {
  border-color: var(--ttb-signal) !important;
  color: var(--ttb-signal-deep) !important;
  background: oklch(0.93 0.04 195 / 0.4) !important;
}

/* ======================================================================
   CURRICULUM — year tabs, module grid, chat rail
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-year-tabs {
  background: oklch(0.99 0.006 90 / 0.88) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-year-tab {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tab {
  background: oklch(0.99 0.006 90 / 0.85) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-module-card:hover {
  border-color: var(--ttb-signal) !important;
  box-shadow: var(--ttb-shadow-md) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-module-card__icon {
  background: oklch(0.96 0.014 92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-chat-rail {
  background: oklch(0.98 0.01 92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-legend__item,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-overview__topic {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-overview__topic:hover {
  border-color: var(--ttb-signal) !important;
  color: var(--ttb-signal-deep) !important;
  background: oklch(0.93 0.04 195 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #vocab-search {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #new-words-section,
html[data-ttb-theme="light"] body.ttb-app-body #all-words-section {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #new-words-section h2,
html[data-ttb-theme="light"] body.ttb-app-body #all-words-section h2 {
  color: oklch(0.38 0.12 145) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #toggle-all-words {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

/* ======================================================================
   ANALYTICS — ThatDashboard light deck
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .analytics-header {
  background: var(--ttb-dashboard-header) !important;
  border-bottom-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-logo {
  background: oklch(0.93 0.05 195 / 0.55) !important;
  border-color: oklch(0.72 0.12 195 / 0.35) !important;
  color: var(--ttb-signal-deep) !important;
  box-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-tab-row {
  background: transparent !important;
}

/* Stat numbers — readable body numerals, not heavy display face */
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-value {
  font-family: var(--ttb-font-body) !important;
  font-weight: 500 !important;
  font-size: 1.65rem !important;
  letter-spacing: -0.02em;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-label {
  color: var(--ttb-ink) !important;
  font-weight: 600 !important;
}

/* Metric tile icons — soft pastel chips + colored glyphs (not dark on neon) */
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-icon,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .chart-icon,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .stats-icon {
  background: oklch(0.94 0.03 195 / 0.55) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-card.streak .overview-icon {
  background: oklch(0.96 0.04 25 / 0.5) !important;
  color: oklch(0.5 0.16 25) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-card.tokens .overview-icon {
  background: oklch(0.95 0.04 145 / 0.5) !important;
  color: oklch(0.48 0.12 145) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-card.vocab .overview-icon {
  background: oklch(0.95 0.04 88 / 0.52) !important;
  color: oklch(0.48 0.12 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container .overview-card.conversations .overview-icon {
  background: oklch(0.96 0.04 25 / 0.48) !important;
  color: oklch(0.52 0.16 25) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .insight-item {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .insight-title {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .insight-title i {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .insight-value {
  color: var(--ttb-ink-muted) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .chart-title,
html[data-ttb-theme="light"] body.ttb-app-body .stats-title {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container thead tr {
  background: oklch(0.96 0.014 92) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container th,
html[data-ttb-theme="light"] body.ttb-app-body .analytics-container td {
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .analytics-container tbody tr:hover td {
  background: oklch(0.95 0.012 92) !important;
}

/* ======================================================================
   LEADERBOARD — Galaxy Rankings light deck (cream panels, soft sky)
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena {
  background: oklch(0.98 0.01 92 / 0.94) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink) !important;
  box-shadow: var(--ttb-shadow-md) !important;
}

/* Star field → soft daylight nebula (still playful, not dark void) */
html[data-ttb-theme="light"] body.ttb-app-body .lb-sky {
  background: linear-gradient(
    165deg,
    oklch(0.97 0.02 195 / 0.55) 0%,
    oklch(0.98 0.015 92) 45%,
    oklch(0.96 0.03 88 / 0.4) 100%
  ) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__stars,
html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__stars--far {
  opacity: 0.35 !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__nebula {
  opacity: 0.45 !important;
  background:
    radial-gradient(ellipse 55% 45% at 15% 25%, oklch(0.75 0.1 285 / 0.2), transparent 58%),
    radial-gradient(ellipse 50% 40% at 85% 35%, oklch(0.72 0.08 195 / 0.18), transparent 55%),
    radial-gradient(ellipse 45% 38% at 55% 85%, oklch(0.78 0.1 88 / 0.15), transparent 52%) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__nursery,
html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__burst {
  opacity: 0.5 !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__sym {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__name {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-sky__content {
  background: transparent !important;
}

/* Hero — keep JWST photo, wash with light scrim */
html[data-ttb-theme="light"] body.ttb-app-body .lb-hero {
  background-color: oklch(0.96 0.02 92) !important;
  background-image: linear-gradient(
      180deg,
      oklch(0.99 0.006 90 / 0.82) 0%,
      oklch(0.98 0.012 92 / 0.5) 42%,
      oklch(0.97 0.02 88 / 0.45) 100%
    ),
    url("/static/writing/lb-hero-cosmic-cliffs.jpg") !important;
  background-size: cover !important;
  background-position: center 22% !important;
  border-color: oklch(0.72 0.14 88 / 0.35) !important;
  box-shadow: var(--ttb-shadow-sm) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-hero__badge {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  color: oklch(0.42 0.12 88) !important;
  border-color: oklch(0.72 0.14 88 / 0.4) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-hero__title {
  color: oklch(0.38 0.11 88) !important;
  text-shadow: 0 1px 2px oklch(0.99 0.01 90 / 0.85) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-hero__tagline {
  color: var(--ttb-ink-muted) !important;
  text-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-hero__egg-btn {
  background: oklch(0.99 0.006 90 / 0.88) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-hero__egg-panel {
  background: oklch(0.99 0.008 90 / 0.96) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

/* Tabs */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-tabs {
  border-bottom-color: var(--ttb-border) !important;
  background: transparent !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .tab-button {
  background: transparent !important;
  color: var(--ttb-ink-soft) !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .tab-button:hover {
  color: oklch(0.42 0.11 88) !important;
  background: oklch(0.96 0.03 88 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .tab-button.active {
  color: oklch(0.38 0.11 88) !important;
  border-bottom-color: oklch(0.62 0.13 88) !important;
  background: oklch(0.96 0.04 88 / 0.55) !important;
  box-shadow: none !important;
}

/* Mission sidebar + list cards */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-mission-panel,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .bg-white.rounded-lg,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .user-card,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .stat-card,
html[data-ttb-theme="light"] body.ttb-app-body .lb-planet-egg-panel__card {
  background: oklch(0.99 0.008 90 / 0.96) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink) !important;
  backdrop-filter: none !important;
  box-shadow: var(--ttb-shadow-sm) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-mission-panel {
  border-color: oklch(0.72 0.14 88 / 0.28) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-mission-panel__title {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .stat-card:first-child {
  background: oklch(0.97 0.04 88 / 0.65) !important;
  border-color: oklch(0.72 0.14 88 / 0.35) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .stat-value {
  color: var(--ttb-ink) !important;
  text-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .stat-card:first-child .stat-value {
  color: oklch(0.38 0.11 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .stat-label {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .progress-bar {
  background: oklch(0.93 0.014 92) !important;
}

/* Podium — cream cards; planet art as subtle watermark only */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-1,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-2,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-3,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-1.linked-student,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-2.linked-student,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-3.linked-student {
  background-color: oklch(0.99 0.008 90) !important;
  background-image: none !important;
  border-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-sm) !important;
  animation: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-1 {
  border-color: oklch(0.72 0.14 88 / 0.5) !important;
  box-shadow: var(--ttb-shadow-md), 0 0 18px oklch(0.82 0.14 88 / 0.12) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-2 {
  border-color: oklch(0.78 0.02 265 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-3 {
  border-color: oklch(0.68 0.1 55 / 0.4) !important;
}

/*
 * Podium planets: JPGs ship on black. Luminance mask drops the void; a radial
 * mask softens the disk edge; circular clip + glow reads natural on cream cards.
 * Avoid mix-blend-mode: lighten — gray bodies disappear on light backgrounds.
 */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card::after {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 0.5rem !important;
  width: 74% !important;
  max-width: 8rem !important;
  height: 5.5rem !important;
  transform: translateX(-50%);
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.9 !important;
  mix-blend-mode: normal !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-mode: alpha, luminance !important;
  mask-mode: alpha, luminance !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-1::after {
  max-width: 9.25rem !important;
  height: 6.25rem !important;
  bottom: 0.45rem !important;
  background-image:
    url("/static/writing/podium/rank-1-sun.jpg"),
    radial-gradient(
      ellipse 72% 68% at 50% 52%,
      oklch(0.82 0.16 88 / 0.32) 0%,
      oklch(0.78 0.12 88 / 0.1) 48%,
      transparent 72%
    ) !important;
  -webkit-mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 56%, transparent 100%),
    url("/static/writing/podium/rank-1-sun.jpg") !important;
  mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 56%, transparent 100%),
    url("/static/writing/podium/rank-1-sun.jpg") !important;
  filter: saturate(1.14) contrast(1.06)
    drop-shadow(0 10px 22px oklch(0.72 0.14 88 / 0.22));
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-2::after {
  background-image:
    url("/static/writing/podium/rank-2-mercury.jpg"),
    radial-gradient(
      ellipse 72% 68% at 50% 52%,
      oklch(0.72 0.02 265 / 0.28) 0%,
      oklch(0.7 0.02 265 / 0.08) 48%,
      transparent 72%
    ) !important;
  -webkit-mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 54%, transparent 100%),
    url("/static/writing/podium/rank-2-mercury.jpg") !important;
  mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 54%, transparent 100%),
    url("/static/writing/podium/rank-2-mercury.jpg") !important;
  filter: saturate(1.08) contrast(1.04)
    drop-shadow(0 8px 18px oklch(0.55 0.03 265 / 0.2));
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.rank-3::after {
  background-image:
    url("/static/writing/podium/rank-3-venus.jpg"),
    radial-gradient(
      ellipse 72% 68% at 50% 52%,
      oklch(0.78 0.1 75 / 0.28) 0%,
      oklch(0.74 0.08 70 / 0.09) 48%,
      transparent 72%
    ) !important;
  -webkit-mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 54%, transparent 100%),
    url("/static/writing/podium/rank-3-venus.jpg") !important;
  mask-image:
    radial-gradient(ellipse 92% 92% at 50% 50%, #000 54%, transparent 100%),
    url("/static/writing/podium/rank-3-venus.jpg") !important;
  filter: saturate(1.1) contrast(1.05)
    drop-shadow(0 8px 18px oklch(0.68 0.1 70 / 0.2));
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-container {
  position: relative;
  z-index: 1;
  padding: 0.75rem 0.5rem 0.25rem;
  margin-bottom: 2rem;
  border-radius: var(--ttb-radius-lg);
  background: oklch(0.99 0.006 90 / 0.92);
  box-shadow: inset 0 0 0 1px var(--ttb-border);
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card .font-semibold.text-gray-900,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .user-card .font-semibold.text-gray-900 {
  color: var(--ttb-ink) !important;
  text-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card .text-gray-500 {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .metric-primary {
  color: oklch(0.38 0.11 88) !important;
  text-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .metric-secondary {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-podium-planet-egg-btn {
  background: oklch(0.97 0.012 92) !important;
  border-color: var(--ttb-border) !important;
  border-style: solid !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-podium-planet-egg-btn--sun {
  color: oklch(0.48 0.14 88) !important;
  border-color: oklch(0.72 0.14 88 / 0.55) !important;
  background: oklch(0.97 0.04 88 / 0.65) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-podium-planet-egg-btn--mercury {
  color: oklch(0.45 0.08 285) !important;
  border-color: oklch(0.68 0.08 285 / 0.45) !important;
  background: oklch(0.96 0.02 285 / 0.5) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .lb-podium-planet-egg-btn--venus {
  color: oklch(0.5 0.12 55) !important;
  border-color: oklch(0.68 0.1 55 / 0.45) !important;
  background: oklch(0.97 0.03 55 / 0.5) !important;
}

/* Rank badges + list */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .rank-other {
  background: oklch(0.97 0.012 92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .user-card.current-user {
  background: oklch(0.97 0.04 88 / 0.75) !important;
  border-color: oklch(0.72 0.14 88 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .user-card.linked-student,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .podium-card.linked-student {
  border-color: oklch(0.62 0.14 145 / 0.45) !important;
  background-color: oklch(0.97 0.04 145 / 0.35) !important;
  background-image: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .text-gray-900,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .user-name {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .text-gray-600,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .text-gray-500,
html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .text-gray-700 {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-leaderboard-arena .bg-blue-50 {
  background: oklch(0.95 0.03 195 / 0.5) !important;
  border-color: oklch(0.72 0.12 195 / 0.3) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .lb-planet-egg-panel__backdrop {
  background: oklch(0.88 0.012 90 / 0.55) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .user-profile-tooltip {
  background: oklch(0.99 0.006 90 / 0.98) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink) !important;
  box-shadow: var(--ttb-shadow-lg) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-stat {
  background: oklch(0.97 0.012 92) !important;
  border: 1px solid var(--ttb-border);
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-stat-value {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-stat-label,
html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activity-text {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activities h4 {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activity-icon.writing {
  background: oklch(0.94 0.04 195 / 0.5) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activity-icon.vocab {
  background: oklch(0.95 0.04 88 / 0.5) !important;
  color: oklch(0.48 0.12 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activity-icon.chat {
  background: oklch(0.96 0.04 25 / 0.45) !important;
  color: oklch(0.52 0.16 25) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .tooltip-activity-time {
  color: var(--ttb-ink-soft) !important;
}

/* Leaderboard — user profile modal (click another user) */
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-overlay {
  background: oklch(0.88 0.012 90 / 0.55) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .bg-white {
  background: oklch(0.99 0.008 90) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
  box-shadow: var(--ttb-shadow-lg) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .bg-gray-50 {
  background: oklch(0.97 0.012 92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-gray-900,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-name {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-gray-500,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-gray-600,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-gray-700 {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .border-gray-200,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .border-gray-100,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .divide-gray-100 > *,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .border-b {
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-close {
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
  background: oklch(0.99 0.006 90) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-close:hover {
  background: oklch(0.95 0.012 92) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-modal-tab-active {
  background: oklch(0.93 0.04 195 / 0.55) !important;
  border-color: var(--ttb-signal) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-modal-tab-inactive {
  background: oklch(0.99 0.006 90) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-modal-tab-inactive:hover {
  background: oklch(0.95 0.012 92) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .bg-blue-50 {
  background: oklch(0.94 0.04 195 / 0.5) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-blue-700 {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .bg-amber-50 {
  background: oklch(0.96 0.04 88 / 0.5) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-amber-700 {
  color: oklch(0.48 0.12 88) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .bg-pink-50 {
  background: oklch(0.96 0.04 25 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .text-pink-700 {
  color: oklch(0.52 0.16 25) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .border-blue-100 {
  border-color: oklch(0.72 0.12 195 / 0.35) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content a.text-gray-700,
html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content .hover\:bg-gray-50:hover {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body #user-profile-modal-content a.hover\:bg-gray-50:hover {
  background: oklch(0.95 0.012 92) !important;
}

/* ======================================================================
   FEEDBACK / HELP WIDGET
   ====================================================================== */
html[data-ttb-theme="light"] .feedback-widget-button {
  background: oklch(0.99 0.006 90 / 0.95) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-md), 0 0 14px oklch(0.72 0.12 195 / 0.18) !important;
}

html[data-ttb-theme="light"] .feedback-widget-button:hover {
  background: oklch(0.93 0.04 195 / 0.55) !important;
  border-color: var(--ttb-signal) !important;
}

html[data-ttb-theme="light"] .feedback-widget-panel {
  background: oklch(0.99 0.006 90 / 0.98) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
  box-shadow: var(--ttb-shadow-lg) !important;
}

html[data-ttb-theme="light"] .feedback-widget-header {
  background: linear-gradient(
    180deg,
    oklch(0.99 0.006 90) 0%,
    oklch(0.96 0.012 92) 100%
  ) !important;
  border-bottom-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] .feedback-widget-header h3 {
  color: var(--ttb-signal-deep) !important;
  font-family: var(--ttb-font-body) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

html[data-ttb-theme="light"] .feedback-widget-close,
html[data-ttb-theme="light"] .feedback-back-button {
  background: oklch(0.99 0.006 90 / 0.9) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] .feedback-menu-card {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] .feedback-menu-card:hover {
  background: oklch(0.96 0.014 92) !important;
  border-color: var(--ttb-signal) !important;
}

html[data-ttb-theme="light"] .feedback-menu-card-title {
  color: var(--ttb-ink) !important;
  font-weight: 500 !important;
  font-family: var(--ttb-font-body) !important;
  letter-spacing: 0.01em;
}

html[data-ttb-theme="light"] .feedback-menu-card-description {
  color: var(--ttb-ink-soft) !important;
  font-weight: 400 !important;
}

html[data-ttb-theme="light"] .feedback-widget-callout,
html[data-ttb-theme="light"] .feedback-faq-item,
html[data-ttb-theme="light"] .feedback-form-section {
  background: oklch(0.97 0.012 92) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] .feedback-faq-question,
html[data-ttb-theme="light"] .feedback-form-section label {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] .feedback-faq-search,
html[data-ttb-theme="light"] .feedback-form-input,
html[data-ttb-theme="light"] .feedback-form-select,
html[data-ttb-theme="light"] .feedback-form-textarea {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] .feedback-faq-question {
  background: oklch(0.99 0.008 90 / 0.94) !important;
}

html[data-ttb-theme="light"] .feedback-faq-question:hover {
  background: oklch(0.96 0.014 92) !important;
}

html[data-ttb-theme="light"] .feedback-faq-question-text {
  color: var(--ttb-ink) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] .feedback-faq-answer-text {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] .feedback-form-label {
  color: var(--ttb-ink-soft) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] .feedback-widget-empty__title {
  color: var(--ttb-ink-muted) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] .feedback-widget-callout a {
  color: var(--ttb-signal-deep) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] .feedback-faq-helpful {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] .feedback-faq-helpful button {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] .feedback-form-file-upload {
  background: oklch(0.97 0.012 92) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

/* ======================================================================
   CURRICULUM — header chrome (back, logo, view tabs)
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-header {
  background: var(--ttb-curriculum-header) !important;
  border-bottom-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-back {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-back:hover {
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-signal) !important;
  background: oklch(0.93 0.04 195 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-logo {
  background: oklch(0.96 0.02 195 / 0.35) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tabs {
  background: oklch(0.97 0.012 92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tab {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tab:hover {
  background: oklch(0.93 0.04 195 / 0.4) !important;
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-view-tab.is-active {
  background: oklch(0.93 0.04 195 / 0.65) !important;
  color: var(--ttb-signal-deep) !important;
  box-shadow: none !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .ttb-curriculum-progress {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

/* ======================================================================
   PROFILE — stats shell + settings page
   ====================================================================== */
html[data-ttb-theme="light"] body.ttb-app-body .profile-shell {
  background: oklch(0.99 0.008 90 / 0.96) !important;
  border-color: var(--ttb-border) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell__header {
  background: linear-gradient(
    180deg,
    oklch(0.99 0.006 90) 0%,
    oklch(0.96 0.012 92) 100%
  ) !important;
  border-bottom-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell__title {
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell__subtitle {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-sidebar__card,
html[data-ttb-theme="light"] body.ttb-app-body .profile-panel,
html[data-ttb-theme="light"] body.ttb-app-body .profile-header,
html[data-ttb-theme="light"] body.ttb-app-body .menu-section {
  background: oklch(0.99 0.008 90 / 0.94) !important;
  border-color: var(--ttb-border) !important;
  box-shadow: var(--ttb-shadow-sm) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-user__name,
html[data-ttb-theme="light"] body.ttb-app-body .profile-panel__title,
html[data-ttb-theme="light"] body.ttb-app-body .section-title,
html[data-ttb-theme="light"] body.ttb-app-body .profile-info h2 {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-user__meta,
html[data-ttb-theme="light"] body.ttb-app-body .profile-info p,
html[data-ttb-theme="light"] body.ttb-app-body .setting-label {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-stat {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-stat__label {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-stat__value {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-stat__hint {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-btn {
  background: oklch(0.99 0.006 90 / 0.92) !important;
  color: var(--ttb-ink-muted) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-btn:hover {
  color: var(--ttb-signal-deep) !important;
  border-color: var(--ttb-signal) !important;
  background: oklch(0.93 0.04 195 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-nav__item {
  background: oklch(0.93 0.04 195 / 0.5) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: oklch(0.72 0.12 195 / 0.35) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-activity__item {
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-activity__icon {
  background: oklch(0.93 0.04 195 / 0.5) !important;
  border-color: oklch(0.72 0.12 195 / 0.28) !important;
  color: var(--ttb-signal-deep) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-activity__text {
  color: var(--ttb-ink-muted) !important;
  font-weight: 500 !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-activity__time {
  color: var(--ttb-ink-soft) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .input-field,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container select.input-field,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container textarea {
  background: oklch(0.99 0.006 90) !important;
  color: var(--ttb-ink) !important;
  border-color: var(--ttb-border) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .input-field[readonly] {
  background: oklch(0.96 0.014 92) !important;
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-container .btn-primary,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container .save-btn,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container a.btn-primary,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container button.btn-primary {
  background: oklch(0.93 0.04 195 / 0.55) !important;
  color: var(--ttb-signal-deep) !important;
  border-color: oklch(0.72 0.12 195 / 0.45) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-container .btn-primary:hover,
html[data-ttb-theme="light"] body.ttb-app-body .profile-container .save-btn:hover {
  background: oklch(0.88 0.06 195 / 0.65) !important;
  border-color: var(--ttb-signal) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-container .slider {
  background: oklch(0.88 0.02 92) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-container input:checked + .slider {
  background: var(--ttb-signal) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-container .slider:before {
  background: oklch(0.99 0.01 90) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .text-gray-900 {
  color: var(--ttb-ink) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .text-gray-600,
html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .text-gray-500 {
  color: var(--ttb-ink-muted) !important;
}

html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .bg-white,
html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .bg-gray-50,
html[data-ttb-theme="light"] body.ttb-app-body .profile-shell .bg-gray-100 {
  background: oklch(0.99 0.008 90 / 0.94) !important;
}