:root {
  color-scheme: light;
  /* Default theme (funky) - Green based */
  --ink: #172827;
  --muted: #72817c;
  --line: #e5ebe5;
  --paper: #f7f8f3;
  --white: #fff;
  --green: #dff367;
  --green-dark: #1b3934;
  --mint: #eaf4ed;
  --amber: #f5ebcb;
  --orange: #ff6b00;
  --orange-dark: #b33600;
  --orange-light: #ffcc80;
  --yellow: #ffeb3b;
  --yellow-dark: #fdd835;
  --light-red: #ff5252;
  --light-red-dark: #b71c1c;
  --light-red-light: #ffcdd2;
  --hot-pink: #ff4e9b;
  --tangerine: #ff963f;
  --aqua: #50d9db;
  font-family: "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}

/* High Contrast Theme - Orange, Yellow, Light Red */
html[data-theme="high-contrast"] {
  --ink: #1a1a1a;
  --muted: #555555;
  --line: #ffb300;
  --paper: #fff8e1;
  --white: #ffffff;
  --green: #ffeb3b;
  --green-dark: #cc7700;
  --mint: #fff8e1;
  --amber: #ffecb3;
  --orange: #ff6b00;
  --orange-dark: #e65100;
  --orange-light: #ffe0b2;
  --yellow: #ffeb3b;
  --yellow-dark: #fdd835;
  --light-red: #ff5252;
  --light-red-dark: #b71c1c;
  --light-red-light: #ffcdd2;
  --hot-pink: #ff6b00;
  --tangerine: #ff9f00;
  --aqua: #00bcd4;
  --accent: #762534;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: linear-gradient(135deg, var(--paper) 0%, #ffe0b2 50%, #ffccbc 100%);
  color: var(--ink);
  background-attachment: fixed;
}

button, input, select { font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.eyebrow h2{
color: #fff;
}

.topbar {
  min-height: 78px;
  padding: 0 max(6.5vw, 24px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: linear-gradient(90deg, var(--orange) 0%, var(--orange-dark) 100%);
  border-bottom: 3px solid var(--yellow);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3);
}
.top-bar1{
background-color: #ffff00;
color: #000000;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -1px;
  color: var(--white);
}

.brand-mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 11px 11px 11px 3px;
  background: var(--yellow);
  color: var(--orange-dark);
  font-size: 16px;
  font-weight: 900;
  box-shadow: 2px 2px 0 var(--orange-dark);
}

.brand-dot { color: var(--light-red); }
.top-nav { display: flex; gap: 34px; margin-left: auto; margin-right: 18px; }
.nav-link { color: var(--white); font-size: 13px; font-weight: 600; opacity: 1; }
.nav-link.active, .nav-link:hover { color: var(--yellow); opacity: 1; }

.button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 9px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 700;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.button-dark { background: var(--orange-dark); color: white; }
.button-dark:hover { background: #b33300; box-shadow: 0 4px 12px rgba(204, 68, 0, 0.4); }
.button-light { background: var(--yellow); color: var(--ink); }
.button-light:hover { background: var(--yellow-dark); box-shadow: 0 4px 12px rgba(136, 53, 253, 0.4); }
.button span { font-size: 19px; line-height: 0; }

main { width: min(1120px, calc(100% - 48px)); margin: 0 auto; }

.intro {
  position: relative;
  overflow: hidden;
  min-height: 276px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 4px 32px;
  margin: 20px 0;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--orange) 0%, var(--light-red) 50%, var(--purple) 100%);
  box-shadow: 0 8px 24px rgba(255, 107, 0, 0.3);
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--yellow);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.45px;
  text-shadow: 1px 1px 0 var(--orange-dark);
}

.intro .eyebrow { display: flex; align-items: center; gap: 8px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 8px var(--yellow); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Manrope, "DM Sans", sans-serif; }

h1 {
  margin: 0;
  font-size: clamp(38px, 5vw, 56px);
  line-height: 1.1;
  letter-spacing: -2.8px;
  color: var(--white);
  text-shadow: 2px 2px 0 var(--orange-dark);
}

h1 span { color: var(--yellow); text-shadow: 2px 2px 0 var(--orange-dark); }
.intro-text { margin: 15px 0 0; color: var(--white); font-size: 13px; opacity: 1; }
.sync-status { display: flex; align-items: center; gap: 8px; margin-top: 16px; color: var(--white); font-size: 10px; opacity: 1; }
.sync-indicator { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #c6cec7; }
.sync-indicator.online { background: var(--yellow); box-shadow: 0 0 8px var(--yellow); }
.sync-indicator.warning { background: var(--light-red); box-shadow: 0 0 8px var(--light-red); }
.sync-status .text-button { margin-left: 2px; padding: 4px; white-space: nowrap; color: var(--white); text-decoration: underline; }

.today-card {
  position: relative;
  width: 245px;
  min-height: 132px;
  overflow: hidden;
  padding: 20px 21px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--light-red) 0%, var(--orange) 100%);
  box-shadow: 0 6px 20px rgba(255, 82, 82, 0.3);
  border: 2px solid var(--yellow);
}

.today-label, .today-note { display: block; color: var(--white); font-size: 9px; opacity: 1; }
.today-label { letter-spacing: 1.25px; font-weight: 700; }
.today-card strong { display: block; margin: 12px 0 5px; font-family: Manrope, sans-serif; font-size: 20px; letter-spacing: -.6px; color: var(--yellow); text-shadow: 1px 1px 0 var(--orange-dark); }
.today-decoration { position: absolute; right: 17px; bottom: -23px; color: var(--yellow); opacity: 0.3; font-size: 101px; line-height: 1; }

.personal-market { margin: 0 0 18px; padding: 24px 27px 20px; border: 2px solid var(--orange); border-radius: 16px; background: linear-gradient(135deg, var(--orange-light) 0%, var(--yellow) 50%, var(--light-red-light) 100%); box-shadow: 0 6px 20px rgba(255, 107, 0, 0.2); }
.personal-market[hidden] { display: none; }
.personal-market-heading .eyebrow { margin-bottom: 3px; color: var(--orange-dark); text-shadow: 1px 1px 0 var(--yellow); }
.personal-market-heading h2 { margin: 0 0 17px; color: var(--orange-dark); font-family: Manrope, sans-serif; font-size: clamp(32px, 5vw, 50px); font-weight: 800; letter-spacing: -2px; line-height: 1.05; overflow-wrap: anywhere; text-shadow: 2px 2px 0 var(--yellow); }
.personal-markets-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; min-height: 140px; contain: layout; }
.personal-market-card { padding: 14px 16px; border: 2px solid var(--orange); border-radius: 12px; background: rgba(255, 255, 255, 0.6); cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; box-shadow: 0 3px 6px rgba(0,0,0,0.06); }
.personal-market-card:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.95); box-shadow: 0 6px 12px rgba(0,0,0,0.12); }
.personal-market-card-title { margin: 0 0 10px; color: var(--orange-dark); font-family: Manrope, sans-serif; font-size: clamp(22px, 3vw, 30px); font-weight: 800; letter-spacing: -1px; text-shadow: 1px 1px 0 var(--yellow); }
.personal-market-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.personal-market-value { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 12px; min-height: 75px; padding: 13px 16px; border: 2px solid var(--orange); border-radius: 9px; background: var(--white); box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }
.personal-market-value > span { color: var(--orange-dark); font-size: 10px; font-weight: 700; }
.personal-market-value strong { grid-column: 2; grid-row: 1 / span 2; color: var(--light-red-dark); font-family: Manrope, sans-serif; font-size: 30px; letter-spacing: -1px; }
.personal-market-value.upcoming strong { color: var(--purple-dark); font-size: 24px; letter-spacing: 1px; }
.personal-market-value time { color: var(--muted); font-size: 9px; }
.personal-market-note { margin: 12px 0 0; color: var(--orange-dark); font-size: 9px; opacity: 1; }

.live-feed { margin: 0 0 18px; padding: 24px 27px 27px; color: #fff; background: linear-gradient(145deg, #24152f 0%, #391b43 55%, #612044 100%); border: 2px solid #ff4da6; box-shadow: 7px 7px 0 #1b1024; }
.live-feed-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin-bottom: 4px; }
.live-feed-heading .eyebrow { margin: 0 0 6px; color: #fff; font-weight: 800; letter-spacing: 1.4px; }
.live-feed-heading h2 { margin: 0; color: #fff; font-size: clamp(22px, 3vw, 34px); letter-spacing: -1px; }
.live-feed-pulse { display: inline-flex; align-items: center; gap: 6px; color: #55e3db; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.live-feed-pulse i { width: 8px; height: 8px; border-radius: 50%; background: #55e3db; box-shadow: 0 0 0 5px rgba(85,227,219,.25); }
.live-feed-status { margin: 0 0 16px; color: #e8d8f3; font-size: 11px; }
.live-feed-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border: 2px solid var(--line); background: var(--paper); min-height: 230px; contain: layout; }
.live-feed-card { min-height: 175px; padding: 17px 15px 14px; border: 0; border-right: 2px solid var(--line); border-bottom: 2px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); text-align: center; cursor: pointer; transition: background .18s ease, box-shadow .18s ease; }
.live-feed-card:nth-child(even) { border-right: 0; }
.live-feed-card:nth-last-child(-n + 2) { border-bottom: 0; }
.live-feed-card:hover { transform: none; background: var(--amber); box-shadow: inset 0 0 0 3px var(--orange); }
.live-feed-card.priority { grid-column: 1 / -1; min-height: 120px; border-right: 0; border-bottom: 2px solid var(--line); background: var(--light-red); color: var(--white); }
.live-feed-card-label { color: var(--light-red-dark); font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.live-feed-card.priority .live-feed-card-label {
  display: inline-block;
  padding: 4px 12px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 235, 59, 0.6);
  border-radius: 999px;
  color: #ffeb3b;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  line-height: 1.25;
}
.live-feed-card h3 { min-height: 0; margin: 7px 0 3px; color: var(--light-red); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(20px, 2.2vw, 30px); line-height: 1.05; text-transform: uppercase; overflow-wrap: anywhere; }
.live-feed-card.priority h3 { color: var(--white); }

/* Color change animation only (no scaling) */
@keyframes colorChange {
  0%, 100% { color: var(--white); }
  50% { color: var(--orange); }
}

.live-feed-card.priority h3 {
  color: var(--white);
  animation: colorChange 2s ease-in-out infinite;
}

/* Make animation smoother on mobile/smaller screens */
@media (max-width: 768px) {
  .live-feed-card.priority h3 {
    animation-duration: 1.5s;
  }
}
.live-feed-value { display: block; margin: 2px 0 8px; color: var(--ink); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(34px, 3.8vw, 52px); line-height: .95; letter-spacing: 0; }
.live-feed-card.priority .live-feed-value { color: #ffffff; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.live-feed-schedule { margin: 5px 0 0; color: var(--light-red-dark); font-size: 12px; line-height: 1.45; font-weight: 700; }
.live-feed-card.priority .live-feed-schedule { color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.live-feed-card:focus-visible, .latest-results-card:focus-visible { outline: 3px solid var(--orange); outline-offset: -3px; }

.result-date-slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;

  margin: 8px 0;
  text-align: left;
}
.result-date-slot {
  display: flex;
  min-width: 0;
  min-height: 76px;
  flex-direction: column;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid #d5c7b5;
  background: var(--yellow);
  color: var(--ink);
}
.result-date-label {
  display: block;
  min-height: 2.3em;
  color: var(--orange-dark);
  font-size: clamp(10px, 1vw, 12px);
  font-weight: 800;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.result-date-value {
  display: block;
  margin-top: 5px;
  color: var(--light-red-dark);
  font-family: Manrope, sans-serif;
  font-size: clamp(20px, 2.4vw, 30px);
  font-weight: 800;
  line-height: 1;
  overflow-wrap: anywhere;
}
.result-date-value.unavailable { color: var(--muted); }
.result-date-value.conflict { color: var(--light-red-dark); }
.result-date-note {
  margin-top: 5px;
  color: var(--orange-dark);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.result-date-update-time {
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
  display: block;
}
.live-feed-card.priority .result-date-slot { border-color: #e8c8d6; }
.live-feed-card.priority .result-date-label { color: var(--orange-dark); }
.live-feed-card.priority .result-date-value { color: var(--light-red-dark); }
.live-feed-card.priority .result-date-value.unavailable { color: #665967; }

@media (max-width: 900px) {
  .live-feed-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .live-feed { padding: 20px 15px; box-shadow: 4px 4px 0 #1b1024; }
  .live-feed-heading { align-items: flex-start; flex-direction: column; }
  .live-feed-list { grid-template-columns: 1fr; }
  .live-feed-card { min-height: 0; }
}

/* Latest Results Board - Card Layout */
.latest-results-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 2px solid var(--line);
  background: var(--paper);
}

.latest-results-card {
  min-height: 140px;
  padding: 14px 12px 12px;
  border: 0;
  border-right: 2px solid var(--line);
  border-bottom: 2px solid var(--line);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  text-align: center;
  cursor: pointer;
  transition: background .18s ease, box-shadow .18s ease;
}

.latest-results-card:nth-child(even) {
  border-right: 0;
}

.latest-results-card:last-child,
.latest-results-card:nth-last-child(2) {
  border-bottom: 0;
}

.latest-results-card:hover {
  background: var(--mint);
  box-shadow: inset 0 0 0 9999px rgba(255, 107, 0, 0.04);
}

.latest-results-market,
.latest-results-card h3 {
  margin: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.5px;
  color: #ff6b00;
}

.latest-results-value {
  display: block;
  margin: 0 0 8px;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -1.5px;
  line-height: 1;
  color: var(--ink);
}

.latest-results-value.pending {
  color: #1cc930;
  font-size: 20px;
  font-weight: 700;
}

.latest-results-value.conflict {
  color: var(--light-red-dark);
}

.latest-results-updated {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.latest-results-bracket {
  margin: 0;
  color: var(--yellow-dark);
  font-size: 16px;
  font-weight: 900;
  font-family: monospace;
}

@media (max-width: 900px) {
  .latest-results-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .market-card-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
}

@media (min-width: 1101px) {
  .market-card-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}

@media (max-width: 560px) {
  .latest-results-list { grid-template-columns: 1fr; }
  .latest-results-card { min-height: 0; }
}

.dashboard { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .85fr); gap: 18px; }
.panel { border: 2px solid var(--orange); border-radius: 16px; background: var(--white); box-shadow: 0 6px 20px rgba(255, 107, 0, 0.15); }
.calendar-panel { padding: 23px 25px 20px; background: linear-gradient(180deg, var(--paper) 0%, var(--orange-light) 100%); }
.panel-heading, .archive-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.panel-heading .eyebrow, .archive-heading .eyebrow { margin-bottom: 6px; color: var(--orange-dark); }
.panel h2, .archive-heading h2 { margin: 0; font-size: 18px; letter-spacing: -.65px; color: var(--ink); }

.select-wrap { position: relative; display: inline-flex; align-items: center; }
.select-wrap select {
  min-height: 38px;
  appearance: none;
  border: 2px solid var(--orange);
  border-radius: 8px;
  padding: 0 31px 0 11px;
  background: var(--white);
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.select-wrap select:focus { outline: none; border-color: var(--light-red); box-shadow: 0 0 0 3px rgba(255, 82, 82, 0.2); }
.select-chevron { position: absolute; right: 11px; color: var(--orange-dark); pointer-events: none; }
.calendar-controls { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 25px 0 17px; }
.calendar-controls h3 { min-width: 134px; margin: 0; text-align: center; font-size: 13px; color: var(--orange-dark); }
.icon-button {
  display: grid;
  width: 33px;
  height: 33px;
  place-items: center;
  border: 2px solid var(--orange);
  border-radius: 8px;
  background: var(--white);
  color: var(--orange-dark);
  font-size: 17px;
  transition: all 0.15s;
}

.icon-button:hover { border-color: var(--light-red); background: var(--light-red-light); color: var(--light-red-dark); transform: scale(1.05); }
.text-button { border: 0; background: transparent; color: var(--orange-dark); font-size: 10px; font-weight: 700; text-decoration: underline; }
.text-button:hover { color: var(--light-red-dark); }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.calendar-weekdays { margin-bottom: 5px; color: var(--orange-dark); font-size: 9px; font-weight: 700; text-align: center; }
.calendar-weekdays span { padding: 6px 0; }
.calendar-days { row-gap: 3px; }

.day-cell {
  position: relative;
  min-height: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3px 2px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.1;
  transition: all 0.15s;
}

.day-cell .day-num {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.1;
}

.day-cell .day-val {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  margin-top: 2px;
  color: var(--orange-dark);
  background: rgba(255, 107, 0, 0.12);
  padding: 1px 4px;
  border-radius: 4px;
  letter-spacing: -0.2px;
}

.day-cell:hover { background: var(--orange-light); color: var(--orange-dark); transform: scale(1.05); }
.day-cell.muted { color: #4b5563; opacity: 0.6; }
.day-cell.muted .day-val { opacity: 0.7; }
.day-cell.selected { background: var(--orange); color: var(--white); font-weight: 700; box-shadow: 0 4px 12px rgba(255, 107, 0, 0.4); }
.day-cell.selected .day-val { color: #ffffff; background: rgba(0, 0, 0, 0.28); }
.day-cell.today:not(.selected) { box-shadow: inset 0 0 0 2px var(--yellow); font-weight: 700; }
.day-cell .day-marker { position: absolute; bottom: 3px; width: 4px; height: 4px; border-radius: 50%; background: var(--light-red); }
.day-cell.selected .day-marker { background: var(--yellow); }
.calendar-legend { display: flex; gap: 19px; margin-top: 16px; color: var(--muted); font-size: 9px; }
.calendar-legend span { display: inline-flex; align-items: center; gap: 6px; }
.legend-mark { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
.legend-mark.is-pending { background: var(--orange); }

.selected-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 25px 23px 19px;
  background: linear-gradient(135deg, var(--orange-dark) 0%, var(--light-red-dark) 100%);
  color: var(--white);
  border: 2px solid var(--yellow);
}

.selected-panel::after {
  position: absolute;
  right: -49px;
  top: 80px;
  width: 145px;
  height: 145px;
  border: 1px solid rgba(255, 235, 59, 0.2);
  border-radius: 50%;
  content: "";
}

.selected-panel .eyebrow { color: var(--yellow); }
.selected-panel h2 { position: relative; z-index: 1; margin: 0 0 23px; font-size: 19px; letter-spacing: -.7px; color: var(--yellow); text-shadow: 1px 1px 0 var(--orange-dark); }
.result-feature { position: relative; z-index: 1; min-height: 127px; padding: 17px 18px; border-radius: 10px; background: rgba(255, 235, 59, 0.15); border: 1px solid var(--yellow); }
.feature-caption { display: block; color: var(--orange-dark); font-size: 10px; opacity: 1; }
.result-feature strong { display: block; margin: 5px 0 2px; color: var(--yellow); font-family: Manrope, sans-serif; font-size: 44px; letter-spacing: -2px; text-shadow: 2px 2px 0 var(--light-red-dark); }
.feature-status { color: var(--orange-light); font-size: 9px; }
.selected-description { min-height: 33px; margin: 15px 0 14px; color: var(--orange-light); font-size: 10px; line-height: 1.55; }
.selected-panel .button { align-self: flex-start; }
.feature-footer { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--orange-light); font-size: 9px; }
.footer-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--yellow); color: var(--orange-dark); }

.schedule-section { margin-top: 18px; padding: 22px 25px; background: linear-gradient(135deg, var(--yellow) 0%, var(--orange-light) 100%); border: 2px solid var(--orange); }
.schedule-heading { margin-bottom: 8px; }
.schedule-heading .eyebrow { margin-bottom: 6px; color: var(--orange-dark); }
.schedule-heading h2 { margin: 0; font-size: 18px; letter-spacing: -.65px; color: var(--orange-dark); }
.schedule-notice { margin: 0 0 13px; color: var(--ink); font-size: 10px; line-height: 1.5; opacity: 1; }
.schedule-source-status { margin: 0 0 10px; color: var(--orange-dark); font-size: 9px; }
.schedule-source-status.warning { color: var(--light-red-dark); }
.schedule-table-wrap { max-height: 340px; }
.schedule-estimate, .schedule-next { display: grid; gap: 3px; margin: 2px 0; }
.schedule-estimate strong { color: var(--ink); font-size: 10px; font-weight: 700; }
.schedule-estimate span, .schedule-next { color: var(--muted); font-size: 9px; }
.schedule-estimate.schedule-conflict strong, .schedule-next.schedule-conflict { color: var(--light-red-dark); }

.archive-section { margin: 42px 0 50px; }
.archive-heading { margin-bottom: 13px; }
.archive-heading .eyebrow { color: var(--purple-dark); }
.archive-heading h2 { color: var(--purple-dark); }
.archive-filters { display: flex; align-items: center; gap: 9px; }
.market-chart { margin: 0; padding: 0; background: linear-gradient(135deg, var(--teal) 0%, var(--purple) 100%); }
.market-chart-heading { display: flex; justify-content: space-between; align-items: end; gap: 14px; margin-bottom: 8px; }
.market-chart-heading .eyebrow { margin-bottom: 5px; color: var(--white); }
.market-chart-heading h3 { margin: 0; font-size: 16px; color: var(--white); }
.date-selectors { display: flex; align-items: end; gap: 8px; }
.chart-month-label { display: grid; gap: 4px; color: var(--white); font-size: 10px; }
.chart-month-label select, .calendar-date-selectors select { min-height: 34px; padding: 0 8px; border: 2px solid var(--white); border-radius: 6px; background: rgba(255,255,255,0.2); color: var(--white); font-weight: 600; }
.chart-month-label select:focus, .calendar-date-selectors select:focus { outline: none; border-color: var(--yellow); background: rgba(255,255,255,0.3); }
.calendar-date-selectors { display: flex; align-items: center; gap: 6px; }
.calendar-date-selectors select { min-height: 32px; font-size: 11px; font-weight: 700; }
.chart-status { margin: 0 0 8px; color: var(--ink); font-size: 10px; opacity: 1; }
.market-chart-wrap {
  width: 100%;
  max-width: 100%;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}
.market-chart-table { width: max-content; min-width: 100%; }
.market-chart-table th, .market-chart-table td { min-width: 68px; padding: 8px 10px; border-top: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); text-align: center; white-space: nowrap; font-size: 10px; color: var(--ink); }
.market-chart-table thead th { position: sticky; top: 0; z-index: 2; background: rgba(0, 188, 212, 0.9); color: var(--ink); text-transform: none; font-weight: 700; }
.market-chart-table .chart-date-heading { position: sticky; left: 0; z-index: 1; min-width: 92px; background: rgba(0, 151, 167, 0.9); text-align: left; color: var(--ink); font-weight: 700; }
.market-chart-table thead .chart-date-heading { z-index: 3; background: var(--purple); color: var(--yellow); }
.market-chart-table tbody tr:nth-child(even) td { background: rgba(255,255,255,0.05); }
.market-chart-table tbody tr:nth-child(odd) td { background: transparent; }
.market-chart-table td.chart-wait { background: var(--yellow) !important; color: var(--orange-dark); font-weight: 700; }
.market-chart-table td.chart-conflict { background: var(--light-red) !important; color: var(--white); }
.search-field { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border: 2px solid var(--purple); border-radius: 8px; background: var(--white); }
.search-icon { color: var(--purple); font-size: 19px; }
.search-field input { width: 145px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 10px; }
.search-field input::placeholder { color: var(--muted); }
.history-select-wrap select { min-height: 38px; border: 2px solid var(--purple); border-radius: 8px; background: var(--white); }
.demo-notice { display: flex; align-items: center; gap: 8px; margin: 0 0 13px; color: var(--muted); font-size: 10px; }
.demo-notice span { color: var(--purple); font-size: 13px; }
.table-wrap { overflow-x: auto; border: 2px solid var(--purple); border-radius: 12px; background: var(--white); }
.market-detail-chart-wrap {
  width: 100%;
  max-width: 100%;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}
.market-detail-chart-table { width: max-content; min-width: 100%; }
table { width: 100%; border-collapse: collapse; text-align: left; }
thead { background: linear-gradient(90deg, var(--purple) 0%, var(--purple-dark) 100%); }
th { padding: 12px 17px; color: var(--white); font-size: 9px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
td { padding: 12px 17px; border-top: 1px solid #e0e0e0; color: var(--ink); font-size: 10px; }
td:first-child { font-weight: 600; color: var(--purple-dark); }
.table-result { display: inline-grid; min-width: 36px; min-height: 25px; place-items: center; border-radius: 6px; background: var(--teal); color: var(--white); font-weight: 700; }
.table-result.pending { background: var(--orange); color: var(--white); }
.record-status { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; }
.record-status::before { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); content: ""; }
.record-status.pending::before { background: var(--orange); }
.record-status.conflict::before { background: var(--light-red); }
.record-status.conflict { color: var(--light-red-dark); }
/* Edit UI removed for public viewers; admin editing is server-side only */
.edit-button { display: none !important; }
.empty-state { padding: 28px 12px; color: var(--muted); text-align: center; font-size: 11px; }

.site-footer { min-height: 75px; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 15px max(6.5vw, 24px); border-top: 3px solid var(--orange); background: linear-gradient(90deg, var(--orange-dark) 0%, var(--light-red-dark) 100%); color: var(--white); font-size: 9px; }
.footer-brand { color: var(--yellow); font-size: 15px; text-shadow: 1px 1px 0 var(--orange-dark); }
.footer-links a { color: var(--white); opacity: 1; }
.footer-links a:hover { color: var(--yellow); opacity: 1; }

.entry-dialog { width: min(420px, calc(100% - 32px)); padding: 0; border: 0; border-radius: 14px; color: var(--ink); box-shadow: 0 20px 80px rgba(14, 35, 31, .25); }
.entry-dialog::backdrop { background: rgba(15, 34, 30, .48); backdrop-filter: blur(3px); }
.entry-dialog form { padding: 25px; }
.dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 22px; }
.dialog-heading .eyebrow { margin-bottom: 5px; }
.dialog-heading h2 { margin: 0; font-size: 20px; }
.close-dialog { font-size: 21px; }
.form-field { display: grid; gap: 7px; margin: 0 0 16px; color: #58675f; font-size: 10px; font-weight: 700; }
.form-field input, .form-field select { min-height: 42px; width: 100%; border: 1px solid var(--line); border-radius: 7px; padding: 0 11px; background: white; color: var(--ink); font-size: 12px; }
.form-field small { color: #839087; font-size: 9px; font-weight: 400; }
.form-error { margin: 0 0 14px; color: #ad4135; font-size: 10px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 5; padding: 12px 16px; transform: translateY(14px); border-radius: 9px; background: var(--green-dark); color: white; opacity: 0; pointer-events: none; font-size: 11px; transition: opacity .2s, transform .2s; }
.toast.visible { transform: translateY(0); opacity: 1; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
.load-error { max-width: 600px; margin: 48px auto; padding: 28px; }
.load-error h1 { font-size: 24px; letter-spacing: -1px; }
.load-error p { color: var(--muted); font-size: 12px; line-height: 1.6; }

@media (max-width: 760px) {
  .topbar { min-height: 67px; padding: 0 20px; }
  .top-nav { gap: 16px; margin-right: 0; }
  .nav-link { font-size: 11px; }
  main { width: min(100% - 32px, 580px); }
  .intro { min-height: 245px; }
  .today-card { width: 205px; }
  .personal-market { padding: 20px; }
  .dashboard { grid-template-columns: 1fr; }
  .selected-panel { min-height: 325px; }
  .archive-section { margin-top: 34px; }
  .market-chart-heading { align-items: flex-start; flex-direction: column; }
  .market-chart-wrap { max-height: none !important; overflow-y: visible !important; touch-action: pan-x pan-y; }
  .market-chart-table th, .market-chart-table td { min-width: 44px; padding: 5px 4px; font-size: 9px; }
  .market-chart-table .chart-date-heading { min-width: 50px; }
}

@media (max-width: 520px) {
  .topbar { gap: 10px; padding: 0 15px; }
  .brand { gap: 7px; font-size: 16px; }
  .brand-mark { width: 28px; height: 28px; }
  .top-nav { gap: 10px; }
  .nav-link { font-size: 9px; }
  main { width: calc(100% - 28px); }
  .intro { min-height: unset; align-items: flex-start; flex-direction: column; gap: 22px; padding: 37px 2px 25px; }
  .personal-market-values { grid-template-columns: 1fr; }
  h1 { font-size: 43px; }
  .intro-text { max-width: 290px; font-size: 12px; line-height: 1.55; }
  .today-card { width: 100%; min-height: 105px; padding: 15px 17px; }
  .today-card strong { margin: 7px 0 3px; font-size: 17px; }
  .calendar-panel { padding: 20px 13px 16px; }
  .panel h2 { font-size: 16px; }
  .calendar-heading { align-items: flex-start; }
  .calendar-heading .select-wrap select { max-width: 117px; padding-left: 8px; font-size: 9px; }
  .calendar-controls { gap: 9px; }
  .calendar-controls h3 { min-width: 115px; }
  .day-cell { min-height: 39px; }
  .calendar-legend { gap: 12px; font-size: 8px; }
  .archive-heading { align-items: flex-start; flex-direction: column; }
  .schedule-section { padding: 18px 13px; }
  .schedule-section th, .schedule-section td { padding: 10px 8px; }
  .schedule-section th { font-size: 8px; }
  .schedule-estimate strong { font-size: 9px; }
  .archive-filters { width: 100%; }
  .search-field { flex: 1; }
  .search-field input { width: 100%; min-width: 70px; }
  .history-select-wrap select { max-width: 130px; }
  th, td { padding: 11px 10px; }
  th { font-size: 8px; }
  td { font-size: 9px; }
  .site-footer { align-items: flex-start; flex-direction: column; justify-content: center; padding: 17px 20px; }
  .market-chart-wrap { max-height: none !important; overflow-y: visible !important; touch-action: pan-x pan-y; }
  .market-chart-table th, .market-chart-table td { min-width: 36px; padding: 4px 3px; font-size: 8px; }
  .market-chart-table .chart-date-heading { min-width: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

html[data-theme] body .market-chart .market-chart-table th,
html[data-theme] body .market-chart .market-chart-table td {
  min-width: 48px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.15;
}
html[data-theme] body .market-chart .market-chart-table th.chart-date-heading { min-width: 58px; }

@media (max-width: 760px) {
  html[data-theme] body .market-chart .market-chart-wrap { max-height: none !important; overflow-y: visible !important; touch-action: pan-x pan-y; }
  html[data-theme] body .market-chart .market-chart-table th,
  html[data-theme] body .market-chart .market-chart-table td {
    min-width: 44px;
    padding: 5px 4px;
    font-size: 9px;
  }
  html[data-theme] body .market-chart .market-chart-table th.chart-date-heading { min-width: 50px; }
}

@media (max-width: 520px) {
  html[data-theme] body .market-chart .market-chart-wrap { max-height: none !important; overflow-y: visible !important; touch-action: pan-x pan-y; }
  html[data-theme] body .market-chart .market-chart-table th,
  html[data-theme] body .market-chart .market-chart-table td {
    min-width: 36px;
    padding: 4px 3px;
    font-size: 8px;
  }
  html[data-theme] body .market-chart .market-chart-table th.chart-date-heading { min-width: 44px; }
}
html[data-theme] body .market-chart .market-chart-table td.chart-invalid-day {
  background: var(--page) !important;
  color: transparent;
}
html[data-theme] body header.topbar,
html[data-theme] body footer.site-footer {
  border-color: var(--gold);
  background: var(--accent-strong);
  color: #fff9ec;
}
html[data-theme] body header.topbar .brand,
html[data-theme] body header.topbar .nav-link,
html[data-theme] body footer.site-footer .brand,
html[data-theme] body footer.site-footer a {
  color: #fff9ec;
}
html[data-theme] body header.topbar .nav-link.active,
html[data-theme] body header.topbar .nav-link:hover,
html[data-theme] body footer.site-footer a:hover {
  color: var(--gold-light);
}
html[data-theme] body main .market-chart .market-chart-heading {
  border-bottom: 2px solid var(--gold);
  background: var(--accent-strong);
}
html[data-theme] body main .market-chart .market-chart-heading h2,
html[data-theme] body main .market-chart .market-chart-heading .eyebrow,
html[data-theme] body main .market-chart .chart-month-label {
  color: #fff9ec;
}
html[data-theme] body main .market-chart .market-chart-heading .eyebrow { color: var(--gold-light); }

html[data-theme] .topbar, html[data-theme] .site-footer {
  border-color: var(--gold);
  background: var(--accent-strong);
  color: #fff9ec;
}
html[data-theme] .brand, html[data-theme] .nav-link,
html[data-theme] .footer-brand, html[data-theme] .footer-links a {
  color: #fff9ec;
}
html[data-theme] .brand-dot, html[data-theme] .nav-link.active,
html[data-theme] .nav-link:hover, html[data-theme] .footer-links a:hover {
  color: var(--gold-light);
}
html[data-theme] .intro {
  border-color: var(--accent-strong);
  border-bottom-color: var(--gold);
  background: linear-gradient(115deg, var(--accent-strong), var(--accent));
}
html[data-theme] .intro h1, html[data-theme] .intro-text,
html[data-theme] .intro .sync-status, html[data-theme] .intro .text-button {
  color: #fffaf0;
}
html[data-theme] .intro h1 span, html[data-theme] .today-card strong { color: var(--gold-light); }
html[data-theme] .today-card {
  border-color: var(--gold-light);
  background: rgba(24, 10, 15, .22);
}
html[data-theme] .theme-switch { border-color: rgba(255,255,255,.32); background: rgba(25,10,15,.22); }
html[data-theme] .theme-choice { color: #fff9ec; }
html[data-theme] .theme-choice[aria-pressed="true"] { background: var(--gold-light); color: var(--accent-strong); }
html[data-theme] .market-chart .market-chart-heading,
html[data-theme] .latest-results .latest-results-heading {
  border-color: var(--border);
  background: var(--surface-alt);
}
html[data-theme] .market-chart .market-chart-heading h2,
html[data-theme] .market-chart .market-chart-heading .eyebrow,
html[data-theme] .latest-results .latest-results-heading h2,
html[data-theme] .latest-results .latest-results-heading .eyebrow {
  color: var(--text);
}
html[data-theme] .market-chart .market-chart-heading .eyebrow,
html[data-theme] .latest-results .latest-results-heading .eyebrow { color: var(--accent-strong); }
html[data-theme] .market-chart .market-chart-table thead th,
html[data-theme] .year-chart-table thead th { background: var(--accent-strong); color: #fffaf0; }
html[data-theme] .market-chart .market-chart-table th.chart-date-heading,
html[data-theme] .year-chart-table .chart-date-heading { background: var(--surface-alt); color: var(--text); }
html[data-theme] .market-chart .market-chart-table thead .chart-date-heading,
html[data-theme] .year-chart-table thead .chart-date-heading { background: var(--gold-light); }
html[data-theme] .market-chart .market-chart-table tbody tr:nth-child(even) td,
html[data-theme] .year-chart-table tbody tr:nth-child(even) td { background: var(--surface-alt); }
html[data-theme] .market-chart .market-chart-table tbody tr:nth-child(odd) td,
html[data-theme] .year-chart-table tbody tr:nth-child(odd) td { background: var(--surface); }
html[data-theme] .market-chart .market-chart-table td.chart-wait,
html[data-theme] .year-chart-table td.chart-wait { background: var(--gold-light) !important; color: var(--text); }
html[data-theme] .market-chart .market-chart-table td.chart-conflict,
html[data-theme] .year-chart-table td.chart-conflict { background: var(--warning-bg) !important; color: var(--warning-strong); }
html[data-theme] .legal-document h1, html[data-theme] .legal-document h2 { color: var(--accent-strong); }
html[data-theme] .legal-document p, html[data-theme] .legal-document li { color: var(--text); }
html[data-theme="night"] .market-chart .market-chart-table thead .chart-date-heading,
html[data-theme="night"] .year-chart-table thead .chart-date-heading { color: var(--text); }
html[data-theme] .market-chart .market-chart-table th,
html[data-theme] .market-chart .market-chart-table td {
  min-width: 48px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.15;
}
html[data-theme] .market-chart .market-chart-table th.chart-date-heading { min-width: 58px; }
html[data-theme] .market-chart .market-chart-table td.chart-invalid-day {
  background: var(--page) !important;
  color: transparent;
}
html[data-theme="night"] .theme-choice[aria-pressed="true"] {
  border-color: var(--gold);
  background: var(--gold);
  color: #241a13;
}
html[data-theme="night"] .day-cell.selected {
  background: var(--gold);
  color: #241a13;
}

/* ========================================
   LIVE USERS COUNTER (Hero & Header)
   ======================================== */
.live-users-counter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 11px;
  font-weight: 700;
  color: var(--white);
  margin-top: 10px;
  margin-left: 0;
  width: fit-content;
  max-width: 100%;
  flex-wrap: nowrap;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.live-users-icon {
  font-size: 14px;
  line-height: 1;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.1); }
}

.live-users-count {
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: var(--yellow);
  text-shadow: 1px 1px 0 var(--orange-dark);
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.live-users-label {
  display: inline-block !important;
  font-size: 11px;
  opacity: 1 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .live-users-counter {
    padding: 5px 12px;
    gap: 5px;
    font-size: 10.5px;
    margin-top: 8px;
    margin-left: 0;
  }
  .live-users-count {
    font-size: 12px;
    min-width: auto;
  }
  .live-users-label {
    display: inline-block !important;
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}

@media (max-width: 520px) {
  .live-users-counter {
    position: static;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 4px 10px;
    gap: 5px;
    font-size: 10px;
    z-index: auto;
  }
  .live-users-count {
    font-size: 11.5px;
    min-width: auto;
  }
  .live-users-label {
    display: inline-block !important;
    font-size: 9.5px;
    letter-spacing: 0.3px;
    white-space: nowrap;
  }
}

/* ========================================
   FAQ ACCORDION SECTION
   ======================================== */
.faq-section {
  margin: 30px 0;
  padding: 24px 27px;
  background: var(--white);
  border: 2px solid var(--orange);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.15);
}

.faq-heading {
  margin-bottom: 20px;
}

.faq-heading .eyebrow {
  color: var(--orange-dark);
  margin-bottom: 6px;
}

.faq-heading h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.8px;
  color: var(--ink);
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 340px;
  contain: layout;
}

.faq-item {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  overflow: hidden;
  transition: all 0.2s ease;
}

.faq-item:hover {
  border-color: var(--orange);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.1);
}

.faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: transparent;
  border: none;
  text-align: left;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  transition: background 0.15s ease;
}

.faq-question:hover {
  background: var(--orange-light);
}

.faq-question:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: -3px;
}

.faq-question-text {
  flex: 1;
  line-height: 1.4;
}

.faq-question-text .lang-en {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--orange-dark);
  margin-bottom: 2px;
}

.faq-question-text .lang-hi {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  line-height: 1.3;
}

.faq-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  background: var(--orange);
  color: var(--white);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.2s ease, background 0.15s ease;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
  background: var(--light-red);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  background: var(--white);
  border-top: 1px solid var(--line);
}

.faq-item.active .faq-answer {
  max-height: 500px;
  padding: 16px 20px;
}

.faq-answer-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-answer-block {
  line-height: 1.6;
  font-size: 12px;
  color: var(--ink);
}

.faq-answer-block .lang-en {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
}

.faq-answer-block .lang-hi {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.faq-answer-block strong {
  color: var(--orange-dark);
}

.faq-answer-block a {
  color: var(--orange);
  text-decoration: underline;
  font-weight: 600;
}

.faq-answer-block a:hover {
  color: var(--light-red);
}

@media (max-width: 760px) {
  .faq-section {
    padding: 20px 15px;
    margin: 20px 0;
  }
  .faq-heading h2 {
    font-size: 18px;
  }
  .faq-question {
    padding: 14px 16px;
    font-size: 13px;
  }
  .faq-question-text .lang-en {
    font-size: 12px;
  }
  .faq-question-text .lang-hi {
    font-size: 11px;
  }
  .faq-item.active .faq-answer {
    padding: 14px 16px;
  }
  .faq-answer-block {
    font-size: 11px;
  }
  .faq-answer-block .lang-hi {
    font-size: 10px;
  }
}

/* ========================================
   SEO CONTENT SECTION (Bilingual Blocks)
   ======================================== */
.seo-content-section {
  margin: 30px 0;
}

.seo-content-heading {
  margin-bottom: 20px;
  text-align: center;
}

.seo-content-heading .eyebrow {
  color: var(--purple-dark);
  margin-bottom: 6px;
}

.seo-content-heading h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.8px;
  color: var(--purple-dark);
}

.seo-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}

.seo-content-card {
  padding: 24px;
  background: var(--white);
  border: 2px solid var(--purple);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(128, 0, 128, 0.15);
  transition: all 0.2s ease;
}

.seo-content-card:hover {
  border-color: var(--purple-dark);
  box-shadow: 0 8px 24px rgba(128, 0, 128, 0.2);
  transform: translateY(-2px);
}

.seo-content-card .card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);
  border-radius: 12px;
  color: var(--white);
  font-size: 22px;
  margin-bottom: 16px;
}

.seo-content-card h3 {
  margin: 0 0 12px;
  font-size: 18px;
  letter-spacing: -0.5px;
  color: var(--purple-dark);
}

.seo-content-card .content-block {
  line-height: 1.7;
  font-size: 12px;
  color: var(--ink);
}

.seo-content-card .content-block .lang-en {
  display: block;
  margin-bottom: 10px;
  color: var(--ink);
}

.seo-content-card .content-block .lang-hi {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.seo-content-card .content-block strong {
  color: var(--purple-dark);
}

.seo-content-card .content-block a {
  color: var(--purple);
  text-decoration: underline;
  font-weight: 600;
}

.seo-content-card .content-block a:hover {
  color: var(--purple-dark);
}

@media (max-width: 760px) {
  .seo-content-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .seo-content-card {
    padding: 20px 16px;
  }
  .seo-content-card h3 {
    font-size: 16px;
  }
  .seo-content-card .content-block {
    font-size: 11px;
  }
  .seo-content-card .content-block .lang-hi {
    font-size: 10px;
  }
}

/* ========================================
   BLOG SECTION
   ======================================== */
.blog-section {
  margin: 30px 0;
  padding: 24px 27px;
  background: var(--white);
  border: 2px solid var(--orange);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.15);
}

.blog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.blog-heading .eyebrow {
  color: var(--orange-dark);
  margin-bottom: 6px;
}

.blog-heading h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.8px;
  color: var(--ink);
}

.view-all-blogs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--orange);
  color: var(--white);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.view-all-blogs:hover {
  background: var(--orange-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3);
  color: var(--white);
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.blog-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}

.blog-card:hover {
  border-color: var(--orange);
  box-shadow: 0 8px 24px rgba(255, 107, 0, 0.15);
  transform: translateY(-4px);
}

.blog-card-image {
  width: 100%;
  height: 160px;
  background: linear-gradient(135deg, var(--orange-light) 0%, var(--yellow) 100%);
  display: grid;
  place-items: center;
  color: var(--orange-dark);
  font-size: 32px;
  position: relative;
  overflow: hidden;
}

.blog-card-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.1) 100%);
}

.blog-card-content {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.blog-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 10px;
  color: var(--muted);
}

.blog-card-category {
  background: var(--orange);
  color: var(--white);
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 9px;
  text-transform: uppercase;
}

.blog-card-date {
  font-weight: 600;
}

.blog-card-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.blog-card-excerpt {
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
  flex: 1;
}

.blog-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--orange);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.15s ease;
}

.blog-card-link:hover {
  color: var(--light-red);
  gap: 10px;
}

@media (max-width: 760px) {
  .blog-section {
    padding: 20px 15px;
    margin: 20px 0;
  }
  .blog-heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-heading h2 {
    font-size: 18px;
  }
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .blog-card-image {
    height: 140px;
  }
  .blog-card-content {
    padding: 14px;
  }
  .blog-card-title {
    font-size: 14px;
  }
  .blog-card-excerpt {
    font-size: 10px;
  }
}
html[data-theme="night"] .legal-document h1,
html[data-theme="night"] .legal-document h2,
html[data-theme="night"] .year-chart-header h1,
html[data-theme="night"] .eyebrow,
html[data-theme="night"] .panel-heading .eyebrow,
html[data-theme="night"] .archive-heading .eyebrow,
html[data-theme="night"] .text-button,
html[data-theme="night"] .select-chevron {
  color: var(--gold);
}
html[data-theme] #debug-panel {
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface-alt) !important;
  color: var(--text);
}
html[data-theme] #debug-panel strong { color: var(--accent-strong); }

:root {
  --ink: #1a1a1a;
  --muted: #666666;
  --line: #ffcc80;
  --paper: #fff8f0;
  --white: #ffffff;
  --orange: #ff6b00;
  --orange-dark: #b33600;
  --orange-light: #ffcc80;
  --yellow: #ffeb3b;
  --yellow-dark: #fdd835;
  --light-red: #ff5252;
  --light-red-dark: #b71c1c;
  --light-red-light: #ffcdd2;
  --teal: #00bcd4;
  --teal-dark: #0097a7;
  --purple: #9c27b0;
  --purple-dark: #7b1fa2;
}

body {
  background-color: var(--paper);
  background-image: radial-gradient(#ffcc80 1.2px, transparent 1.2px);
  background-size: 19px 19px;
}

.topbar {
  border-bottom: 3px solid var(--yellow);
  background: linear-gradient(90deg, var(--orange-dark) 0%, var(--light-red-dark) 100%);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3);
}

.brand-mark {
  border: 2px solid var(--white);
  border-radius: 50%;
  background: var(--yellow);
  color: var(--orange-dark);
  box-shadow: 3px 3px 0 var(--orange-dark);
  font-weight: 900;
}

.brand-dot { color: var(--light-red); }
.nav-link { color: var(--orange-light); }
.nav-link.active, .nav-link:hover { color: var(--yellow); }

main { width: min(1240px, calc(100% - 40px)); }

.intro {
  position: relative;
  min-height: 265px;
  margin-top: 22px;
  overflow: hidden;
  padding: 34px 38px;
  border: 3px solid var(--orange);
  border-radius: 24px;
  background: linear-gradient(115deg, var(--orange) 0%, var(--yellow) 50%, var(--light-red) 100%);
  box-shadow: 0 8px 24px rgba(255, 107, 0, 0.3);
}

.intro::after {
  position: absolute;
  right: 29%;
  top: -76px;
  width: 205px;
  height: 205px;
  border: 3px dashed rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.eyebrow {
  color: var(--orange-dark);
  letter-spacing: 1.15px;
}

.status-dot { background: var(--orange); box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.3); }
h1 { color: var(--white); text-shadow: 2px 2px 0 var(--orange-dark); }
h1 span { color: var(--yellow); }
.intro-text { color: var(--white); opacity: 1; }
.sync-status { color: var(--orange-light); }
.sync-indicator.online { background: var(--yellow); box-shadow: 0 0 8px var(--yellow); }
.sync-indicator.warning { background: var(--light-red); box-shadow: 0 0 8px var(--light-red); }
.sync-status .text-button { color: var(--white); text-decoration: underline; text-underline-offset: 3px; }

.today-card {
  z-index: 1;
  border: 3px solid var(--orange);
  border-radius: 18px;
  background: var(--light-red);
  box-shadow: 0 6px 20px rgba(255, 82, 82, 0.3);
}

.today-label, .today-note { color: var(--white); }
.today-card strong { color: var(--white); text-shadow: 1px 1px 0 var(--orange-dark); }
.today-decoration { color: var(--yellow); opacity: 0.4; }

.personal-market {
  border: 3px solid var(--orange);
  border-radius: 20px;
  background: linear-gradient(135deg, var(--orange) 0%, var(--yellow) 50%, var(--light-red) 100%);
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.3);
}

.personal-market-heading .eyebrow { color: var(--orange-dark); }
.personal-market-heading h2 { color: var(--orange-dark); }
.personal-market-value {
  border: 2px solid var(--orange);
  border-radius: 13px;
  background: var(--white);
}
.personal-market-value > span, .personal-market-value time, .personal-market-note { color: var(--orange-dark); }
.personal-market-value strong { color: var(--light-red-dark); }
.personal-market-value.upcoming strong { color: var(--purple-dark); }

.panel {
  border: 3px solid var(--orange);
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.2);
}

.calendar-panel { background: var(--paper); }
.panel h2, .archive-heading h2 { color: var(--orange-dark); font-weight: 700; }
.select-wrap select, .chart-month-label select, .calendar-date-selectors select, .search-field {
  border: 2px solid var(--orange);
  border-radius: 10px;
  background-color: var(--white);
  color: var(--ink);
}
.select-chevron { color: var(--orange-dark); }

.calendar-controls { margin-top: 23px; }
.icon-button {
  border: 2px solid var(--orange);
  border-radius: 11px;
  background: var(--teal);
  color: var(--ink);
  box-shadow: 2px 2px 0 var(--orange-dark);
}
.icon-button:hover { border-color: var(--light-red); background: var(--light-red-light); color: var(--light-red-dark); }
.text-button { color: var(--orange-dark); font-weight: 600; }
.calendar-weekdays { color: var(--orange-dark); font-weight: 700; }
.day-cell { border-radius: 12px; color: var(--ink); }
.day-cell:hover { background: var(--orange-light); color: var(--orange-dark); }
.day-cell.selected { outline: 3px solid var(--yellow); background: var(--orange); color: var(--white); font-weight: 700; }
.day-cell.today:not(.selected) { box-shadow: inset 0 0 0 2px var(--yellow); font-weight: 700; }
.day-cell .day-marker { background: var(--light-red); }
.day-cell.selected .day-marker { background: var(--yellow); }
.calendar-legend { color: var(--muted); }
.legend-mark.has-result { background: var(--teal); }
.legend-mark.is-pending { background: var(--orange); }

.selected-panel {
  border-color: var(--orange);
  background: linear-gradient(150deg, var(--orange-dark) 0%, var(--light-red-dark) 100%);
  color: var(--white);
}
.selected-panel .eyebrow { color: var(--yellow); }
.selected-panel h2 { color: var(--yellow); }
.result-feature { border: 1px solid rgba(255, 235, 59, 0.4); background: rgba(255, 235, 59, 0.15); }
.feature-caption, .feature-status, .selected-description, .feature-footer { color: var(--orange-dark); }
.result-feature strong { color: #3bf24c; text-shadow: 1px 1px 0 var(--orange-dark); }
.footer-icon { background: var(--yellow); color: var(--orange-dark); }

.schedule-section { background: linear-gradient(135deg, var(--orange) 0%, var(--yellow) 100%); }
.schedule-section h2 { color: var(--orange-dark); }
.schedule-notice, .schedule-source-status { color: var(--orange-dark); }
.schedule-source-status.warning { color: var(--light-red-dark); }
.schedule-table-wrap, .table-wrap { border: 2px solid var(--orange); border-radius: 13px; }

.archive-heading .eyebrow { color: var(--purple-dark); }
.market-chart {
  background: var(--white);
}
.market-chart-heading h3 { color: var(--orange-dark); }
.chart-month-label { color: var(--orange-dark); font-weight: 700; }
.chart-status { color: var(--orange-dark); font-weight: 600; }
.market-chart-table th, .market-chart-table td {
  border-color: rgba(255, 107, 0, 0.2);
}
.market-chart-table thead th {
  background: var(--orange);
  color: var(--white);
}
.market-chart-table thead th:nth-child(4n + 2) { background: var(--orange-light); }
.market-chart-table thead th:nth-child(4n + 3) { background: var(--yellow); }
.market-chart-table thead th:nth-child(4n + 4) { background: var(--light-red-light); }
.market-chart-table thead th:nth-child(4n + 5) { background: var(--teal); }
.market-chart-table .chart-date-heading { background: var(--orange-light); color: var(--orange-dark); }
.market-chart-table thead .chart-date-heading { background: var(--yellow); }
.market-chart-table tbody tr:nth-child(even) td { background-color: rgba(255, 107, 0, 0.05); }
.market-chart-table tbody tr:nth-child(odd) td { background-color: var(--white); }
.market-chart-table tbody tr:nth-child(even) .chart-date-heading { background: rgba(255, 204, 128, 0.3); }
.market-chart-table tbody tr:nth-child(odd) .chart-date-heading { background: var(--orange-light); }
.market-chart-table td.chart-wait { background: var(--yellow) !important; color: var(--orange-dark); }
.market-chart-table td.chart-conflict { background: var(--light-red) !important; color: var(--white); }

/* Latest Results Board */
.latest-results {
  margin: 0 0 24px;
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.2);
}
.latest-results-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 8px;
}
.latest-results-heading .eyebrow { margin-bottom: 5px; color: var(--orange-dark); }
.latest-results-heading h2 { margin: 0; color: var(--orange-dark); font-size: 22px; letter-spacing: -.7px; }
.latest-results-status { margin: 0 0 8px; color: var(--orange-dark); font-weight: 600; font-size: 12px; }

/* Year Archive Sections */
.year-archive { margin-top: 42px; }
.year-archive-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 20px;
}
.year-archive-heading .eyebrow { margin-bottom: 5px; color: var(--purple-dark); }
.year-archive-heading h2 { margin: 0; color: var(--orange-dark); font-size: 22px; letter-spacing: -.7px; }
.archive-back-link { margin-left: auto; white-space: nowrap; text-decoration: none; }
.year-archive-grid { display: grid; grid-template-columns: 1fr; gap: 9px; }
.market-chart-slide { display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 12px 18px; border: 3px solid var(--light-red-dark); border-radius: 10px; background: var(--paper); box-shadow: 0 4px 0 var(--muted); color: var(--ink); text-align: center; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.market-chart-slide strong { color: var(--ink); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(14px, 1.5vw, 20px); letter-spacing: .15px; }
.market-chart-slide span { margin-left: 12px; color: var(--muted); font-size: 10px; }
.market-chart-slide:hover { transform: translateY(-2px); background: var(--amber); box-shadow: 0 6px 0 var(--muted); }
.market-chart-slide:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.market-chart-slide.no-data { opacity: .78; }
.market-chart-slide.no-data strong { color: var(--muted); }
.market-chart-slide.no-data span { color: var(--muted); }
.year-archive-grid.market-years-view { max-width: 760px; margin: 0 auto; }
.year-archive-grid.market-years-view .market-chart-slide { min-height: 70px; }
.year-section { margin-bottom: 32px; }
.year-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: linear-gradient(90deg, var(--orange) 0%, var(--yellow) 100%);
  color: var(--orange-dark);
  border-radius: 10px 10px 0 0;
  font-weight: 800;
}
.year-header h3 { margin: 0; font-size: 20px; }
.year-market-count { font-size: 12px; font-weight: 600; opacity: .8; }
.market-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  padding: 12px;
  border: 2px solid var(--orange);
  border-top: none;
  border-radius: 0 0 13px 13px;
  background: var(--white);
}
#latest-results-grid {
  min-height: 280px;
  contain: layout;
}
.market-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 12px;
  border: 2px solid var(--orange-dark);
  border-radius: 10px;
  background: var(--white);
  color: var(--ink);
  text-align: left;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.market-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3); border-color: var(--light-red); }
.market-card:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
.market-card.no-data { opacity: .6; background: var(--orange-light); }
.market-card-name { font-weight: 800; font-size: 14px; color: var(--orange); }
.market-card-latest { font-size: 11px; color: var(--orange-dark); }
.market-card-count { font-size: 10px; color: var(--muted); }
.market-card-nodata { font-size: 11px; color: var(--orange-dark); font-style: italic; }

/* Market Detail View */
.market-detail {
  margin-top: 24px;
  box-shadow: 7px 7px 0 var(--ink);
}
.market-detail-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 4px solid #ffd33d;
  background: #f47b18;
}
.back-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 2px solid #43270f;
  border-radius: 8px;
  background: #fff;
  color: #2d1b0b;
  font-weight: 700;
  font-size: 13px;
  transition: all .15s ease;
}
.back-button:hover { background: #fff0bd; border-color: #f47b18; transform: translateX(-2px); }
.market-detail-header .eyebrow { margin: 0; color: #2d1b0b; font-weight: 800; }
.market-detail-header h2 { margin: 0; color: #2d1b0b; font-size: 22px; letter-spacing: -.7px; }

.market-detail-chart {
  padding: 0 18px 18px;
}
.market-detail-chart-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin: 16px 0 8px;
}
.market-detail-chart-heading h3 { margin: 0; color: var(--ink); font-size: 18px; }
.market-detail-chart-status { margin: 12px 18px 9px; color: #573516; font-size: 12px; font-weight: 600; }

.market-detail-calendar {
  margin-top: 24px;
  box-shadow: 7px 7px 0 var(--ink);
}
.market-detail-calendar .panel-heading {
  padding: 14px 16px;
  border-bottom: 2px solid #ffd33d;
  background: #f47b18;
}
.market-detail-calendar .eyebrow { color: #2d1b0b; font-weight: 800; }
.market-detail-calendar h3 { color: #2d1b0b; }

.market-detail-cards {
  margin-top: 24px;
}
.market-detail-cards-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 12px;
}
.market-detail-cards-heading .eyebrow { margin-bottom: 5px; color: #8d2e69; }
.market-detail-cards-heading h3 { margin: 0; color: var(--ink); font-size: 20px; letter-spacing: -.6px; }

.demo-notice { color: #5b4a6d; }
thead { background: #f5e9ff; }
th { color: #59356e; }
td { color: #342149; }
.table-result { border: 1px solid #127459; background: #bff7e9; color: #075c48; }
.table-result.pending { border-color: #8d5b00; background: #fff0a6; color: #714700; }
.record-status { color: #5b4a6d; }
.record-status::before { background: #079a78; }
.record-status.pending::before { background: #ed871e; }
.record-status.conflict::before { background: #d33b53; }
.record-status.conflict { color: #a1283e; }

.site-footer {
  border-top: 2px solid var(--ink);
  background: #ffdfef;
  color: #563e6e;
}

.footer-brand { color: var(--ink); }
.toast { border: 2px solid var(--ink); background: var(--hot-pink); color: var(--ink); font-weight: 700; }

@media (max-width: 520px) {
  main { width: calc(100% - 34px); }
  .intro { padding: 28px 21px; border-radius: 20px; box-shadow: 5px 5px 0 var(--ink); }
  .intro::after { right: -72px; top: -54px; }
  .today-card { box-shadow: 3px 3px 0 var(--ink); }
  .personal-market { padding: 19px; box-shadow: 4px 4px 0 var(--ink); }
  .panel { box-shadow: 4px 4px 0 rgba(37, 16, 68, .88); }
  .market-chart-table th, .market-chart-table td { min-width: 60px; }
}

.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.footer-links a { color: inherit; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.footer-links a:hover { color: #9b255d; }
.legal-main { padding: 36px 0 56px; }
.legal-document { padding: clamp(22px, 5vw, 44px); border: 2px solid var(--ink); border-radius: 20px; background: #fffef9; box-shadow: 6px 6px 0 var(--ink); }
.legal-document h1 { margin-bottom: 12px; font-size: clamp(32px, 5vw, 48px); }
.legal-document h2 { margin: 30px 0 10px; font-size: 20px; }
.legal-document p, .legal-document li { color: #57436b; font-size: 15px; line-height: 1.75; }
.legal-document ul { padding-left: 24px; }
.legal-document a { color: #86255f; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-updated { margin-bottom: 24px; color: var(--muted-text); font-size: 13px; }
.legal-callout { padding: 16px 18px; border: 1px solid #d8c3eb; border-radius: 12px; background: #f5e9ff; }

.topbar { flex-wrap: wrap; }
.theme-switch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border: 2px solid var(--ink);
  border-radius: 12px;
  background: #fffef9;
  box-shadow: 2px 2px 0 var(--ink);
}
.theme-switch-label { padding: 0 6px; color: #654d75; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.theme-choice {
  min-height: 29px;
  padding: 0 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #503b63;
  font-size: 10px;
  font-weight: 700;
}
.theme-choice:hover { background: #ffe0ee; }
.theme-choice[aria-pressed="true"] { background: var(--hot-pink); color: #241035; box-shadow: 1px 1px 0 var(--ink); }

#archive { scroll-margin-top: 18px; }
.market-chart {
  box-shadow: none;
}
.market-chart-heading h2 { margin: 0; color: var(--ink); font-size: 22px; letter-spacing: -.7px; }
.market-chart-wrap { max-height: none !important; overflow-y: visible !important; }
.market-chart-table th, .market-chart-table td { font-variant-numeric: tabular-nums; }
.market-chart-table tbody tr:hover td:not(.chart-wait):not(.chart-conflict) { background-color: #e8fff7; }
.calendar-panel, .selected-panel, .schedule-section, .market-chart, .archive-section, .latest-results, .year-archive { scroll-margin-top: 18px; }

html:not([data-theme]) .market-chart {
  overflow: hidden;
  padding: 0;
  background: #fff;
}
html:not([data-theme]) .market-chart-heading {
  align-items: center;
  margin: 0;
  padding: 17px 19px;
  border-bottom: 4px solid #ffd33d;
  background: #f47b18;
}
html:not([data-theme]) .market-chart-heading .eyebrow,
html:not([data-theme]) .market-chart-heading h2,
html:not([data-theme]) .chart-month-label {
  color: #2d1b0b;
}
html:not([data-theme]) .market-chart-heading .eyebrow {
  font-weight: 800;
}
html:not([data-theme]) .chart-month-label select {
  min-height: 38px;
  border: 2px solid #5a310c;
  background: #fffdf5;
  color: #2d1b0b;
}
html:not([data-theme]) .chart-month-label select:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
html:not([data-theme]) .chart-status {
  margin: 12px 18px 9px;
  color: var(--ink);
  font-size: 12px;
}
html:not([data-theme]) .market-chart-wrap {
  background: #fff;
}
html:not([data-theme]) .market-chart-table th,
html:not([data-theme]) .market-chart-table td {
  min-width: 76px;
  padding: 10px 12px;
  border-color: #6b4b2c;
  color: #2d1b0b;
  font-size: 12px;
}

/* Funky theme - Latest Results */
html:not([data-theme]) .latest-results {
  overflow: hidden;
  padding: 0;
  border-color: #43270f;
  background: #fff;
}
html:not([data-theme]) .latest-results-heading {
  align-items: center;
  margin: 0;
  padding: 17px 19px;
  border-bottom: 4px solid #ffd33d;
  background: #f47b18;
}
html:not([data-theme]) .latest-results-heading .eyebrow,
html:not([data-theme]) .latest-results-heading h2 {
  color: #2d1b0b;
}
html:not([data-theme]) .latest-results-heading .eyebrow { font-weight: 800; }
html:not([data-theme]) .latest-results-status {
  margin: 12px 18px 9px;
  color: #573516;
  font-size: 20px;
}
html:not([data-theme]) .latest-results-list {
  margin: 0 18px 18px;
  border: 2px solid #43270f;
  border-radius: 8px;
  background: #fff;
}
html:not([data-theme]) .latest-results-card {
  background: #631313;
  border-color: #e5e5e5;
}
html:not([data-theme]) .latest-results-card:hover {
  background: #fff8eb;
}
html:not([data-theme]) .latest-results-market,
html:not([data-theme]) .latest-results-card h3 {
  color: #ff6b00;
}
html:not([data-theme]) .latest-results-value {
  color: #e607aa;
}
html:not([data-theme]) .latest-results-value.pending {
  color: #f47b18;
}
html:not([data-theme]) .latest-results-value.conflict {
  color: #d33b53;
}
html:not([data-theme]) .latest-results-updated {
  color: #5ef67a;
}
html:not([data-theme]) .latest-results-bracket {
  color: #fdd835;
}

/* High Contrast Theme Rules */
html[data-theme="high-contrast"] body {
  background-color: var(--paper);
  color: var(--ink);
}

html[data-theme="high-contrast"] .panel {
  border: 1px solid var(--ink);
  background: var(--white);
  box-shadow: 6px 6px 0 var(--ink);
}

html[data-theme="high-contrast"] .market-chart-table thead th {
  background: var(--orange);
  color: var(--white);
}

html[data-theme="high-contrast"] .market-card {
  border: 2px solid var(--ink);
  background: var(--white);
}

html[data-theme="high-contrast"] .market-card:hover {
  box-shadow: 4px 4px 0 var(--orange);
  border-color: var(--orange);
}

html[data-theme="high-contrast"] .market-card-name { color: var(--orange-dark); }
html[data-theme="high-contrast"] .market-card-latest { color: var(--ink); }
html[data-theme="high-contrast"] .market-card-count { color: var(--muted); }

html[data-theme="high-contrast"] .year-header {
  background: var(--orange);
  color: var(--ink);
}

html[data-theme="high-contrast"] .table-wrap {
  border: 2px solid var(--ink);
}

html[data-theme="high-contrast"] .latest-results-list {
  border-color: var(--ink);
  background: var(--white);
}
html[data-theme="high-contrast"] .latest-results-card {
  background: var(--accent);
  border-color: var(--ink);
}
html[data-theme="high-contrast"] .latest-results-card:hover {
  background: var(--amber);
}
html[data-theme="high-contrast"] .latest-results-market,
html[data-theme="high-contrast"] .latest-results-card h3,
html[data-theme="high-contrast"] .latest-results-card .latest-results-market {
  color: #ff6b00 !important;
}
html[data-theme="high-contrast"] .latest-results-value {
  color: var(--ink);
}
html[data-theme="high-contrast"] .latest-results-value.pending {
  color: var(--orange);
}
html[data-theme="high-contrast"] .latest-results-value.conflict {
  color: var(--light-red-dark);
}
html[data-theme="high-contrast"] .latest-results-updated {
  color: var(--muted);
}
html[data-theme="high-contrast"] .latest-results-bracket {
  color: var(--yellow-dark);
}

html[data-theme="high-contrast"] .table-result {
  border: 1px solid var(--ink);
  background: var(--yellow);
  color: var(--ink);
  font-weight: 800;
}
html:not([data-theme]) .market-card-count { color: #8a6b3a; }
html:not([data-theme]) .market-card-nodata { color: #a68a4a; }

@media (max-width: 620px) {
  html:not([data-theme]) .latest-results-heading,
  html:not([data-theme]) .market-chart-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 15px 14px;
  }
  html:not([data-theme]) .year-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

/* Funky theme - Market Detail View */
html:not([data-theme]) .market-detail {
  overflow: hidden;
  padding: 0;
  border-color: #43270f;
  background: #fff;
}
html:not([data-theme]) .market-detail-header {
  background: #f47b18;
  border-bottom-color: #ffd33d;
}
html:not([data-theme]) .back-button {
  border-color: #43270f;
  background: #fff;
  color: #2d1b0b;
}
html:not([data-theme]) .back-button:hover {
  background: #fff0bd;
  border-color: #f47b18;
}
html:not([data-theme]) .market-detail-header .eyebrow,
html:not([data-theme]) .market-detail-header h2 {
  color: #2d1b0b;
}
html:not([data-theme]) .market-detail-chart-heading h3 {
  color: #2d1b0b;
}
html:not([data-theme]) .market-detail-chart-status {
  color: #573516;
}
html:not([data-theme]) .market-detail-chart-wrap {
  margin: 0 18px 18px;
  border: 2px solid #43270f;
  border-radius: 8px;
  background: #fff;
}
html:not([data-theme]) .market-detail-chart-table th,
html:not([data-theme]) .market-detail-chart-table td {
  min-width: 96px;
  padding: 10px 12px;
  border-color: #6b4b2c;
  color: var(--ink);
  font-size: 12px;
}
html:not([data-theme]) .market-detail-chart-table thead th {
  background: #f18420;
  color: var(--ink);
  font-weight: 800;
}
html:not([data-theme]) .market-detail-chart-table .chart-date-heading,
html:not([data-theme]) .market-detail-chart-table thead .chart-date-heading {
  background: #ffd33d;
  color: var(--ink);
  font-weight: 800;
}
html:not([data-theme]) .market-detail-chart-table tbody tr:nth-child(even) td {
  background-color: #fff8eb;
}
html:not([data-theme]) .market-detail-chart-table tbody tr:nth-child(odd) td {
  background-color: #fff;
}
html:not([data-theme]) .market-detail-chart-table tbody tr:hover td {
  background-color: #fff0bd;
}
html:not([data-theme]) .market-detail-calendar .panel-heading {
  background: #f47b18;
  border-bottom-color: #ffd33d;
}
html:not([data-theme]) .market-detail-calendar .eyebrow,
html:not([data-theme]) .market-detail-calendar h3 {
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-heading .eyebrow {
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-heading h3 {
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-grid {
  border-color: #43270f;
  background: #fff;
}
html:not([data-theme]) .market-detail-cards-grid .market-card {
  border-color: #43270f;
  background: #fff;
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-grid .market-card:hover {
  box-shadow: 4px 4px 0 #f47b18;
  border-color: #f47b18;
}
html:not([data-theme]) .market-detail-cards-grid .market-card.no-data {
  background: #fff8eb;
}
html:not([data-theme]) .market-detail-cards-grid .market-card-name {
  color: #f47b18;
}
html:not([data-theme]) .market-detail-cards-grid .market-card-latest {
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-grid .market-card-count {
  color: var(--ink);
}
html:not([data-theme]) .market-detail-cards-grid .market-card-nodata {
  color: var(--ink);
}

html:not([data-theme]) .market-chart-table thead th {
  background: #f18420;
  color: var(--ink);
  font-weight: 800;
}
html:not([data-theme]) .market-chart-table .chart-date-heading,
html:not([data-theme]) .market-chart-table thead .chart-date-heading {
  min-width: 96px;
  background: #ffd33d;
  color: var(--ink);
  font-weight: 800;
}
html:not([data-theme]) .market-chart-table tbody tr:nth-child(even) td {
  background-color: #fff8eb;
}
html:not([data-theme]) .market-chart-table tbody tr:nth-child(odd) td {
  background-color: #fff;
}
html:not([data-theme]) .market-chart-table tbody tr:hover td:not(.chart-wait):not(.chart-conflict) {
  background-color: #fff0bd;
}
html:not([data-theme]) .market-chart-table td.chart-wait {
  background: #ffe36a !important;
  color: var(--ink);
}
html:not([data-theme]) .market-chart-table td.chart-conflict {
  background: #ffd0ca !important;
  color: var(--ink);
}

/* Year Chart Page Styles - mirror market chart table styles */
.year-chart-table { width: max-content; min-width: 100%; border-collapse: collapse; }
.year-chart-table th, .year-chart-table td {
  min-width: 25px;
  padding: 2px 3px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(255,255,255,0.2);
  text-align: center;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.15;
}
.year-chart-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(0, 188, 212, 0.9);
  color: var(--ink);
  text-transform: none;
  font-weight: 700;
  padding: 3px 2px;
}
.year-chart-table .chart-date-heading {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 28px !important;
  max-width: 32px !important;
  background: rgba(0, 151, 167, 0.9);
  text-align: center;
  color: var(--ink);
  font-weight: 800;
  padding: 2px 2px !important;
}
.year-chart-table thead .chart-date-heading {
  z-index: 3;
}
.year-chart-table tbody tr:hover td:not(.chart-wait):not(.chart-conflict):not(.chart-invalid-day) { background-color: #e8fff7; }
.year-chart-table td.chart-wait { background: var(--yellow) !important; color: var(--orange-dark); font-weight: 800; }
.year-chart-table td.chart-conflict { background: var(--light-red) !important; color: var(--ink); font-weight: 800; }
.year-chart-table td.chart-invalid-day { background: transparent !important; color: transparent; }
.year-chart-table tbody tr:hover td.chart-invalid-day { background: transparent !important; }

html:not([data-theme]) .year-chart-table tbody tr:hover td:not(.chart-wait):not(.chart-conflict):not(.chart-invalid-day) { background-color: #fff0bd; }
html:not([data-theme]) .year-chart-table td.chart-wait { background: #ffe36a !important; color: var(--ink); }
html:not([data-theme]) .year-chart-table td.chart-conflict { background: #ffd0ca !important; color: var(--ink); }

html[data-theme="classic"] .year-chart-table td.chart-wait { background: #fbf0cb !important; color: var(--ink); }
html[data-theme="classic"] .year-chart-table td.chart-conflict { background: #f8e7df !important; color: var(--ink); }
html[data-theme="night"] .year-chart-table td.chart-wait { background: #594312 !important; color: var(--ink); }
html[data-theme="night"] .year-chart-table td.chart-conflict { background: #692d3c !important; color: var(--ink); }

/* Year chart header and controls */
.year-chart-header { margin-bottom: 16px; }
.year-chart-header-content { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
.year-chart-header .eyebrow { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 10.5px; margin: 0 0 10px; }
.year-chart-header h1 { font-size: 34px; font-weight: 900; margin: 0; color: var(--ink); }
.year-chart-subtitle { color: var(--muted); margin: 0; font-size: 14px; }
.year-chart-panel { background: var(--paper); border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); padding: clamp(10px, 2vw, 20px); }
.year-chart-controls { display: flex; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.year-chart-wrap {
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  max-height: 85svh !important;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 620px) {
  .year-chart-table th, .year-chart-table td {
    min-width: 22px !important;
    padding: 2px 1px !important;
    font-size: 9.5px !important;
    font-weight: 800;
  }
  .year-chart-table thead th {
    min-width: 22px !important;
    padding: 2px 1px !important;
    font-size: 9.5px !important;
    font-weight: 700;
  }
  .year-chart-table .chart-date-heading {
    min-width: 24px !important;
    max-width: 26px !important;
    padding: 2px 1px !important;
    font-size: 9.5px !important;
  }
}


@media (max-width: 620px) {
  html:not([data-theme]) .market-chart-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 15px 14px;
  }
  html:not([data-theme]) .chart-date-selectors {
    width: 100%;
  }
  html:not([data-theme]) .chart-month-label {
    flex: 1;
  }
  html:not([data-theme]) .chart-month-label select {
    width: 100%;
  }
  html:not([data-theme]) .chart-status {
    margin-right: 14px;
    margin-left: 14px;
  }
  html:not([data-theme]) .market-chart-wrap {
    margin-right: 10px;
    margin-left: 10px;
  }
  html:not([data-theme]) .market-chart-table th,
  html:not([data-theme]) .market-chart-table td {
    min-width: 52px;
    padding: 6px 5px;
    font-size: 10px;
  }
  html:not([data-theme]) .market-chart-table .chart-date-heading {
    min-width: 68px;
  }
  html:not([data-theme]) .market-detail-chart-wrap {
    margin-right: 6px;
    margin-left: 6px;
    max-height: min(62vh, 520px);
  }
  html:not([data-theme]) .market-detail-chart-table th,
  html:not([data-theme]) .market-detail-chart-table td {
    min-width: 58px;
    padding: 6px 5px;
    font-size: 10px;
  }
  html:not([data-theme]) .market-detail-chart-table .chart-date-heading {
    min-width: 68px;
  }
}

/* --------------------------------------------------------------------------
   THEME VARIABLES: CLASSIC & NIGHT (Clean Scoped High-Contrast Variables)
   -------------------------------------------------------------------------- */
html[data-theme="classic"] {
  --ink: #0f291e;
  --muted: #1b4332;
  --line: #a3c2a8;
  --paper: #ffffff;
  --white: #ffffff;
  --green: #2d6a4f;
  --green-dark: #1b3934;
  --mint: #eef5ea;
  --amber: #fef3c7;
  --orange: #1b5e20;
  --orange-dark: #0f291e;
  --page: #f2f6ee;
  --surface: #ffffff;
  --surface-alt: #eef5ea;
  --text: #0f291e;
  --muted-text: #1b4332;
  --accent: #2d6a4f;
  --accent-strong: #1b3934;
  --gold: #b45309;
  --gold-strong: #92400e;
  --gold-light: #fef3c7;
  --border: #a3c2a8;
  --focus: #059669;
  --warning: #b91c1c;
  --warning-strong: #991b1b;
  --warning-bg: #fee2e2;
  color-scheme: light;
}

html[data-theme="night"] {
  --ink: #ffffff;
  --muted: #cbd5e1;
  --line: #583d7a;
  --paper: #1e172a;
  --white: #ffffff;
  --green: #fde047;
  --green-dark: #271e36;
  --hot-pink: #f472b6;
  --aqua: #38bdf8;
  --page: #130f1c;
  --surface: #1e172a;
  --surface-alt: #271e36;
  --text: #ffffff;
  --muted-text: #cbd5e1;
  --accent: #a855f7;
  --accent-strong: #381c56;
  --gold: #facc15;
  --gold-strong: #fde047;
  --gold-light: #4a3508;
  --border: #583d7a;
  --focus: #38bdf8;
  --warning: #f87171;
  --warning-strong: #fca5a5;
  --warning-bg: #451220;
  color-scheme: dark;
}

@media (max-width: 520px) {
  .site-footer { align-items: flex-start; }
  .footer-links { flex-basis: 100%; }
  .legal-main { padding-top: 22px; }
  .legal-document { padding: 22px 18px; box-shadow: 4px 4px 0 var(--ink); }
  .topbar { justify-content: space-between; gap: 8px; padding: 10px 15px; }
  .top-nav { order: 3; flex-basis: 100%; justify-content: center; margin: 0; padding-top: 6px; }
  .theme-switch { gap: 1px; padding: 3px; }
  .theme-choice { min-height: 27px; padding: 0 7px; font-size: 9px; }
  .theme-switch-label { padding: 0 4px; font-size: 7px; }
  .market-chart-heading h2 { font-size: 19px; }
  .latest-results-heading h2 { font-size: 19px; }
  .year-archive-heading h2 { font-size: 19px; }
  .year-header { flex-direction: column; align-items: flex-start; gap: 4px; }
  .market-card-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .market-detail-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .market-detail-chart-heading { flex-direction: column; align-items: flex-start; gap: 10px; }
    .market-detail-cards-heading { flex-direction: column; align-items: flex-start; gap: 10px; }
    .market-detail-chart-table th, .market-detail-chart-table td { min-width: 70px; padding: 8px 6px; font-size: 11px; }
  }

/* Compact responsive UI + isolated theme palettes. Keep this block last so
   legacy theme rules cannot silently reduce contrast in newer components. */
main { width: min(1120px, calc(100% - 28px)); }
.topbar { min-height: 62px; padding: 8px max(3vw, 14px); gap: 12px; }
.intro { min-height: 210px; margin: 12px 0; padding: 22px 20px; border-radius: 16px; }
.personal-market { margin-bottom: 12px; padding: 16px 16px 14px; }
.personal-market-heading h2 { margin-bottom: 10px; }
.live-feed { margin-bottom: 12px; padding: 16px; }
.live-feed-list { gap: 0; }
.live-feed-card { min-height: 142px; padding: 13px 11px 11px; }
.live-feed-card.priority { min-height: 100px; }
.dashboard { gap: 12px; }
.calendar-panel { padding: 14px 15px 13px; }
.latest-results { margin-bottom: 14px; }
.latest-results-heading { margin-bottom: 7px; }
.latest-results-wrap { max-height: min(42vh, 360px); }
.year-archive { margin-top: 22px; }
.year-archive-heading { margin-bottom: 12px; }
.year-archive-grid { gap: 7px; }
.market-chart-heading { gap: 9px; margin-bottom: 7px; }
.market-chart-wrap { max-height: none !important; overflow-y: visible !important; }
.market-detail { padding: 14px; }
.market-detail-chart-wrap { max-height: none !important; overflow-y: visible !important; }
.market-detail-chart-status { margin: 8px 14px 7px; }
.market-chart-slide { min-height: 48px; padding: 9px 11px; }
.market-chart-slide strong { font-size: clamp(13px, 1.5vw, 18px); }
.market-chart-slide span { margin-left: 8px; font-size: 19px; }

html[data-theme="high-contrast"] {
  --ink: #111111; --muted: #303030; --line: #111111; --paper: #ffffff; --white: #ffffff;
  --orange: #ff6b00; --orange-dark: #e65100; --orange-light: #ffe0b2;
  --yellow: #ffd400; --yellow-dark: #b28b00; --light-red: #d60000; --light-red-dark: #980000; --light-red-light: #ffe0e0;
  --teal: #006a6a; --teal-dark: #004b4b; --purple: #26004d; --purple-dark: #190034; --hot-pink: #ff3b8d; --aqua: #007a7a;
}
html[data-theme="high-contrast"] body { background: #ffffff; color: #111111; }
html[data-theme="high-contrast"] .topbar { background: #000; color: #fff; }
html[data-theme="high-contrast"] .intro { background: #111; border-color: #ffd400; }
html[data-theme="high-contrast"] .intro h1, html[data-theme="high-contrast"] .intro-text { color: #fff; }
html[data-theme="high-contrast"] .intro h1 span { color: #ffd400; text-shadow: 2px 2px 0 #980000; }
html[data-theme="high-contrast"] .panel, html[data-theme="high-contrast"] .latest-results, html[data-theme="high-contrast"] .year-archive, html[data-theme="high-contrast"] .market-detail { background: #fff; color: #111; border-color: #111; }
html[data-theme="high-contrast"] .panel h2, html[data-theme="high-contrast"] .archive-heading h2, html[data-theme="high-contrast"] .latest-results-heading h2, html[data-theme="high-contrast"] .year-archive-heading h2, html[data-theme="high-contrast"] .market-detail h2, html[data-theme="high-contrast"] .market-detail h3 { color: #111; }
html[data-theme="high-contrast"] .market-chart { background: #111; }
html[data-theme="high-contrast"] .market-chart-table th, html[data-theme="high-contrast"] .market-chart-table td { color: var(--ink); border-color: #555; }
html[data-theme="high-contrast"] .market-chart-table thead th, html[data-theme="high-contrast"] .market-chart-table thead .chart-date-heading { background: #000; color: #ffd400; }
html[data-theme="high-contrast"] .market-chart-slide { background: var( --green); color: var(--ink); border-color: var(--line); }
html[data-theme="high-contrast"] .market-chart-slide strong, html[data-theme="high-contrast"] .market-chart-slide span { color: var(--ink); }
html[data-theme="high-contrast"] .theme-switch { background: #fff; border-color: #111; }
html[data-theme="high-contrast"] .theme-switch-label, html[data-theme="high-contrast"] .theme-choice { color: #111; }
html[data-theme="high-contrast"] .theme-choice:hover { background: #f1f1f1; }
html[data-theme="high-contrast"] .theme-choice[aria-pressed="true"] { background: #ffd400; color: #111; }

html[data-theme="old-version"] {
  --ink: #16263d; --muted: #526276; --line: #c8d1dc; --paper: #eef2f6; --white: #ffffff;
  --orange: #173b63; --orange-dark: #0e2744; --orange-light: #dce7f2;
  --yellow: #f2b93b; --yellow-dark: #d89a16; --light-red: #b4232c; --light-red-dark: #8d1720; --light-red-light: #f4d6d8;
  --teal: #167c80; --teal-dark: #0e5d60; --purple: #334e8c; --purple-dark: #24396b; --hot-pink: #d99a22; --aqua: #9ad7d7;
}
html[data-theme="old-version"] body { background: #eef2f6; color: #16263d; }
html[data-theme="old-version"] .topbar { background: #173b63; color: #fff; }
html[data-theme="old-version"] .intro { background: #fff; border-color: #173b63; }
html[data-theme="old-version"] .intro h1 { color: #173b63; text-shadow: 2px 2px 0 #f2b93b; }
html[data-theme="old-version"] .intro h1 span { color: #b4232c; }
html[data-theme="old-version"] .intro-text { color: #526276; }
html[data-theme="old-version"] .live-users-counter {
  background: #f0f4f8 !important;
  border: 1.5px solid #173b63 !important;
  color: #173b63 !important;
}
html[data-theme="old-version"] .live-users-icon {
  color: #173b63 !important;
}
html[data-theme="old-version"] .live-users-count {
  color: #b4232c !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
html[data-theme="old-version"] .live-users-label {
  color: #173b63 !important;
  font-weight: 700 !important;
}
html[data-theme="old-version"] .panel, html[data-theme="old-version"] .latest-results, html[data-theme="old-version"] .year-archive, html[data-theme="old-version"] .market-detail { background: #fff; color: #16263d; border-color: #173b63; }
html[data-theme="old-version"] .panel h2, html[data-theme="old-version"] .archive-heading h2, html[data-theme="old-version"] .latest-results-heading h2, html[data-theme="old-version"] .year-archive-heading h2, html[data-theme="old-version"] .market-detail h2, html[data-theme="old-version"] .market-detail h3 { color: #173b63; }
html[data-theme="old-version"] .market-chart { background: #334e8c; }
html[data-theme="old-version"] .market-chart-table thead th { background: #173b63; color: #fff; }
html[data-theme="old-version"] .market-chart-table thead .chart-date-heading { background: #b4232c; color: #fff; }
html[data-theme="old-version"] .market-chart-slide { background: var(--paper); color: var(--ink); border-color: var(--orange); box-shadow: 0 3px 0 var(--muted); }
html[data-theme="old-version"] .market-chart-slide strong, html[data-theme="old-version"] .market-chart-slide span { color: var(--orange); }
html[data-theme="old-version"] .theme-switch { background: #fff; border-color: #173b63; }
html[data-theme="old-version"] .theme-switch-label, html[data-theme="old-version"] .theme-choice { color: #173b63; }
html[data-theme="old-version"] .theme-choice:hover { background: #dce7f2; }
html[data-theme="old-version"] .theme-choice[aria-pressed="true"] { background: #f2b93b; color: #16263d; }

html[data-theme="funky"] {
  --ink: #f8f7ff; --muted: #d9d4ef; --line: #7547a8; --paper: #160e2a; --white: #21133b;
  --orange: #ff7a18; --orange-dark: #ff4aa2; --orange-light: #ffd166;
  --yellow: #f4ff4f; --yellow-dark: #d5e62d; --light-red: #ff4aa2; --light-red-dark: #c72b7a; --light-red-light: #5e2c66;
  --teal: #42e8d1; --teal-dark: #139b99; --purple: #8f5bff; --purple-dark: #6f38d8; --hot-pink: #ff4aa2; --aqua: #42e8d1;
}
html[data-theme="funky"] body { background: #160e2a; color: #f8f7ff; }
html[data-theme="funky"] .topbar { background: #21133b; color: #fff; border-color: #ff4aa2; }
html[data-theme="funky"] .intro { background: linear-gradient(135deg, #32165d, #641d64); border-color: #42e8d1; }
html[data-theme="funky"] .intro h1, html[data-theme="funky"] .intro-text { color: #fff; }
html[data-theme="funky"] .intro h1 span { color: #f4ff4f; text-shadow: 2px 2px 0 #ff4aa2; }
html[data-theme="funky"] .panel, html[data-theme="funky"] .latest-results, html[data-theme="funky"] .year-archive, html[data-theme="funky"] .market-detail { background: #21133b; color: #f8f7ff; border-color: #8f5bff; }
html[data-theme="funky"] .panel h2, html[data-theme="funky"] .archive-heading h2, html[data-theme="funky"] .latest-results-heading h2, html[data-theme="funky"] .year-archive-heading h2, html[data-theme="funky"] .market-detail h2, html[data-theme="funky"] .market-detail h3 { color: #f4ff4f; }
html[data-theme="funky"] .market-chart { background: #32165d; }
html[data-theme="funky"] .market-chart-table thead th { background: #6f38d8; color: #fff; }
html[data-theme="funky"] .market-chart-table thead .chart-date-heading { background: #ff4aa2; color: #21133b; }
html[data-theme="funky"] .market-chart-slide { background: var(--paper) !important; color: var(--ink) !important; border-color: var(--aqua); box-shadow: 0 3px 0 var(--purple); }
html[data-theme="funky"] .market-chart-slide strong, html[data-theme="funky"] .market-chart-slide span { color: var(--orange) !important; }
html[data-theme="funky"] .year-archive .market-chart-slide { background-color: var(--paper) !important; color: var(--ink) !important; }
html[data-theme="funky"] .theme-switch { background: #21133b; border-color: #42e8d1; }
html[data-theme="funky"] .theme-switch-label, html[data-theme="funky"] .theme-choice { color: #fff; }
html[data-theme="funky"] .theme-choice:hover { background: #5e2c66; }
html[data-theme="funky"] .theme-choice[aria-pressed="true"] { background: #ff4aa2; color: #21133b; }

html[data-theme="night"] .market-chart-slide { background: var(--paper) !important; color: var(--ink) !important; border-color: var(--aqua); box-shadow: 0 3px 0 var(--hot-pink); }
html[data-theme="night"] .market-chart-slide strong, html[data-theme="night"] .market-chart-slide span { color: var(--orange) !important; }
html[data-theme="night"] .year-archive .market-chart-slide { background-color: var(--paper) !important; color: var(--ink) !important; }

@media (max-width: 620px) {
  body { font-size: 13px; }
  main { width: calc(100% - 20px); }
  .topbar { min-height: 56px; padding: 7px 10px; gap: 7px; }
  .brand { font-size: 16px; }
  .brand-mark { width: 28px; height: 28px; }
  .top-nav { gap: 12px; }
  .nav-link { font-size: 10px; }
  .theme-switch { width: 100%; justify-content: space-between; gap: 1px; padding: 3px; overflow-x: auto; }
  .theme-choice { min-height: 25px; padding: 0 5px; font-size: 8px; white-space: nowrap; }
  .theme-switch-label { padding: 0 4px; font-size: 7px; white-space: nowrap; }
  .intro { min-height: 0; margin: 10px 0; padding: 18px 14px; border-radius: 14px; }
  h1 { font-size: clamp(27px, 9vw, 40px); letter-spacing: -1.5px; }
  .intro-text { margin-top: 10px; font-size: 11px; line-height: 1.35; }
  .today-card { width: 100%; min-height: 92px; margin-top: 12px; padding: 13px 14px; }
  .today-card strong { margin: 7px 0 3px; font-size: 18px; }
  .personal-market { padding: 13px 12px 12px; }
  .personal-market-heading h2 { margin-bottom: 9px; font-size: clamp(24px, 8vw, 34px); }
  .personal-market-values { gap: 7px; }
  .personal-market-value { min-height: 58px; padding: 9px 10px; gap: 3px 6px; }
  .personal-market-value strong { font-size: 23px; }
  .live-feed { padding: 12px; }
  .live-feed-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .live-feed-heading h2 { font-size: 20px; }
  .live-feed-status { margin-bottom: 10px; font-size: 10px; }
  .live-feed-card { min-height: 0; padding: 10px 8px 9px; }
  .live-feed-card.priority { min-height: 0; }
    .live-feed-card h3 { font-size: 19px; }
    .live-feed-schedule { font-size: 11px; }
  .dashboard { grid-template-columns: 1fr; gap: 10px; }
  .calendar-panel { padding: 12px; }
  .panel h2, .archive-heading h2, .latest-results-heading h2, .year-archive-heading h2 { font-size: 17px; }
  .latest-results-wrap { max-height: 42vh; }
    .market-chart-heading h2, .market-chart-heading h3 { font-size: 17px; }
    .market-chart-wrap, .market-detail-chart-wrap { max-height: none !important; overflow-y: visible !important; }
    .market-chart-table th, .market-chart-table td, .market-detail-chart-table th, .market-detail-chart-table td { min-width: 48px; padding: 5px 4px; font-size: 9px; }
    .market-chart-table .chart-date-heading, .market-detail-chart-table .chart-date-heading { min-width: 62px; }
  .year-archive { margin-top: 16px; }
  .year-archive-grid { gap: 6px; }
  .market-chart-slide { min-height: 46px; padding: 8px 9px; }
  .market-chart-slide strong { font-size: 13px; }
  .market-chart-slide span { margin-left: 7px; font-size: 19px; }
  .market-detail { padding: 11px; }
  .market-detail-header, .market-detail-chart-heading, .market-detail-cards-heading { gap: 7px; }
  .market-detail-header h2 { font-size: 19px; }
}

/* Compact dashboard pass: keeps dense data readable without page-wide scrolling. */
.latest-results-heading,
.year-archive-heading,
.market-chart-heading { margin-bottom: 8px; }
.latest-results { margin-bottom: 14px; }
.latest-results-status { margin-bottom: 6px; font-size: 10px; }
.dashboard { gap: 12px; }
  .calendar-panel { padding: 14px 15px 12px; }
  .panel-heading { gap: 10px; }
  .calendar-controls { gap: 8px; margin: 14px 0 8px; }
  .calendar-date-selectors { gap: 5px; }
  .calendar-date-selectors select { min-height: 29px; padding: 0 6px; font-size: 10px; }
  .icon-button { width: 29px; height: 29px; font-size: 14px; }
  .day-cell { min-height: 33px; font-size: 10px; }
  .day-cell .day-marker { bottom: 3px; width: 3px; height: 3px; }
.calendar-weekdays span { padding: 3px 0; }
.calendar-legend { gap: 10px; margin-top: 9px; font-size: 8px; }
.selected-panel { padding: 14px 14px 12px; }
.selected-panel h2 { margin-bottom: 12px; font-size: 16px; }
.result-feature { min-height: 84px; padding: 11px 12px; }
.result-feature strong { margin: 3px 0 1px; font-size: 34px; }
.selected-description { min-height: 0; margin: 9px 0 8px; font-size: 9px; }
.feature-footer { padding-top: 8px; font-size: 8px; }
.market-chart-heading { gap: 8px; }
.market-chart-heading h2,
.market-chart-heading h3 { font-size: 16px; }
.chart-month-label { font-size: 8px; }
.chart-month-label select { min-height: 29px; padding: 0 6px; font-size: 9px; }
.chart-status { margin-bottom: 5px; font-size: 9px; }
.market-chart-wrap { max-height: none !important; overflow-y: visible !important; }
.market-chart-table th,
.market-chart-table td,
.market-detail-chart-table th,
.market-detail-chart-table td { min-width: 42px; padding: 4px 3px; font-size: 8px; }
.market-chart-table .chart-date-heading,
.market-detail-chart-table .chart-date-heading { min-width: 56px; }
.year-archive { margin-top: 18px; }
.year-archive-heading { align-items: flex-start; gap: 7px; margin-bottom: 10px; }
.year-archive-heading h2 { font-size: 18px; }
.year-archive-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.market-chart-slide { min-height: 50px; padding: 7px 6px; border-width: 1px; border-radius: 8px; box-shadow: 0 2px 0 #9aa3b6; }
.market-chart-slide strong { font-size: clamp(11px, 1.35vw, 16px); }
.market-chart-slide span { margin-left: 5px; font-size: 18px; }

/* Strong text on light surfaces; dark themes keep their own light text palette. */
html[data-theme="high-contrast"] .calendar-panel,
html[data-theme="high-contrast"] .selected-panel,
html[data-theme="old-version"] .calendar-panel,
html[data-theme="old-version"] .selected-panel,
html[data-theme="funky"] .calendar-panel,
html[data-theme="funky"] .selected-panel,
html[data-theme="classic"] .calendar-panel,
html[data-theme="classic"] .selected-panel {
  color: var(--ink);
}
html[data-theme="high-contrast"] .calendar-panel h2,
html[data-theme="high-contrast"] .calendar-panel .calendar-weekdays,
html[data-theme="old-version"] .calendar-panel h2,
html[data-theme="old-version"] .calendar-panel .calendar-weekdays,
html[data-theme="funky"] .calendar-panel h2,
html[data-theme="funky"] .calendar-panel .calendar-weekdays,
html[data-theme="classic"] .calendar-panel h2,
html[data-theme="classic"] .calendar-panel .calendar-weekdays { color: var(--ink); }
html[data-theme="high-contrast"] .market-chart-slide.no-data,
html[data-theme="old-version"] .market-chart-slide.no-data,
html[data-theme="funky"] .market-chart-slide.no-data,
html[data-theme="classic"] .market-chart-slide.no-data { opacity: 1; }

html[data-theme="high-contrast"] .day-cell .day-marker {
  background: #00aa00 !important;
}

@media (min-width: 621px) {
  .year-archive-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  main { width: calc(100% - 14px); }
  .live-feed { margin-bottom: 12px; padding: 11px; }
  .live-feed-heading h2 { font-size: 18px; }
  .live-feed-status { margin-bottom: 7px; font-size: 9px; }
  .live-feed-list { grid-template-columns: 1fr; }
    .live-feed-card,
    .live-feed-card.priority { grid-column: auto; min-height: 0; padding: 10px 8px; border-right: 1px solid #171717; border-bottom: 1px solid #171717; }
    .live-feed-card.priority { grid-column: 1 / -1; }
    .live-feed-card h3 { margin: 4px 0 2px; font-size: 15px; }
    .live-feed-schedule { font-size: 10px; line-height: 1.3; }
  .result-date-slots { gap: 5px; }
  .result-date-slot { min-height: 68px; padding: 7px; }
  .result-date-label { font-size: 10px; }
  .result-date-value { font-size: 22px; }
  .result-date-note { font-size: 9px; }
  .year-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .market-chart-slide { min-height: 44px; }
  .market-chart-slide strong { font-size: 11px; }
  .market-chart-slide span { font-size: 7px; }
  .latest-results-wrap { max-height: 36vh; }
  .panel { border-radius: 12px; box-shadow: 0 4px 0 rgba(23, 23, 23, .18); }
  }

/* Delhi Durga editorial refresh */
:root {
  --page: #f5f0e5;
  --surface: #fffdf7;
  --surface-alt: #f2e9d8;
  --text: #2b1d1b;
  --muted-text: #63534b;
  --accent: #762638;
  --accent-strong: #511724;
  --gold: #795512;
  --gold-strong: #61430b;
  --gold-light: #f0dfb8;
  --border: #c9b9a3;
  --focus: #005fcc;
  --warning: #7c2522;
  --warning-strong: #601a19;
  --warning-bg: #fff0e2;
  --ink: var(--text);
  --muted: var(--muted-text);
  --line: var(--border);
  --paper: var(--page);
  --white: var(--surface);
  --orange: var(--accent);
  --orange-dark: var(--accent-strong);
  --orange-light: var(--surface-alt);
  --yellow: var(--gold-light);
  --yellow-dark: var(--gold);
  --green: var(--gold-light);
  --green-dark: var(--accent-strong);
  --mint: var(--surface-alt);
  --amber: var(--gold-light);
  --light-red: var(--warning-bg);
  --light-red-dark: var(--warning-strong);
  --light-red-light: var(--warning-bg);
  --hot-pink: var(--gold-light);
  --aqua: var(--surface-alt);
  --teal: var(--accent);
  --purple: var(--accent-strong);
  --purple-dark: var(--accent-strong);
  --tangerine: var(--gold);
  color-scheme: light;
  font-family: "Segoe UI", "Noto Sans", Arial, sans-serif;
}

html[data-theme="high-contrast"] {
  --page: #fff8e9;
  --surface: #fffefa;
  --surface-alt: #f7ebd2;
  --text: #211714;
  --muted-text: #514039;
  --orange: #ff6b00;
  --orange-dark: #e65100;
  --accent: #762534;
  --accent-strong: #50131e;
  --gold: #72500b;
  --gold-strong: #563a06;
  --gold-light: #f5e5bb;
  --border: #563a2c;
  --focus: #005fcc;
  --warning: #76211e;
  --warning-strong: #551514;
  --warning-bg: #fff0df;
}

html[data-theme="old-version"] {
  --page: #edf2f7;
  --surface: #ffffff;
  --surface-alt: #e8eff7;
  --text: #0e2744;
  --muted-text: #3b5a80;
  --accent: #1d5796;
  --accent-strong: #173b63;
  --gold: #d97706;
  --gold-strong: #b45309;
  --gold-light: #fef3c7;
  --border: #9cb5d1;
  --focus: #004e9a;
  --warning: #b91c1c;
  --warning-strong: #991b1b;
  --warning-bg: #fee2e2;
  color-scheme: light;
}

html[data-theme="funky"] {
  --page: #160e2a;
  --surface: #21133b;
  --surface-alt: #2d184f;
  --text: #f8f7ff;
  --muted-text: #d9d4ef;
  --accent: #ff4aa2;
  --accent-strong: #6f38d8;
  --gold: #f4ff4f;
  --gold-strong: #f4ff4f;
  --gold-light: #ff4aa2;
  --border: #8f5bff;
  --focus: #42e8d1;
  --warning: #ff4aa2;
  --warning-strong: #ff6b9d;
  --warning-bg: #421427;
  color-scheme: dark;
}

html[data-theme="classic"] {
  --page: #f2f6ee;
  --surface: #ffffff;
  --surface-alt: #eef5ea;
  --text: #0f291e;
  --muted-text: #2d6a4f;
  --accent: #2d6a4f;
  --accent-strong: #1b3934;
  --gold: #d97706;
  --gold-strong: #b45309;
  --gold-light: #fef3c7;
  --border: #a3c2a8;
  --focus: #059669;
  --warning: #b91c1c;
  --warning-strong: #991b1b;
  --warning-bg: #fee2e2;
  color-scheme: light;
}

html[data-theme="night"] {
  --page: #130f1c;
  --surface: #1e172a;
  --surface-alt: #271e36;
  --text: #f8fafc;
  --muted-text: #cbd5e1;
  --accent: #a855f7;
  --accent-strong: #381c56;
  --gold: #facc15;
  --gold-strong: #fde047;
  --gold-light: #4a3508;
  --border: #583d7a;
  --focus: #38bdf8;
  --warning: #f87171;
  --warning-strong: #fca5a5;
  --warning-bg: #451220;
  color-scheme: dark;
}

body {
  min-width: 320px;
  background: var(--page);
  color: var(--text);
  font-family: "Segoe UI", "Noto Sans", Arial, sans-serif;
}

h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
a { color: var(--accent-strong); }
a:hover { color: var(--gold-strong); }
:focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 3px; }

main {
  width: min(1640px, calc(100% - clamp(24px, 4vw, 72px)));
  margin-right: auto;
  margin-left: auto;
}

.topbar {
  min-height: 94px;
  padding: 10px clamp(16px, 3vw, 48px);
  border: 0;
  border-bottom: 3px solid var(--gold);
  background: var(--accent-strong);
  box-shadow: 0 4px 14px rgba(48, 21, 22, .15);
}
.brand {
  gap: 7px;
  color: #fff9ec;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.7vw, 22px);
  letter-spacing: -.4px;
  white-space: nowrap;
}
.brand-logo-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.brand-logo {
  display: block;
  width: 150px;
  height: 84px;
  flex: 0 0 auto;
  object-fit: contain;
  padding: 2px;
  border-radius: 6px;
  background: #fff;
  animation: logoPulseFloat 2.6s ease-in-out infinite;
  transform-origin: center;
  transition: transform 0.2s ease;
}
.brand-butterfly {
  position: absolute;
  top: -8px;
  right: -10px;
  font-size: 24px;
  display: inline-block;
  animation: butterflyFlutter 2s ease-in-out infinite;
  filter: drop-shadow(0 3px 8px rgba(85, 227, 219, 0.7));
  pointer-events: none;
  z-index: 3;
}
.page-floating-butterfly {
  position: absolute;
  top: 14px;
  right: 20px;
  font-size: 30px;
  display: inline-block;
  animation: pageButterflyDrift 6s ease-in-out infinite;
  filter: drop-shadow(0 4px 10px rgba(255, 159, 0, 0.5));
  pointer-events: none;
  z-index: 5;
}
@keyframes pageButterflyDrift {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(-16px, -12px) rotate(-14deg) scale(1.12);
  }
  50% {
    transform: translate(10px, -20px) rotate(10deg) scale(1.16);
  }
  75% {
    transform: translate(-6px, -6px) rotate(-6deg) scale(1.05);
  }
}
.brand-dot { color: var(--gold-light); }
.brand-mark { display: none; }
.top-nav { gap: clamp(14px, 2vw, 30px); }
.nav-link { color: #fff9ec; font-size: 13px; }
.nav-link.active, .nav-link:hover { color: var(--gold-light); }
.theme-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 490px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 10px;
  background: rgba(25, 10, 15, .22);
  box-shadow: none;
}
.theme-switch-label { padding: 0 6px; color: #fff4d8; font-size: 9px; }
.theme-choice {
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #fff9ec;
  font-size: 10px;
  line-height: 1.2;
}
.theme-choice:hover { background: rgba(255,255,255,.16); }
.theme-choice[aria-pressed="true"] {
  border-color: var(--gold-light);
  background: var(--gold-light);
  color: var(--accent-strong);
  box-shadow: none;
}

.top-bar1 {
  margin: 0;
  padding: 7px clamp(16px, 3vw, 48px);
  background: var(--surface-alt);
  color: var(--text);
  border-bottom: 1px solid var(--border);
  font-size: 11px;
  line-height: 1.35;
}
.intro {
  min-height: 220px;
  margin: 18px 0;
  padding: clamp(22px, 4vw, 48px);
  border: 1px solid var(--accent-strong);
  border-bottom: 4px solid var(--gold);
  border-radius: 14px;
  background: linear-gradient(115deg, var(--accent-strong), var(--accent));
  box-shadow: 0 9px 24px rgba(55, 22, 27, .16);
}
.intro .eyebrow, .intro .status-dot { color: var(--gold-light); }
.intro h1 { color: #fffaf0; text-shadow: none; }
.intro h1 span { color: var(--gold-light); text-shadow: none; }
.intro-text, .sync-status, .sync-status .text-button { color: #fffaf0; }
.today-card {
  width: min(280px, 34%);
  border: 1px solid var(--gold-light);
  border-radius: 10px;
  background: rgba(24, 10, 15, .22);
  box-shadow: none;
}
.today-card strong { color: var(--gold-light); text-shadow: none; }
.today-label, .today-note { color: #fffaf0; }
.today-decoration { color: var(--gold-light); }

.marquee {
  display: block;
  width: 100%;
  min-height: 40px;
  margin: 0 0 18px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--gold);
  border-radius: 6px;
  background: var( --hot-pink);
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}

.panel {
  border: 1px solid var(--border);
  border-radius: 11px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 3px 12px rgba(37, 25, 20, .06);
}
.panel h2, .archive-heading h2 { color: var(--text); }
.eyebrow { color: var(--accent-strong); text-shadow: none; }
.panel-heading .eyebrow, .archive-heading .eyebrow { color: var(--accent-strong); }
.calendar-panel { background: var(--surface); }
.calendar-weekdays, .calendar-legend { color: var(--muted-text); }
.day-cell { min-height: 38px; color: var(--text); }
.day-cell:hover { background: var(--surface-alt); color: var(--accent-strong); }
.day-cell.selected { background: var(--accent-strong); color: #fffaf0; box-shadow: none; }
.day-cell.today:not(.selected) { box-shadow: inset 0 0 0 2px var(--gold); }
.icon-button, .select-wrap select, .chart-month-label select,
.chart-select-label select, .calendar-date-selectors select {
  border-color: var(--border);
  background: var(--surface);
  color: var(--text);
}
.text-button, .select-chevron { color: var(--accent-strong); }
.market-chart-heading, .latest-results-heading {
  padding: 13px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-alt);
}
.market-chart-heading h2, .latest-results-heading h2,
.market-chart-heading .eyebrow, .latest-results-heading .eyebrow { color: var(--text); }
.market-chart-heading .eyebrow, .latest-results-heading .eyebrow { color: var(--accent-strong); }
.chart-date-selectors { gap: 10px; }
.chart-month-label select { min-height: 38px; }
.chart-status { margin: 8px 14px; color: var(--muted-text); }
.market-chart-wrap {
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
  background: var(--surface);
  scrollbar-color: var(--accent) var(--surface-alt);
}
.market-chart-table { width: max-content; min-width: 100%; }
.market-chart-table th, .market-chart-table td {
  min-width: 58px;
  padding: 2px 6px;
  border-color: var(--border);
  color: var(--text);
  font-size: 10px;
  line-height: 1.15;
}
.market-chart-table td, .market-detail-chart-table td {
  font-weight: 800 !important;
  font-size: 11px;
}
.recent-results-list .table-wrap {
  max-height: 340px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.recent-results-list .table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--surface-alt);
}
.market-chart-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--accent-strong);
  color: #fffaf0;
}
.market-chart-table th.chart-date-heading {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 66px;
  background: var(--surface-alt);
  color: var(--text);
}
.market-chart-table thead .chart-date-heading { z-index: 4; background: var(--gold-light); }
.market-chart-table tbody tr:nth-child(even) td { background: var(--surface-alt); }
.market-chart-table tbody tr:nth-child(odd) td { background: var(--surface); }
.market-chart-table td.chart-wait {
  background: var(--gold-light) !important;
  color: var(--text);
  font-weight: 800;
}
.market-chart-table td.chart-conflict {
  background: var(--warning-bg) !important;
  color: var(--warning-strong);
}

.warning-section.panel {
  margin: 14px 0;
  padding: clamp(1px, 2vw, 4px);
  border: 1px solid var(--warning);
  border-left: 5px solid var(--warning);
  border-radius: 8px;
  background: var(--warning-bg);
  color: var(--text);
  box-shadow: none;
  contain: layout;
}

/* Off-screen performance optimization: skip layout/paint of heavy DOM trees until near viewport */
.market-chart,
.schedule-section,
.archive-section,
.faq-section,
.seo-content-section,
.blog-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 500px;
}
.warning-section .eyebrow, .warning-section h2 { color: var(--warning-strong); }
.warning-section h2 { margin: 0 0 10px; font-size: clamp(18px, 2vw, 24px); }
.warning-text { margin: 0; color: var(--text); font-size: 14px; line-height: 1.65; }

.legal-main { padding: clamp(24px, 5vw, 56px) 0; }
.legal-document {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(22px, 5vw, 48px);
  border: 1px solid var(--border);
  border-top: 4px solid var(--gold);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 5px 20px rgba(37, 25, 20, .07);
}
.legal-document .eyebrow { color: var(--accent-strong); }
.legal-document h1 {
  margin: 0 0 10px;
  color: var(--accent-strong);
  font-size: clamp(30px, 5vw, 46px);
  line-height: 1.12;
  letter-spacing: -.7px;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.legal-document h2 {
  margin: 28px 0 9px;
  padding-top: 15px;
  border-top: 1px solid var(--border);
  color: var(--accent-strong);
  font-size: clamp(19px, 2vw, 23px);
}
.legal-document p, .legal-document li {
  color: var(--text);
  font-size: 15px;
  line-height: 1.75;
}
.legal-document li + li { margin-top: 7px; }
.legal-document a { color: var(--accent-strong); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-document .legal-updated { color: var(--muted-text); font-size: 13px; }
.legal-callout {
  padding: 14px 16px;
  border-left: 4px solid var(--gold);
  background: var(--surface-alt);
}

.year-chart-header, .year-chart-panel { background: var(--surface); }
.year-chart-header h1 { color: var(--accent-strong); text-shadow: none; }
.year-chart-header .eyebrow { color: var(--gold-strong); letter-spacing: 1.4px; }
.year-chart-subtitle, .chart-status { color: var(--muted-text); }
.year-chart-panel { padding: clamp(12px, 2vw, 20px); }
.year-chart-wrap {
  max-height: 85svh !important;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  scrollbar-color: var(--accent) var(--surface-alt);
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
.year-chart-table { width: max-content; min-width: 100%; border-collapse: collapse; }
.year-chart-table th, .year-chart-table td {
  min-width: 25px;
  padding: 2px 3px;
  border-color: var(--border);
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}
.year-chart-table thead th { background: var(--accent-strong); color: #fffaf0; font-weight: 700; padding: 3px 2px; }
.year-chart-table .chart-date-heading {
  min-width: 28px !important;
  max-width: 32px !important;
  background: var(--surface-alt);
  color: var(--text);
  font-weight: 800;
  text-align: center;
  padding: 2px 2px !important;
}
.year-chart-table thead .chart-date-heading { background: var(--gold-light); }
.year-chart-table tbody tr:nth-child(even) td { background: var(--surface-alt); }
.year-chart-table tbody tr:nth-child(odd) td { background: var(--surface); }
.year-chart-table td.chart-wait { background: var(--gold-light) !important; color: var(--text); }
.year-chart-table td.chart-conflict { background: var(--warning-bg) !important; color: var(--warning-strong); }
.year-chart-table td.chart-invalid-day { background: var(--page) !important; }
.chart-select-label select { min-height: 44px; }

.site-footer {
  min-height: 80px;
  flex-wrap: wrap;
  padding: 18px clamp(16px, 3vw, 48px);
  border: 0;
  border-top: 3px solid var(--gold);
  background: var(--accent-strong);
  color: #fff9ec;
  font-size: 12px;
}
.footer-brand { color: #fff9ec; }
.footer-brand .brand-logo { width: 126px; height: 71px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.footer-links a, .site-footer nav a { color: #fff9ec; text-decoration: underline; text-underline-offset: 3px; }
.footer-links a:hover, .site-footer nav a:hover { color: var(--gold-light); }

html[data-theme="high-contrast"] .panel,
html[data-theme="high-contrast"] .legal-document,
html[data-theme="high-contrast"] .year-chart-panel {
  border: 2px solid var(--text);
  box-shadow: 4px 4px 0 var(--text);
}
html[data-theme="high-contrast"] .warning-section.panel { border: 2px solid var(--warning-strong); border-left-width: 6px; }
html[data-theme="night"] .theme-choice[aria-pressed="true"] { color: #241a13; }
html[data-theme="night"] .market-chart-table thead th,
html[data-theme="night"] .year-chart-table thead th { background: var(--accent-strong); color: #fff8e9; }
html[data-theme="night"] .market-chart-table th.chart-date-heading,
html[data-theme="night"] .year-chart-table .chart-date-heading { background: #40332d; color: var(--text); }
html[data-theme="night"] .legal-document a { color: #f3cb73; }
html[data-theme="night"] .day-cell.selected { color: #241a13; }

@media (max-width: 900px) {
  .topbar { flex-wrap: wrap; gap: 10px 18px; }
  .top-nav { margin-left: auto; margin-right: 0; }
  .theme-switch { order: 3; width: 100%; max-width: none; }
  .intro { min-height: 205px; }
  .market-chart-heading { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
}

@media (max-width: 620px) {
  main { width: calc(100% - 20px); }
  .topbar { padding: 10px; gap: 9px; }
  .brand { font-size: 17px; }
  .brand-logo { width: 120px; height: 68px; }
  .top-nav { gap: 12px; }
  .nav-link { font-size: 11px; }
  .theme-switch { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
  .theme-switch-label { position: sticky; left: 0; background: var(--accent-strong); }
  .theme-choice { flex: 0 0 auto; min-height: 40px; }
  .intro { align-items: flex-start; flex-direction: column; gap: 18px; padding: 20px; }
  .intro h1 { font-size: clamp(32px, 9vw, 42px); letter-spacing: -1.2px; }
  .today-card { width: 100%; min-height: auto; padding: 14px; }
  .today-card strong { margin: 6px 0; }
  .marquee { margin-bottom: 12px; font-size: 11px; }
  .warning-section.panel { padding: 15px; }
  .warning-text { font-size: 13px; }
  .market-chart-heading h2 { font-size: 18px; }
  .chart-date-selectors { width: 100%; }
  .chart-month-label { flex: 1; }
  .chart-month-label select { width: 100%; min-height: 44px; }
  .market-chart-wrap { max-height: none !important; overflow-y: visible !important; touch-action: pan-x pan-y; }
  .market-chart-table th, .market-chart-table td { min-width: 56px; padding: 4px 5px; font-size: 11px; }
  .market-chart-table th.chart-date-heading { min-width: 64px; }
  .legal-main { padding: 18px 0 28px; }
  .legal-document { padding: 22px 18px; }
  .legal-document p, .legal-document li { font-size: 14px; line-height: 1.7; }
  .year-chart-header-content { align-items: flex-start; }
  .year-chart-header h1 { font-size: clamp(21px, 6vw, 30px); }
  .year-chart-controls { gap: 10px; }
  .chart-select-label { min-width: 0; width: calc(50% - 5px); }
  .chart-select-label select { width: 100%; min-height: 44px; }
  .year-chart-wrap { max-height: 88svh !important; }
  .year-chart-table th, .year-chart-table td { min-width: 22px !important; padding: 2px 1px !important; font-size: 9.5px !important; font-weight: 800; }
  .year-chart-table .chart-date-heading { min-width: 24px !important; max-width: 26px !important; padding: 2px 1px !important; font-size: 9.5px !important; }
  .site-footer { align-items: flex-start; flex-direction: column; }
  .footer-links { gap: 8px 14px; }
}

/* ========================================================
   FLOATING CORNER-TO-CENTER LOADING WINDOW (Delhi Durga)
   ======================================================== */
.darbar-floating-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.darbar-floating-loader.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.floating-loader-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 6, 20, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.floating-loader-card {
  position: relative;
  z-index: 1;
  width: min(90vw, 420px);
  padding: 30px 24px 26px;
  background: linear-gradient(145deg, #1f112b 0%, #35163f 55%, #50193e 100%);
  border: 2px solid #ff9f00;
  border-radius: 20px;
  box-shadow: 0 0 35px rgba(255, 159, 0, 0.35), 0 20px 50px rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  overflow: hidden;
  will-change: transform, opacity;
}

/* Flying in from top-right corner to center */
.darbar-floating-loader.fly-in .floating-loader-card {
  animation: floatFromCornerIn 0.42s cubic-bezier(0.175, 0.885, 0.32, 1.25) forwards;
}

/* Flying out to top-left corner (towards the brand logo) */
.darbar-floating-loader.fly-out .floating-loader-card {
  animation: floatToCornerOut 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
}

@keyframes floatFromCornerIn {
  0% {
    transform: translate(calc(50vw - 80px), calc(-50vh + 80px)) scale(0.08) rotate(22deg);
    opacity: 0;
    filter: blur(6px);
  }
  60% {
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 1;
    filter: blur(0px);
  }
}

@keyframes floatToCornerOut {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 1;
    filter: blur(0px);
  }
  40% {
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(calc(-50vw + 80px), calc(-50vh + 80px)) scale(0.06) rotate(-22deg);
    opacity: 0;
    filter: blur(6px);
  }
}

/* Glow ambient behind logo */
.floating-loader-glow {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 140px;
  background: radial-gradient(circle, rgba(255, 107, 0, 0.45) 0%, rgba(255, 235, 59, 0.15) 50%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}

/* Logo container & Butterfly */
.floating-loader-logo-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.floating-loader-logo {
  width: 140px;
  height: auto;
  max-height: 80px;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(255, 159, 0, 0.45));
  animation: logoPulseFloat 2.2s ease-in-out infinite;
}

.floating-loader-butterfly {
  position: absolute;
  top: -8px;
  right: -16px;
  font-size: 26px;
  animation: butterflyFlutter 1.8s ease-in-out infinite;
  filter: drop-shadow(0 2px 8px rgba(0, 229, 255, 0.6));
}

@keyframes logoPulseFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-5px) scale(1.04);
  }
}

@keyframes butterflyFlutter {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(-3px, -4px) rotate(-12deg) scale(1.15);
  }
  75% {
    transform: translate(3px, -2px) rotate(10deg) scale(0.95);
  }
}

.floating-loader-title {
  margin: 0 0 6px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(20px, 3.5vw, 24px);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.floating-loader-desc {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 600;
  color: #ffeb3b;
  letter-spacing: 0.3px;
  min-height: 20px;
}

/* Modern Animated Progress Bar */
.floating-loader-bar-wrap {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
  margin: 0 auto 12px;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
}

.floating-loader-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff6b00, #ffeb3b, #00e5ff, #ff4081, #ff6b00);
  background-size: 250% 100%;
  animation: barSlideShimmer 1.4s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(255, 235, 59, 0.7);
}

@keyframes barSlideShimmer {
  0% {
    left: -40%;
    width: 35%;
    background-position: 0% 50%;
  }
  50% {
    width: 65%;
    background-position: 100% 50%;
  }
  100% {
    left: 105%;
    width: 35%;
    background-position: 200% 50%;
  }
}

.floating-loader-subtext {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff; opacity: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* ==========================================================================
   MASTER HIGH-CONTRAST THEME COLOR & FONT ENHANCEMENTS
   Guarantee 100% readability: Opposite font colors on dark & light backgrounds
   (High-Contrast Theme is preserved untouched)
   ========================================================================== */

/* --------------------------------------------------------------------------
/* --------------------------------------------------------------------------
   THEME 1: NIGHT MODE (data-theme="night")
   Dark Backgrounds -> 100% Solid, Opaque, Razor-sharp Opposite Fonts
   Heading/Body: Pure Crisp White (#ffffff)
   Key Numbers / Results / Highlights: Bright Gold (#fde047)
   Dates / Labels / Schedules / Hindi Subtitles: Clear Opaque Slate (#e2e8f0 / #f8fafc)
   Badges / Status / Accents: Luminous Cyan (#38bdf8) / Pink (#f472b6)
   ALL TEXT IS 100% OPAQUE (opacity: 1 !important). ZERO TRANSPARENCY.
   -------------------------------------------------------------------------- */

/* Global Opacity & Text Reset for Night Mode */
html[data-theme="night"] p,
html[data-theme="night"] span,
html[data-theme="night"] strong,
html[data-theme="night"] a,
html[data-theme="night"] h1,
html[data-theme="night"] h2,
html[data-theme="night"] h3,
html[data-theme="night"] h4,
html[data-theme="night"] time,
html[data-theme="night"] label,
html[data-theme="night"] select,
html[data-theme="night"] input,
html[data-theme="night"] td,
html[data-theme="night"] th,
html[data-theme="night"] button,
html[data-theme="night"] .eyebrow,
html[data-theme="night"] .nav-link,
html[data-theme="night"] .intro-text,
html[data-theme="night"] .sync-status,
html[data-theme="night"] .today-label,
html[data-theme="night"] .today-note,
html[data-theme="night"] .personal-market-note,
html[data-theme="night"] .personal-market-card-title,
html[data-theme="night"] .schedule-notice,
html[data-theme="night"] .chart-status,
html[data-theme="night"] .calendar-legend,
html[data-theme="night"] .calendar-legend span,
html[data-theme="night"] .calendar-weekdays span,
html[data-theme="night"] .latest-results-updated,
html[data-theme="night"] .latest-results-status,
html[data-theme="night"] .live-feed-schedule,
html[data-theme="night"] .live-feed-status,
html[data-theme="night"] .footer-links a,
html[data-theme="night"] .market-card-latest,
html[data-theme="night"] .market-card-count,
html[data-theme="night"] .market-card-nodata,
html[data-theme="night"] .blog-card-excerpt,
html[data-theme="night"] .blog-card-meta,
html[data-theme="night"] .faq-answer-block .lang-hi,
html[data-theme="night"] .seo-content-card .content-block .lang-hi,
html[data-theme="night"] .warning-text,
html[data-theme="night"] .live-users-label {
  opacity: 1 !important;
}

html[data-theme="night"] body {
  background-color: #130f1c !important;
  color: #ffffff !important;
}

/* Topbar & Navigation */
html[data-theme="night"] .topbar {
  background: #1e172a !important;
  border-bottom: 2px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .topbar .brand,
html[data-theme="night"] .topbar .nav-link {
  color: #ffffff !important;
}
html[data-theme="night"] .topbar .nav-link.active,
html[data-theme="night"] .topbar .nav-link:hover {
  color: #fde047 !important;
}
html[data-theme="night"] .brand-mark {
  background: #a855f7 !important;
  color: #ffffff !important;
  box-shadow: 2px 2px 0 #fde047 !important;
  border-color: #fde047 !important;
}
html[data-theme="night"] .brand-dot {
  color: #38bdf8 !important;
}

/* Live Users Counter */
html[data-theme="night"] .live-users-counter {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(253, 224, 71, 0.45) !important;
  color: #ffffff !important;
}
html[data-theme="night"] .live-users-icon {
  color: #38bdf8 !important;
}
html[data-theme="night"] .live-users-count {
  color: #fde047 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
html[data-theme="night"] .live-users-label {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Intro Hero */
html[data-theme="night"] .intro {
  background: linear-gradient(135deg, #2c1647 0%, #1e1330 60%, #16243b 100%) !important;
  border: 2px solid #a855f7 !important;
}
html[data-theme="night"] .intro h1,
html[data-theme="night"] .intro-text,
html[data-theme="night"] .sync-status {
  color: #ffffff !important;
}
html[data-theme="night"] .intro h1 span {
  color: #fde047 !important;
  text-shadow: 0 0 12px rgba(253, 224, 71, 0.4);
}
html[data-theme="night"] .intro .eyebrow {
  color: #38bdf8 !important;
}
html[data-theme="night"] .sync-status .text-button {
  color: #fde047 !important;
}
html[data-theme="night"] .status-dot {
  background: #38bdf8 !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.3) !important;
}

/* Today Card */
html[data-theme="night"] .today-card {
  background: #271e36 !important;
  border: 2px solid #fde047 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="night"] .today-label,
html[data-theme="night"] .today-note {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}
html[data-theme="night"] .today-card strong {
  color: #fde047 !important;
  text-shadow: none !important;
}
html[data-theme="night"] .today-decoration {
  display: none !important;
}

/* Personal Market Highlight */
html[data-theme="night"] .personal-market {
  background: linear-gradient(135deg, #2d184a 0%, #1c132b 100%) !important;
  border: 2px solid #fde047 !important;
}
html[data-theme="night"] .personal-market-heading h2,
html[data-theme="night"] .personal-market-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .personal-market-card {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
}
html[data-theme="night"] .personal-market-card-title {
  color: #ffffff !important;
}
html[data-theme="night"] .personal-market-value {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .personal-market-value > span,
html[data-theme="night"] .personal-market-value time {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .personal-market-value strong {
  color: #fde047 !important;
}
html[data-theme="night"] .personal-market-value.upcoming strong {
  color: #38bdf8 !important;
}
html[data-theme="night"] .personal-market-note {
  color: #e2e8f0 !important;
}

/* Live Feed */
html[data-theme="night"] .live-feed {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="night"] .live-feed-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .live-feed-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .live-feed-pulse {
  color: #38bdf8 !important;
}
html[data-theme="night"] .live-feed-pulse i {
  background: #38bdf8 !important;
  box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.25) !important;
}
html[data-theme="night"] .live-feed-status {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .live-feed-list {
  background: #1e172a !important;
  border-color: #583d7a !important;
}
html[data-theme="night"] .live-feed-card {
  background: #271e36 !important;
  border-color: #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .live-feed-card:hover {
  background: #332448 !important;
}
html[data-theme="night"] .live-feed-card.priority {
  background: linear-gradient(135deg, #4c1d95 0%, #311042 100%) !important;
  border: 2px solid #fde047 !important;
}
html[data-theme="night"] .live-feed-card.priority h3 {
  color: #ffffff !important;
  animation: none !important;
}
html[data-theme="night"] .live-feed-card:not(.priority) h3 {
  color: #ffffff !important;
}
html[data-theme="night"] .live-feed-card.priority .live-feed-card-label {
  background: #271e36 !important;
  border-color: #fde047 !important;
  color: #fde047 !important;
}
html[data-theme="night"] .live-feed-card:not(.priority) .live-feed-card-label {
  color: #38bdf8 !important;
}
html[data-theme="night"] .live-feed-value {
  color: #fde047 !important;
}
html[data-theme="night"] .live-feed-schedule {
  color: #e2e8f0 !important;
}

/* Dashboard Panels */
html[data-theme="night"] .panel {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .panel h2,
html[data-theme="night"] .panel h3,
html[data-theme="night"] .archive-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .panel-heading .eyebrow,
html[data-theme="night"] .archive-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .calendar-panel {
  background: #1e172a !important;
}
html[data-theme="night"] .calendar-weekdays span {
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .day-cell {
  background: #271e36 !important;
  color: #ffffff !important;
  border: 1px solid #3d2b56 !important;
}
html[data-theme="night"] .day-cell.selected {
  background: #a855f7 !important;
  color: #ffffff !important;
  border-color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .day-cell.today:not(.selected) {
  border: 2px solid #38bdf8 !important;
  color: #38bdf8 !important;
}
html[data-theme="night"] .day-cell.muted {
  color: #94a3b8 !important;
}
html[data-theme="night"] .day-cell.empty {
  background: transparent !important;
  color: transparent !important;
}
html[data-theme="night"] .calendar-legend {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .calendar-legend span {
  color: #e2e8f0 !important;
}

/* Selected Panel */
html[data-theme="night"] .selected-panel {
  background: linear-gradient(135deg, #35174e 0%, #1f1130 100%) !important;
  border: 2px solid #fde047 !important;
  color: #ffffff !important;
}
html[data-theme="night"] .selected-panel h2 {
  color: #fde047 !important;
}
html[data-theme="night"] .selected-panel .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .result-feature {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(253, 224, 71, 0.4) !important;
}
html[data-theme="night"] .result-feature strong {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}
html[data-theme="night"] .feature-caption,
html[data-theme="night"] .selected-description {
  color: #ffffff !important;
}
html[data-theme="night"] .feature-footer {
  color: #fde047 !important;
}

/* Latest Results */
html[data-theme="night"] .latest-results {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
}
html[data-theme="night"] .latest-results-heading {
  background: #271e36 !important;
  border-bottom: 2px solid #583d7a !important;
}
html[data-theme="night"] .latest-results-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .latest-results-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .latest-results-status {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .latest-results-card {
  background: #271e36 !important;
  border: 1px solid #4a3366 !important;
}
html[data-theme="night"] .latest-results-market {
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .latest-results-value {
  color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .latest-results-value.pending {
  color: #38bdf8 !important;
}
html[data-theme="night"] .latest-results-value.conflict {
  color: #f472b6 !important;
}
html[data-theme="night"] .latest-results-updated {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .latest-results-bracket {
  color: #38bdf8 !important;
}

/* Market Chart Table & Year Chart Table */
html[data-theme="night"] .market-chart {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
}
html[data-theme="night"] .market-chart-heading {
  background: #271e36 !important;
  border-bottom: 2px solid #583d7a !important;
}
html[data-theme="night"] .market-chart-heading h2,
html[data-theme="night"] .market-chart-heading h3 {
  color: #ffffff !important;
}
html[data-theme="night"] .market-chart-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .chart-month-label,
html[data-theme="night"] .chart-status {
  color: #ffffff !important;
}
html[data-theme="night"] .chart-month-label select,
html[data-theme="night"] .chart-date-selectors select,
html[data-theme="night"] .calendar-date-selectors select,
html[data-theme="night"] .select-wrap select {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .search-field {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
}
html[data-theme="night"] .search-field input {
  color: #ffffff !important;
}
html[data-theme="night"] .search-field input::placeholder {
  color: #94a3b8 !important;
}
html[data-theme="night"] .market-chart-wrap,
html[data-theme="night"] .year-chart-wrap,
html[data-theme="night"] .table-wrap {
  border-color: #583d7a !important;
  background: #1e172a !important;
}
html[data-theme="night"] .market-chart-table,
html[data-theme="night"] .year-chart-table {
  background: #1e172a !important;
}
html[data-theme="night"] .market-chart-table thead th,
html[data-theme="night"] .year-chart-table thead th {
  background: #311b47 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-chart-table thead .chart-date-heading,
html[data-theme="night"] .year-chart-table thead .chart-date-heading {
  background: #241437 !important;
  color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-chart-table tbody .chart-date-heading,
html[data-theme="night"] .year-chart-table tbody .chart-date-heading {
  background: #271e36 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .market-chart-table tbody tr:nth-child(even) td,
html[data-theme="night"] .year-chart-table tbody tr:nth-child(even) td {
  background: #221a30 !important;
}
html[data-theme="night"] .market-chart-table tbody tr:nth-child(odd) td,
html[data-theme="night"] .year-chart-table tbody tr:nth-child(odd) td {
  background: #1a1324 !important;
}
html[data-theme="night"] .market-chart-table td,
html[data-theme="night"] .market-chart-table th,
html[data-theme="night"] .year-chart-table td,
html[data-theme="night"] .year-chart-table th {
  color: #ffffff !important;
  border-color: #3d2b56 !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .market-chart-table tbody tr:hover td,
html[data-theme="night"] .year-chart-table tbody tr:hover td {
  background: #47266b !important;
  color: #ffffff !important;
}
html[data-theme="night"] .market-chart-table td.chart-wait,
html[data-theme="night"] .year-chart-table td.chart-wait {
  background: #594212 !important;
  color: #fef08a !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-chart-table td.chart-conflict,
html[data-theme="night"] .year-chart-table td.chart-conflict {
  background: #6b1d40 !important;
  color: #ffa8cf !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-chart-table td.chart-invalid-day,
html[data-theme="night"] .year-chart-table td.chart-invalid-day {
  background: transparent !important;
  color: transparent !important;
}

/* Year Archive & Market Cards */
html[data-theme="night"] .year-archive {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
}
html[data-theme="night"] .year-archive-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .year-archive-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .year-header {
  background: linear-gradient(90deg, #4c1d95, #6b21a8) !important;
  color: #ffffff !important;
}
html[data-theme="night"] .market-card {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
}
html[data-theme="night"] .market-card:hover {
  border-color: #fde047 !important;
  background: #332448 !important;
}
html[data-theme="night"] .market-card-name {
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-card-latest {
  color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .market-card-count {
  color: #38bdf8 !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .market-card-nodata {
  color: #f472b6 !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .market-detail-cards-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .market-detail-cards-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .market-chart-slide {
  background: #271e36 !important;
  border: 2px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .market-chart-slide strong {
  color: #ffffff !important;
}
html[data-theme="night"] .market-chart-slide span {
  color: #fde047 !important;
}

/* SEO Content Section */
html[data-theme="night"] .seo-content-section {
  color: #ffffff !important;
}
html[data-theme="night"] .seo-content-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .seo-content-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .seo-content-card {
  background: #271e36 !important;
  border: 2px solid #583d7a !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="night"] .seo-content-card:hover {
  border-color: #fde047 !important;
}
html[data-theme="night"] .seo-content-card .card-icon {
  background: linear-gradient(135deg, #4c1d95 0%, #2e1065 100%) !important;
  color: #fde047 !important;
  border: 1px solid #7c3aed !important;
}
html[data-theme="night"] .seo-content-card h3 {
  color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .seo-content-card .content-block {
  color: #ffffff !important;
}
html[data-theme="night"] .seo-content-card .content-block .lang-en {
  color: #ffffff !important;
}
html[data-theme="night"] .seo-content-card .content-block .lang-hi {
  color: #e2e8f0 !important;
  font-weight: 500 !important;
}
html[data-theme="night"] .seo-content-card .content-block strong {
  color: #fde047 !important;
}
html[data-theme="night"] .seo-content-card .content-block a {
  color: #38bdf8 !important;
  text-decoration: underline !important;
}

/* Blog Section */
html[data-theme="night"] .blog-section {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
}
html[data-theme="night"] .blog-heading h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .blog-heading .eyebrow {
  color: #fde047 !important;
}
html[data-theme="night"] .view-all-blogs {
  background: #7c3aed !important;
  color: #ffffff !important;
}
html[data-theme="night"] .view-all-blogs:hover {
  background: #9333ea !important;
  color: #ffffff !important;
}
html[data-theme="night"] .blog-card {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
}
html[data-theme="night"] .blog-card:hover {
  border-color: #fde047 !important;
}
html[data-theme="night"] .blog-card-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .blog-card-meta {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .blog-card-category {
  background: #a855f7 !important;
  color: #ffffff !important;
}
html[data-theme="night"] .blog-card-date {
  color: #fde047 !important;
}
html[data-theme="night"] .blog-card-excerpt {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .blog-card-link {
  color: #38bdf8 !important;
}

/* FAQ Section */
html[data-theme="night"] .faq-section {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .faq-section h2 {
  color: #fde047 !important;
}
html[data-theme="night"] .faq-heading .eyebrow {
  color: #38bdf8 !important;
}
html[data-theme="night"] .faq-item {
  border-color: #583d7a !important;
}
html[data-theme="night"] .faq-question {
  background: #271e36 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
html[data-theme="night"] .faq-answer {
  background: #1e172a !important;
  color: #ffffff !important;
  border-color: #583d7a !important;
}
html[data-theme="night"] .faq-answer-block {
  color: #ffffff !important;
}
html[data-theme="night"] .faq-answer-block .lang-en {
  color: #ffffff !important;
}
html[data-theme="night"] .faq-answer-block .lang-hi {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .faq-answer-block strong {
  color: #fde047 !important;
}
html[data-theme="night"] .faq-answer-block a {
  color: #38bdf8 !important;
}

/* Warning Section */
html[data-theme="night"] .warning-section.panel {
  background: #451220 !important;
  border: 2px solid #f87171 !important;
  border-left-width: 6px !important;
  color: #fee2e2 !important;
}
html[data-theme="night"] .warning-section h2 {
  color: #fca5a5 !important;
}
html[data-theme="night"] .warning-text {
  color: #fee2e2 !important;
}

/* Legal Documents & Schedule Pages */
html[data-theme="night"] .legal-document {
  background: #1e172a !important;
  border-color: #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .legal-document h1,
html[data-theme="night"] .legal-document h2,
html[data-theme="night"] .legal-document h3 {
  color: #ffffff !important;
}
html[data-theme="night"] .legal-document p,
html[data-theme="night"] .legal-document li {
  color: #f8fafc !important;
}
html[data-theme="night"] .legal-updated {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .legal-callout {
  background: #271e36 !important;
  border-left: 4px solid #fde047 !important;
  border-color: #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .schedule-section {
  background: #1e172a !important;
  border: 2px solid #583d7a !important;
}
html[data-theme="night"] .schedule-section h2 {
  color: #ffffff !important;
}
html[data-theme="night"] .schedule-notice {
  color: #e2e8f0 !important;
}
html[data-theme="night"] .schedule-source-status {
  color: #38bdf8 !important;
}
html[data-theme="night"] .schedule-source-status.warning {
  color: #fde047 !important;
}

/* Theme switch & Footer */
html[data-theme="night"] .theme-switch {
  background: #271e36 !important;
  border: 1px solid #583d7a !important;
}
html[data-theme="night"] .theme-switch-label,
html[data-theme="night"] .theme-choice {
  color: #ffffff !important;
}
html[data-theme="night"] .theme-choice[aria-pressed="true"] {
  background: #a855f7 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="night"] .site-footer {
  background: #130f1c !important;
  border-top: 2px solid #583d7a !important;
  color: #ffffff !important;
}
html[data-theme="night"] .site-footer .footer-brand {
  color: #ffffff !important;
}
html[data-theme="night"] .site-footer .footer-links a,
html[data-theme="night"] .site-footer a {
  color: #38bdf8 !important;
}
html[data-theme="night"] .site-footer .footer-links a:hover,
html[data-theme="night"] .site-footer a:hover {
  color: #fde047 !important;
}

/* --------------------------------------------------------------------------
   THEME 2: FUNKY (data-theme="funky")
   Electric Neon on Deep Violet -> Crisp Neon Yellow, White, Hot Pink & Aqua
   -------------------------------------------------------------------------- */
html[data-theme="funky"] body {
  background-color: #160e2a !important;
  color: #f8f7ff !important;
}

html[data-theme="funky"] .topbar {
  background: #21133b !important;
  border-bottom: 3px solid #ff4aa2 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .topbar .brand,
html[data-theme="funky"] .topbar .nav-link {
  color: #ffffff !important;
}
html[data-theme="funky"] .topbar .nav-link.active,
html[data-theme="funky"] .topbar .nav-link:hover {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .brand-mark {
  background: #f4ff4f !important;
  color: #21133b !important;
  box-shadow: 2px 2px 0 #ff4aa2 !important;
}

/* Intro */
html[data-theme="funky"] .intro {
  background: linear-gradient(135deg, #32165d 0%, #641d64 60%, #1f4e5b 100%) !important;
  border: 2px solid #42e8d1 !important;
}
html[data-theme="funky"] .intro h1 {
  color: #ffffff !important;
}
html[data-theme="funky"] .intro h1 span {
  color: #f4ff4f !important;
  text-shadow: 2px 2px 0 #ff4aa2 !important;
}
html[data-theme="funky"] .intro-text,
html[data-theme="funky"] .sync-status {
  color: #f8f7ff !important;
}
html[data-theme="funky"] .today-card {
  background: #21133b !important;
  border: 2px solid #f4ff4f !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .today-card strong {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .today-label,
html[data-theme="funky"] .today-note {
  color: #d9d4ef !important;
}

/* Personal Market */
html[data-theme="funky"] .personal-market {
  background: linear-gradient(135deg, #32165d 0%, #21133b 100%) !important;
  border: 2px solid #ff4aa2 !important;
}
html[data-theme="funky"] .personal-market-heading h2,
html[data-theme="funky"] .personal-market-heading .eyebrow {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .personal-market-value {
  background: #2b184e !important;
  border: 1px solid #8f5bff !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .personal-market-value strong {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .personal-market-value.upcoming strong {
  color: #42e8d1 !important;
}

/* Live Feed */
html[data-theme="funky"] .live-feed {
  background: #21133b !important;
  border: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .live-feed-heading h2 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .live-feed-heading .eyebrow,
html[data-theme="funky"] .live-feed-status {
  color: #d9d4ef !important;
}
html[data-theme="funky"] .live-feed-card {
  background: #2b184e !important;
  border: 1px solid #8f5bff !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .live-feed-card.priority {
  border: 2px solid #f4ff4f !important;
}
html[data-theme="funky"] .live-feed-card h3 {
  color: #ffffff !important;
}
html[data-theme="funky"] .live-feed-schedule {
  color: #d9d4ef !important;
}
html[data-theme="funky"] .live-feed-value {
  color: #f4ff4f !important;
}

/* Dashboard Panels */
html[data-theme="funky"] .panel {
  background: #21133b !important;
  border: 2px solid #8f5bff !important;
  color: #f8f7ff !important;
}
html[data-theme="funky"] .panel h2,
html[data-theme="funky"] .panel h3,
html[data-theme="funky"] .archive-heading h2 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .calendar-panel {
  background: #21133b !important;
}
html[data-theme="funky"] .calendar-weekdays span {
  color: #d9d4ef !important;
  font-weight: 700 !important;
}
html[data-theme="funky"] .day-cell {
  background: #2b184e !important;
  color: #ffffff !important;
  border: 1px solid #6f38d8 !important;
}
html[data-theme="funky"] .day-cell.selected {
  background: #ff4aa2 !important;
  color: #21133b !important;
  border-color: #f4ff4f !important;
  font-weight: 800 !important;
}
html[data-theme="funky"] .selected-panel {
  background: linear-gradient(135deg, #47145f 0%, #21133b 100%) !important;
  border: 2px solid #ff4aa2 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .selected-panel h2 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .result-feature strong {
  color: #ffffff !important;
}
html[data-theme="funky"] .feature-caption,
html[data-theme="funky"] .selected-description {
  color: #f8f7ff !important;
}
html[data-theme="funky"] .feature-footer {
  color: #f4ff4f !important;
}

/* Latest Results */
html[data-theme="funky"] .latest-results {
  background: #21133b !important;
  border: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .latest-results-heading {
  background: #2b184e !important;
  border-bottom: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .latest-results-heading h2 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .latest-results-card {
  background: #2b184e !important;
  border: 1px solid #6f38d8 !important;
}
html[data-theme="funky"] .latest-results-market {
  color: #ffffff !important;
  font-weight: 700 !important;
}
html[data-theme="funky"] .latest-results-value {
  color: #f4ff4f !important;
  font-weight: 800 !important;
}

/* Market Chart Table & Year Chart Table */
html[data-theme="funky"] .market-chart {
  background: #21133b !important;
  border: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .market-chart-heading {
  background: #2b184e !important;
  border-bottom: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .market-chart-heading h2,
html[data-theme="funky"] .market-chart-heading h3 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .chart-month-label,
html[data-theme="funky"] .chart-status {
  color: #f8f7ff !important;
}
html[data-theme="funky"] .chart-month-label select,
html[data-theme="funky"] .select-wrap select {
  background: #1b0e33 !important;
  border: 2px solid #42e8d1 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-wrap,
html[data-theme="funky"] .year-chart-wrap {
  background: #1b0e33 !important;
}
html[data-theme="funky"] .market-chart-table,
html[data-theme="funky"] .year-chart-table {
  background: #1b0e33 !important;
}
html[data-theme="funky"] .market-chart-table thead th,
html[data-theme="funky"] .year-chart-table thead th {
  background: #6f38d8 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-table thead .chart-date-heading,
html[data-theme="funky"] .year-chart-table thead .chart-date-heading {
  background: #ff4aa2 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-table tbody .chart-date-heading,
html[data-theme="funky"] .year-chart-table tbody .chart-date-heading {
  background: #3b1754 !important;
  color: #f4ff4f !important;
  font-weight: 700 !important;
}
html[data-theme="funky"] .market-chart-table tbody tr:nth-child(even) td,
html[data-theme="funky"] .year-chart-table tbody tr:nth-child(even) td {
  background: #281444 !important;
}
html[data-theme="funky"] .market-chart-table tbody tr:nth-child(odd) td,
html[data-theme="funky"] .year-chart-table tbody tr:nth-child(odd) td {
  background: #1e0e33 !important;
}
html[data-theme="funky"] .market-chart-table td,
html[data-theme="funky"] .market-chart-table th,
html[data-theme="funky"] .year-chart-table td,
html[data-theme="funky"] .year-chart-table th {
  color: #ffffff !important;
  border-color: #552787 !important;
  font-weight: 700 !important;
}
html[data-theme="funky"] .market-chart-table tbody tr:hover td,
html[data-theme="funky"] .year-chart-table tbody tr:hover td {
  background: #4a1d7c !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-table td.chart-wait,
html[data-theme="funky"] .year-chart-table td.chart-wait {
  background: #594212 !important;
  color: #fef08a !important;
}
html[data-theme="funky"] .market-chart-table td.chart-conflict,
html[data-theme="funky"] .year-chart-table td.chart-conflict {
  background: #6b1d40 !important;
  color: #ffa8cf !important;
}

/* Year Archive */
html[data-theme="funky"] .year-archive {
  background: #21133b !important;
  border: 2px solid #8f5bff !important;
}
html[data-theme="funky"] .year-archive-heading h2 {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .market-chart-slide {
  background: #2b184e !important;
  border: 2px solid #42e8d1 !important;
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-slide strong {
  color: #ffffff !important;
}
html[data-theme="funky"] .market-chart-slide span {
  color: #f4ff4f !important;
}

/* FAQ & Warning */
html[data-theme="funky"] .faq-section {
  background: #21133b !important;
  border: 2px solid #ff4aa2 !important;
  color: #f8f7ff !important;
}
html[data-theme="funky"] .faq-section h2,
html[data-theme="funky"] .faq-question {
  color: #f4ff4f !important;
}
html[data-theme="funky"] .warning-section.panel {
  background: #421427 !important;
  border: 2px solid #ff4aa2 !important;
  border-left-width: 6px !important;
  color: #ffd1e6 !important;
}
html[data-theme="funky"] .warning-section h2 {
  color: #ff6b9d !important;
}

/* Theme switch & Footer */
html[data-theme="funky"] .theme-switch {
  background: #21133b !important;
  border-color: #42e8d1 !important;
}
html[data-theme="funky"] .theme-switch-label,
html[data-theme="funky"] .theme-choice {
  color: #ffffff !important;
}
html[data-theme="funky"] .theme-choice[aria-pressed="true"] {
  background: #ff4aa2 !important;
  color: #21133b !important;
  font-weight: 800 !important;
}
html[data-theme="funky"] .site-footer {
  background: #160e2a !important;
  border-top: 2px solid #8f5bff !important;
  color: #d9d4ef !important;
}


/* --------------------------------------------------------------------------
/* --------------------------------------------------------------------------
   THEME 3: CLASSIC (data-theme="classic") - White & Green
   Light Surfaces -> 100% Solid, Opaque, Razor-sharp Opposite Fonts
   Headings & Primary Text: Solid Deep Forest Green (#0f291e)
   Subtitles, Schedules, Dates, Hindi Text: Bold Solid Forest Green (#1b4332)
   Highlighted Badges & Accents: Rich Emerald (#1b5e20 / #2d6a4f) / Warm Amber (#b45309)
   Dark Forest Highlights (.topbar, .intro, .selected-panel, .site-footer): Pure White (#ffffff) & Bright Gold (#fde047)
   ALL TEXT IS 100% OPAQUE (opacity: 1 !important). ZERO TRANSPARENCY.
   -------------------------------------------------------------------------- */

/* Global Opacity & Text Reset for Classic Mode */
html[data-theme="classic"] p,
html[data-theme="classic"] span,
html[data-theme="classic"] strong,
html[data-theme="classic"] a,
html[data-theme="classic"] h1,
html[data-theme="classic"] h2,
html[data-theme="classic"] h3,
html[data-theme="classic"] h4,
html[data-theme="classic"] time,
html[data-theme="classic"] label,
html[data-theme="classic"] select,
html[data-theme="classic"] input,
html[data-theme="classic"] td,
html[data-theme="classic"] th,
html[data-theme="classic"] button,
html[data-theme="classic"] .eyebrow,
html[data-theme="classic"] .nav-link,
html[data-theme="classic"] .intro-text,
html[data-theme="classic"] .sync-status,
html[data-theme="classic"] .today-label,
html[data-theme="classic"] .today-note,
html[data-theme="classic"] .personal-market-note,
html[data-theme="classic"] .personal-market-card-title,
html[data-theme="classic"] .schedule-notice,
html[data-theme="classic"] .chart-status,
html[data-theme="classic"] .calendar-legend,
html[data-theme="classic"] .calendar-legend span,
html[data-theme="classic"] .calendar-weekdays span,
html[data-theme="classic"] .latest-results-updated,
html[data-theme="classic"] .latest-results-status,
html[data-theme="classic"] .live-feed-schedule,
html[data-theme="classic"] .live-feed-status,
html[data-theme="classic"] .footer-links a,
html[data-theme="classic"] .market-card-latest,
html[data-theme="classic"] .market-card-count,
html[data-theme="classic"] .market-card-nodata,
html[data-theme="classic"] .blog-card-excerpt,
html[data-theme="classic"] .blog-card-meta,
html[data-theme="classic"] .faq-answer-block .lang-hi,
html[data-theme="classic"] .seo-content-card .content-block .lang-hi,
html[data-theme="classic"] .warning-text,
html[data-theme="classic"] .live-users-label {
  opacity: 1 !important;
}

html[data-theme="classic"] body {
  background-color: #f2f6ee !important;
  color: #0f291e !important;
}

/* Topbar & Navigation */
html[data-theme="classic"] .topbar {
  background: #1b3934 !important;
  border-bottom: 2px solid #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .topbar .brand,
html[data-theme="classic"] .topbar .nav-link {
  color: #ffffff !important;
}
html[data-theme="classic"] .topbar .nav-link.active,
html[data-theme="classic"] .topbar .nav-link:hover {
  color: #fde047 !important;
}
html[data-theme="classic"] .brand-mark {
  background: #ffffff !important;
  color: #1b3934 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}
html[data-theme="classic"] .brand-dot {
  color: #fde047 !important;
}

/* Live Users Counter */
html[data-theme="classic"] .live-users-counter {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .live-users-icon {
  color: #fde047 !important;
}
html[data-theme="classic"] .live-users-count {
  color: #fde047 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .live-users-label {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Intro Hero */
html[data-theme="classic"] .intro {
  background: linear-gradient(135deg, #1b3934 0%, #2d6a4f 100%) !important;
  border: 2px solid #2d6a4f !important;
  box-shadow: 0 5px 18px rgba(27, 57, 52, 0.12) !important;
}
html[data-theme="classic"] .intro h1,
html[data-theme="classic"] .intro-text,
html[data-theme="classic"] .sync-status {
  color: #ffffff !important;
}
html[data-theme="classic"] .intro h1 span {
  color: #fde047 !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .intro .eyebrow {
  color: #fde047 !important;
}
html[data-theme="classic"] .sync-status .text-button {
  color: #fde047 !important;
}
html[data-theme="classic"] .status-dot {
  background: #fde047 !important;
  box-shadow: 0 0 0 4px rgba(253, 224, 71, 0.3) !important;
}

/* Today Card */
html[data-theme="classic"] .today-card {
  background: #ffffff !important;
  border: 2px solid #2d6a4f !important;
  color: #0f291e !important;
  box-shadow: 0 4px 14px rgba(27, 57, 52, 0.08) !important;
}
html[data-theme="classic"] .today-card strong {
  color: #1b5e20 !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .today-label,
html[data-theme="classic"] .today-note {
  color: #1b4332 !important;
  font-weight: 700 !important;
}
html[data-theme="classic"] .today-decoration {
  display: none !important;
}

/* Personal Market Highlight */
html[data-theme="classic"] .personal-market {
  background: #ffffff !important;
  border: 2px solid #2d6a4f !important;
  box-shadow: 0 4px 14px rgba(27, 57, 52, 0.08) !important;
}
html[data-theme="classic"] .personal-market-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .personal-market-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .personal-market-card {
  background: #f6faf4 !important;
  border: 1px solid #a3c2a8 !important;
}
html[data-theme="classic"] .personal-market-card-title {
  color: #0f291e !important;
}
html[data-theme="classic"] .personal-market-value {
  background: #ffffff !important;
  border: 1px solid #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .personal-market-value > span,
html[data-theme="classic"] .personal-market-value time {
  color: #1b4332 !important;
  font-weight: 600 !important;
}
html[data-theme="classic"] .personal-market-value strong {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .personal-market-value.upcoming strong {
  color: #b45309 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .personal-market-note {
  color: #1b4332 !important;
}

/* Live Feed in Classic (White & Forest Green) */
html[data-theme="classic"] .live-feed {
  background: #ffffff !important;
  border: 2px solid #2d6a4f !important;
  box-shadow: 0 6px 20px rgba(27, 57, 52, 0.1) !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .live-feed-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .live-feed-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .live-feed-pulse {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .live-feed-pulse i {
  background: #2d6a4f !important;
  box-shadow: 0 0 0 5px rgba(45, 106, 79, 0.25) !important;
}
html[data-theme="classic"] .live-feed-status {
  color: #1b4332 !important;
}
html[data-theme="classic"] .live-feed-list {
  background: #f2f6ee !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .live-feed-card {
  background: #ffffff !important;
  border-color: #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .live-feed-card:hover {
  background: #eef5ea !important;
}
html[data-theme="classic"] .live-feed-card.priority {
  background: linear-gradient(135deg, #1b3934 0%, #2d6a4f 100%) !important;
  border: 2px solid #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .live-feed-card.priority h3 {
  color: #ffffff !important;
  animation: none !important;
}
html[data-theme="classic"] .live-feed-card:not(.priority) h3 {
  color: #1b3934 !important;
}
html[data-theme="classic"] .live-feed-card.priority .live-feed-card-label {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #1b3934 !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .live-feed-card:not(.priority) .live-feed-card-label {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .live-feed-card.priority .live-feed-value {
  color: #fde047 !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .live-feed-card:not(.priority) .live-feed-value {
  color: #0f291e !important;
}
html[data-theme="classic"] .live-feed-card.priority .live-feed-schedule {
  color: #ffffff !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .live-feed-card:not(.priority) .live-feed-schedule {
  color: #1b4332 !important;
}

/* Dashboard Panels */
html[data-theme="classic"] .panel {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .panel h2,
html[data-theme="classic"] .panel h3,
html[data-theme="classic"] .archive-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .panel-heading .eyebrow,
html[data-theme="classic"] .archive-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .calendar-panel {
  background: #ffffff !important;
}
html[data-theme="classic"] .calendar-weekdays span {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .day-cell {
  background: #f6faf4 !important;
  color: #0f291e !important;
  border: 1px solid #d1e2d4 !important;
}
html[data-theme="classic"] .day-cell.selected {
  background: #2d6a4f !important;
  color: #ffffff !important;
  border-color: #1b3934 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .day-cell.today:not(.selected) {
  border: 2px solid #2d6a4f !important;
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .day-cell.muted {
  color: #526a61 !important;
}
html[data-theme="classic"] .day-cell.empty {
  background: transparent !important;
  color: transparent !important;
}
html[data-theme="classic"] .calendar-legend {
  color: #1b4332 !important;
}
html[data-theme="classic"] .calendar-legend span {
  color: #1b4332 !important;
}

/* Selected Panel */
html[data-theme="classic"] .selected-panel {
  background: linear-gradient(135deg, #1b3934 0%, #2d6a4f 100%) !important;
  border: 2px solid #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .selected-panel h2 {
  color: #fde047 !important;
}
html[data-theme="classic"] .selected-panel .eyebrow {
  color: #fde047 !important;
}
html[data-theme="classic"] .selected-panel .result-feature {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(253, 224, 71, 0.5) !important;
}
html[data-theme="classic"] .selected-panel .result-feature strong {
  color: #ffffff !important;
  text-shadow: none !important;
}
html[data-theme="classic"] .selected-panel .feature-caption,
html[data-theme="classic"] .selected-panel .selected-description {
  color: #ffffff !important;
}
html[data-theme="classic"] .selected-panel .feature-footer {
  color: #fde047 !important;
}

/* Latest Results */
html[data-theme="classic"] .latest-results {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .latest-results-heading {
  background: #eef5ea !important;
  border-bottom: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .latest-results-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .latest-results-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .latest-results-status {
  color: #1b4332 !important;
}
html[data-theme="classic"] .latest-results-card {
  background: #f6faf4 !important;
  border: 1px solid #d1e2d4 !important;
}
html[data-theme="classic"] .latest-results-market {
  color: #1b5e20 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .latest-results-value {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .latest-results-value.pending {
  color: #b45309 !important;
}
html[data-theme="classic"] .latest-results-value.conflict {
  color: #b91c1c !important;
}
html[data-theme="classic"] .latest-results-updated {
  color: #1b4332 !important;
}
html[data-theme="classic"] .latest-results-bracket {
  color: #2d6a4f !important;
}

/* Market Chart Table & Year Chart Table */
html[data-theme="classic"] .market-chart {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .market-chart-heading {
  background: #eef5ea !important;
  border-bottom: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .market-chart-heading h2,
html[data-theme="classic"] .market-chart-heading h3 {
  color: #0f291e !important;
}
html[data-theme="classic"] .market-chart-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .chart-month-label,
html[data-theme="classic"] .chart-status {
  color: #0f291e !important;
}
html[data-theme="classic"] .chart-month-label select,
html[data-theme="classic"] .chart-date-selectors select,
html[data-theme="classic"] .calendar-date-selectors select,
html[data-theme="classic"] .select-wrap select {
  background: #ffffff !important;
  border: 1px solid #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .search-field {
  background: #ffffff !important;
  border: 1px solid #a3c2a8 !important;
}
html[data-theme="classic"] .search-field input {
  color: #0f291e !important;
}
html[data-theme="classic"] .search-field input::placeholder {
  color: #526a61 !important;
}
html[data-theme="classic"] .market-chart-wrap,
html[data-theme="classic"] .year-chart-wrap,
html[data-theme="classic"] .table-wrap {
  border-color: #a3c2a8 !important;
  background: #ffffff !important;
}
html[data-theme="classic"] .market-chart-table thead th,
html[data-theme="classic"] .year-chart-table thead th {
  background: #1b3934 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-chart-table thead .chart-date-heading,
html[data-theme="classic"] .year-chart-table thead .chart-date-heading {
  background: #132c28 !important;
  color: #fde047 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-chart-table tbody .chart-date-heading,
html[data-theme="classic"] .year-chart-table tbody .chart-date-heading {
  background: #eef5ea !important;
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-chart-table tbody tr:nth-child(even) td,
html[data-theme="classic"] .year-chart-table tbody tr:nth-child(even) td {
  background: #f6faf4 !important;
}
html[data-theme="classic"] .market-chart-table tbody tr:nth-child(odd) td,
html[data-theme="classic"] .year-chart-table tbody tr:nth-child(odd) td {
  background: #ffffff !important;
}
html[data-theme="classic"] .market-chart-table td,
html[data-theme="classic"] .market-chart-table th,
html[data-theme="classic"] .year-chart-table td,
html[data-theme="classic"] .year-chart-table th {
  color: #0f291e !important;
  border-color: #d1e2d4 !important;
  font-weight: 700 !important;
}
html[data-theme="classic"] .market-chart-table tbody tr:hover td,
html[data-theme="classic"] .year-chart-table tbody tr:hover td {
  background: #dcfce7 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .market-chart-table td.chart-wait,
html[data-theme="classic"] .year-chart-table td.chart-wait {
  background: #fef3c7 !important;
  color: #92400e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-chart-table td.chart-conflict,
html[data-theme="classic"] .year-chart-table td.chart-conflict {
  background: #fee2e2 !important;
  color: #991b1b !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-chart-table td.chart-invalid-day,
html[data-theme="classic"] .year-chart-table td.chart-invalid-day {
  background: transparent !important;
  color: transparent !important;
}

/* Year Archive & Market Cards */
html[data-theme="classic"] .year-archive {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .year-archive-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .year-archive-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .year-header {
  background: linear-gradient(90deg, #1b3934, #2d6a4f) !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .market-card {
  background: #ffffff !important;
  border: 1px solid #a3c2a8 !important;
}
html[data-theme="classic"] .market-card:hover {
  border-color: #2d6a4f !important;
  background: #f6faf4 !important;
}
html[data-theme="classic"] .market-card-name {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-card-latest {
  color: #1b5e20 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .market-card-count {
  color: #1b4332 !important;
  font-weight: 700 !important;
}
html[data-theme="classic"] .market-card-nodata {
  color: #b45309 !important;
  font-weight: 700 !important;
}
html[data-theme="classic"] .market-detail-cards-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .market-detail-cards-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .market-chart-slide {
  background: #ffffff !important;
  border: 2px solid #2d6a4f !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .market-chart-slide strong {
  color: #0f291e !important;
}
html[data-theme="classic"] .market-chart-slide span {
  color: #1b5e20 !important;
}

/* SEO Content Section */
html[data-theme="classic"] .seo-content-section {
  color: #0f291e !important;
}
html[data-theme="classic"] .seo-content-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .seo-content-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .seo-content-card {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
  box-shadow: 0 4px 14px rgba(27, 57, 52, 0.08) !important;
}
html[data-theme="classic"] .seo-content-card:hover {
  border-color: #2d6a4f !important;
}
html[data-theme="classic"] .seo-content-card .card-icon {
  background: linear-gradient(135deg, #1b3934 0%, #2d6a4f 100%) !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .seo-content-card h3 {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .seo-content-card .content-block {
  color: #0f291e !important;
}
html[data-theme="classic"] .seo-content-card .content-block .lang-en {
  color: #0f291e !important;
}
html[data-theme="classic"] .seo-content-card .content-block .lang-hi {
  color: #1b4332 !important;
  font-weight: 600 !important;
}
html[data-theme="classic"] .seo-content-card .content-block strong {
  color: #0f291e !important;
}
html[data-theme="classic"] .seo-content-card .content-block a {
  color: #1b5e20 !important;
  text-decoration: underline !important;
}

/* Blog Section */
html[data-theme="classic"] .blog-section {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .blog-heading h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .blog-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .view-all-blogs {
  background: #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .view-all-blogs:hover {
  background: #1b3934 !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .blog-card {
  background: #f6faf4 !important;
  border: 1px solid #d1e2d4 !important;
}
html[data-theme="classic"] .blog-card:hover {
  border-color: #2d6a4f !important;
}
html[data-theme="classic"] .blog-card-title {
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .blog-card-meta {
  color: #1b4332 !important;
}
html[data-theme="classic"] .blog-card-category {
  background: #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .blog-card-date {
  color: #1b5e20 !important;
  font-weight: 700 !important;
}
html[data-theme="classic"] .blog-card-excerpt {
  color: #1b4332 !important;
}
html[data-theme="classic"] .blog-card-link {
  color: #1b5e20 !important;
  font-weight: 700 !important;
}

/* FAQ Section */
html[data-theme="classic"] .faq-section {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .faq-section h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .faq-heading .eyebrow {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .faq-item {
  border-color: #d1e2d4 !important;
}
html[data-theme="classic"] .faq-question {
  background: #eef5ea !important;
  color: #0f291e !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .faq-answer {
  background: #ffffff !important;
  color: #0f291e !important;
  border-color: #d1e2d4 !important;
}
html[data-theme="classic"] .faq-answer-block {
  color: #0f291e !important;
}
html[data-theme="classic"] .faq-answer-block .lang-en {
  color: #0f291e !important;
}
html[data-theme="classic"] .faq-answer-block .lang-hi {
  color: #1b4332 !important;
}
html[data-theme="classic"] .faq-answer-block strong {
  color: #0f291e !important;
}
html[data-theme="classic"] .faq-answer-block a {
  color: #1b5e20 !important;
}

/* Warning Section */
html[data-theme="classic"] .warning-section.panel {
  background: #fef2f2 !important;
  border: 2px solid #dc2626 !important;
  border-left-width: 6px !important;
  color: #7f1d1d !important;
}
html[data-theme="classic"] .warning-section h2 {
  color: #991b1b !important;
}
html[data-theme="classic"] .warning-text {
  color: #7f1d1d !important;
}

/* Legal Documents & Schedule Pages */
html[data-theme="classic"] .legal-document {
  background: #ffffff !important;
  border-color: #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .legal-document h1,
html[data-theme="classic"] .legal-document h2,
html[data-theme="classic"] .legal-document h3 {
  color: #0f291e !important;
}
html[data-theme="classic"] .legal-document p,
html[data-theme="classic"] .legal-document li {
  color: #0f291e !important;
}
html[data-theme="classic"] .legal-updated {
  color: #1b4332 !important;
}
html[data-theme="classic"] .legal-callout {
  background: #eef5ea !important;
  border-left: 4px solid #2d6a4f !important;
  border-color: #a3c2a8 !important;
  color: #0f291e !important;
}
html[data-theme="classic"] .schedule-section {
  background: #ffffff !important;
  border: 2px solid #a3c2a8 !important;
}
html[data-theme="classic"] .schedule-section h2 {
  color: #0f291e !important;
}
html[data-theme="classic"] .schedule-notice {
  color: #1b4332 !important;
}
html[data-theme="classic"] .schedule-source-status {
  color: #1b5e20 !important;
}
html[data-theme="classic"] .schedule-source-status.warning {
  color: #b45309 !important;
}

/* Theme switch & Footer */
html[data-theme="classic"] .theme-switch {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
html[data-theme="classic"] .theme-switch-label,
html[data-theme="classic"] .theme-choice {
  color: #ffffff !important;
}
html[data-theme="classic"] .theme-choice[aria-pressed="true"] {
  background: #ffffff !important;
  color: #1b3934 !important;
  font-weight: 800 !important;
}
html[data-theme="classic"] .site-footer {
  background: #1b3934 !important;
  border-top: 3px solid #2d6a4f !important;
  color: #ffffff !important;
}
html[data-theme="classic"] .site-footer .footer-brand {
  color: #ffffff !important;
}
html[data-theme="classic"] .site-footer .footer-links a,
html[data-theme="classic"] .site-footer a {
  color: #ffffff !important;
  text-decoration: underline !important;
}
html[data-theme="classic"] .site-footer .footer-links a:hover,
html[data-theme="classic"] .site-footer a:hover {
  color: #fde047 !important;
}

/* --------------------------------------------------------------------------
   THEME 4: OLD VERSION / DAY MODE (data-theme="old-version")
   Vintage Royal Navy & Clean White -> Deep Navy Fonts on White/Ice Surfaces,
   Crisp White/Gold Fonts on Deep Navy Highlights
   -------------------------------------------------------------------------- */
html[data-theme="old-version"] body {
  background-color: #edf2f7 !important;
  color: #0e2744 !important;
}

html[data-theme="old-version"] .topbar {
  background: #173b63 !important;
  border-bottom: 3px solid #f2b93b !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .topbar .brand,
html[data-theme="old-version"] .topbar .nav-link {
  color: #ffffff !important;
}
html[data-theme="old-version"] .topbar .nav-link.active,
html[data-theme="old-version"] .topbar .nav-link:hover {
  color: #f2b93b !important;
}

/* Intro */
html[data-theme="old-version"] .intro {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .intro h1 {
  color: #173b63 !important;
  text-shadow: 2px 2px 0 #f2b93b !important;
}
html[data-theme="old-version"] .intro h1 span {
  color: #b4232c !important;
}
html[data-theme="old-version"] .intro-text,
html[data-theme="old-version"] .sync-status {
  color: #3b5a80 !important;
}
html[data-theme="old-version"] .today-card {
  background: #f5f8fc !important;
  border: 2px solid #173b63 !important;
  color: #0e2744 !important;
}
html[data-theme="old-version"] .today-card strong {
  color: #b4232c !important;
}

/* Panels */
html[data-theme="old-version"] .panel {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
  color: #0e2744 !important;
}
html[data-theme="old-version"] .panel h2,
html[data-theme="old-version"] .archive-heading h2 {
  color: #173b63 !important;
}
html[data-theme="old-version"] .calendar-panel {
  background: #ffffff !important;
}
html[data-theme="old-version"] .calendar-weekdays span {
  color: #1d5796 !important;
  font-weight: 700 !important;
}
html[data-theme="old-version"] .day-cell {
  background: #f5f8fc !important;
  color: #0e2744 !important;
  border: 1px solid #c2d5e8 !important;
}
html[data-theme="old-version"] .day-cell.selected {
  background: #173b63 !important;
  color: #ffffff !important;
  border-color: #f2b93b !important;
  font-weight: 800 !important;
}

/* SELECTED PANEL in Old-Version (Day Mode) */
html[data-theme="old-version"] .selected-panel {
  background: #173b63 !important;
  border: 2px solid #f2b93b !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .selected-panel h2 {
  color: #f2b93b !important;
}
html[data-theme="old-version"] .selected-panel .result-feature {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(242, 185, 59, 0.45) !important;
}
html[data-theme="old-version"] .selected-panel .result-feature strong {
  color: #ffffff !important;
}
html[data-theme="old-version"] .selected-panel .feature-caption,
html[data-theme="old-version"] .selected-panel .selected-description {
  color: #f1f5f9 !important;
}
html[data-theme="old-version"] .selected-panel .feature-footer {
  color: #f2b93b !important;
}

/* Latest Results */
html[data-theme="old-version"] .latest-results {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .latest-results-heading {
  background: #e8eff7 !important;
  border-bottom: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .latest-results-heading h2 {
  color: #173b63 !important;
}
html[data-theme="old-version"] .latest-results-card {
  background: #f5f8fc !important;
  border: 1px solid #c2d5e8 !important;
}
html[data-theme="old-version"] .latest-results-market {
  color: #173b63 !important;
  font-weight: 700 !important;
}
html[data-theme="old-version"] .latest-results-value {
  color: #b4232c !important;
  font-weight: 800 !important;
}

/* Market Chart Table & Year Chart Table */
html[data-theme="old-version"] .market-chart {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .market-chart-heading {
  background: #e8eff7 !important;
  border-bottom: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .market-chart-heading h2,
html[data-theme="old-version"] .market-chart-heading h3 {
  color: #173b63 !important;
}
html[data-theme="old-version"] .chart-month-label,
html[data-theme="old-version"] .chart-status {
  color: #0e2744 !important;
}
html[data-theme="old-version"] .market-chart-table thead th,
html[data-theme="old-version"] .year-chart-table thead th {
  background: #173b63 !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .market-chart-table thead .chart-date-heading,
html[data-theme="old-version"] .year-chart-table thead .chart-date-heading {
  background: #b4232c !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .market-chart-table tbody .chart-date-heading,
html[data-theme="old-version"] .year-chart-table tbody .chart-date-heading {
  background: #e5edf7 !important;
  color: #0e2744 !important;
  font-weight: 700 !important;
}
html[data-theme="old-version"] .market-chart-table tbody tr:nth-child(even) td,
html[data-theme="old-version"] .year-chart-table tbody tr:nth-child(even) td {
  background: #f5f8fc !important;
}
html[data-theme="old-version"] .market-chart-table tbody tr:nth-child(odd) td,
html[data-theme="old-version"] .year-chart-table tbody tr:nth-child(odd) td {
  background: #ffffff !important;
}
html[data-theme="old-version"] .market-chart-table td,
html[data-theme="old-version"] .market-chart-table th,
html[data-theme="old-version"] .year-chart-table td,
html[data-theme="old-version"] .year-chart-table th {
  color: #0e2744 !important;
  border-color: #c2d5e8 !important;
  font-weight: 700 !important;
}
html[data-theme="old-version"] .market-chart-table tbody tr:hover td,
html[data-theme="old-version"] .year-chart-table tbody tr:hover td {
  background: #dbeafe !important;
  color: #0e2744 !important;
}

/* Year Archive */
html[data-theme="old-version"] .year-archive {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
}
html[data-theme="old-version"] .year-archive-heading h2 {
  color: #173b63 !important;
}
html[data-theme="old-version"] .market-chart-slide {
  background: #ffffff !important;
  border: 2px solid #173b63 !important;
  box-shadow: 0 3px 0 #9cb5d1 !important;
  color: #0e2744 !important;
}
html[data-theme="old-version"] .market-chart-slide strong {
  color: #0e2744 !important;
}
html[data-theme="old-version"] .market-chart-slide span {
  color: #b4232c !important;
}

/* ========================================
   RESULT GHANTI & NOTIFICATION CONTROLS
   ======================================== */
.topbar-bell-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.16);
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  color: var(--white, #ffffff);
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.topbar-bell-btn:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}

.topbar-bell-icon {
  font-size: 14px;
  line-height: 1;
  animation: bellRingAnim 3s ease-in-out infinite;
}

@keyframes bellRingAnim {
  0%, 75%, 100% { transform: rotate(0); }
  80% { transform: rotate(14deg); }
  85% { transform: rotate(-14deg); }
  90% { transform: rotate(10deg); }
  95% { transform: rotate(-8deg); }
}

.topbar-bell-badge {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 10px;
  background: var(--yellow, #ffd400);
  color: #111;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.5px;
}

.topbar-bell-badge.badge-off {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

/* Hero Section Quick Controls Bar & Attention Callout */
.result-alert-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin-top: 12px;
  max-width: 100%;
}

/* Floating Notification Callout with Bouncing Arrow */
.bell-callout-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 10px;
  background: linear-gradient(135deg, rgba(20, 10, 35, 0.94) 0%, rgba(45, 15, 20, 0.96) 100%);
  border: 1.5px solid var(--yellow, #ffd400);
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 16px rgba(255, 212, 0, 0.4);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: calloutFloat 3s ease-in-out infinite;
  max-width: 100%;
  box-sizing: border-box;
}

@keyframes calloutFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* Pulsing Radar Beacon Dot */
.callout-beacon-dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
  flex-shrink: 0;
}

.callout-beacon-dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid #22c55e;
  animation: radarRipple 1.8s ease-out infinite;
}

@keyframes radarRipple {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(2.2); opacity: 0; }
}

.callout-tag {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--yellow, #ffd400);
  color: #111;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.6px;
  line-height: 1.3;
  flex-shrink: 0;
}

.callout-msg {
  color: #fff9ec;
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
  font-weight: 700;
}

/* The Animated Bouncing Directional Arrow Sign */
.callout-arrow-anim {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--yellow, #ffd400);
  color: #111;
  flex-shrink: 0;
  animation: arrowBounceMotion 1.3s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(255, 212, 0, 0.7);
}

.callout-arrow-anim .arrow-svg {
  width: 14px;
  height: 14px;
  stroke: #111;
  stroke-width: 3.5;
}

@keyframes arrowBounceMotion {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(5px) scale(1.15);
    box-shadow: 0 0 16px rgba(255, 212, 0, 0.95);
  }
}

.result-alert-bar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 100%;
}

.quick-bell-pill,
.quick-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 20px;
  color: #ffffff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.quick-bell-pill:hover,
.quick-filter-pill:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}

/* Glowing Pulsing Active State for Bell Pill */
.quick-bell-pill.sound-active {
  position: relative;
  border-color: var(--yellow, #ffd400) !important;
  background: rgba(255, 212, 0, 0.22) !important;
  box-shadow: 0 0 0 0 rgba(255, 212, 0, 0.6), 0 0 14px rgba(255, 212, 0, 0.35) !important;
  animation: activeBellPulse 2.4s infinite !important;
}

@keyframes activeBellPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 212, 0, 0.7), 0 0 12px rgba(255, 212, 0, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 212, 0, 0), 0 0 18px rgba(255, 212, 0, 0.55);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 212, 0, 0), 0 0 12px rgba(255, 212, 0, 0.4);
  }
}

/* Ringing Bell Emoji Animation */
.quick-bell-pill.sound-active .bell-emoji {
  display: inline-block;
  animation: bellShakeWiggle 2.8s ease-in-out infinite;
  transform-origin: top center;
}

@keyframes bellShakeWiggle {
  0%, 70%, 100% { transform: rotate(0); }
  75% { transform: rotate(18deg) scale(1.15); }
  80% { transform: rotate(-18deg) scale(1.15); }
  85% { transform: rotate(14deg); }
  90% { transform: rotate(-10deg); }
  95% { transform: rotate(4deg); }
}

/* Equalizer / Soundwaves next to text */
.bell-soundwaves {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 12px;
  margin-left: 2px;
}

.bell-soundwaves .bar {
  width: 2.5px;
  background: var(--yellow, #ffd400);
  border-radius: 2px;
  animation: soundwaveJump 1.2s ease-in-out infinite;
}

.bell-soundwaves .bar:nth-child(1) { height: 4px; animation-delay: 0.1s; }
.bell-soundwaves .bar:nth-child(2) { height: 9px; animation-delay: 0.3s; }
.bell-soundwaves .bar:nth-child(3) { height: 12px; animation-delay: 0.2s; }

@keyframes soundwaveJump {
  0%, 100% { transform: scaleY(0.4); opacity: 0.6; }
  50% { transform: scaleY(1); opacity: 1; }
}

.quick-bell-pill:not(.sound-active) .bell-soundwaves {
  display: none;
}

.quick-bell-pill:not(.sound-active) {
  border-color: rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  animation: none !important;
}

.quick-bell-pill strong {
  color: var(--yellow, #ffd400);
  font-weight: 900;
}

.quick-filter-pill strong {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.25);
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 900;
}

/* Floating Result Toast Alert */
.result-toast-banner {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(440px, calc(100vw - 32px));
  padding: 14px 18px;
  background: rgba(20, 10, 30, 0.95);
  color: #ffffff;
  border: 2px solid var(--yellow, #ffd400);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 212, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  animation: slideToastIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.result-toast-banner[hidden] {
  display: none !important;
}

@keyframes slideToastIn {
  from { transform: translateY(-40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.result-toast-icon {
  font-size: 28px;
  line-height: 1;
  animation: bellRingAnim 1.5s ease-in-out infinite;
}

.result-toast-content {
  flex: 1 1 auto;
}

.result-toast-title {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: var(--yellow, #ffd400);
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.result-toast-body {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  color: #f1f5f9;
  font-weight: 700;
}

.result-toast-close {
  background: transparent;
  border: 0;
  color: #cbd5e1;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  border-radius: 6px;
}

.result-toast-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.15);
}

/* Notification & Market Settings Modal */
.notif-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 99990;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: fadeInModal 0.2s ease-out;
}

.notif-modal-overlay[hidden] {
  display: none !important;
}

@keyframes fadeInModal {
  from { opacity: 0; }
  to { opacity: 1; }
}

.notif-modal-card {
  position: relative;
  width: 100%;
  max-width: 540px;
  max-height: min(90vh, 720px);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1e293b;
  border-radius: 20px;
  border: 2px solid var(--orange, #ff6b00);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  animation: scaleModalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes scaleModalIn {
  from { transform: scale(0.92); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.notif-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  background: linear-gradient(135deg, var(--orange, #ff6b00) 0%, var(--orange-dark, #d94b00) 100%);
  color: #ffffff;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.notif-modal-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.notif-modal-header-icon {
  font-size: 26px;
  line-height: 1;
}

.notif-modal-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
}

.notif-modal-subtitle {
  margin: 2px 0 0;
  font-size: 11px;
  opacity: 0.92;
  color: #fffaf0;
}

.notif-modal-close {
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  color: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.notif-modal-close:hover {
  background: rgba(255, 255, 255, 0.35);
  transform: rotate(90deg);
}

.notif-modal-body {
  padding: 18px 22px;
  overflow-y: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.notif-setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.notif-setting-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.notif-setting-emoji {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
}

.notif-setting-info strong {
  display: block;
  font-size: 13px;
  color: #0f172a;
}

.notif-setting-info p {
  margin: 2px 0 0;
  font-size: 11px;
  color: #64748b;
  line-height: 1.3;
}

.notif-setting-action {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.notif-test-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s ease;
}

.notif-test-btn:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}

/* Custom Toggle Switch */
.notif-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.notif-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.notif-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #cbd5e1;
  transition: 0.25s;
  border-radius: 24px;
}

.notif-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.25s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.notif-switch input:checked + .notif-slider {
  background-color: #16a34a;
}

.notif-switch input:checked + .notif-slider:before {
  transform: translateX(20px);
}

.notif-perm-status {
  font-size: 11px;
  font-weight: 700;
  margin-top: -8px;
  padding: 0 4px;
}

.notif-perm-status.perm-granted { color: #16a34a; }
.notif-perm-status.perm-denied { color: #dc2626; }
.notif-perm-status.perm-default { color: #d97706; }

/* Market Selection Section */
.notif-markets-section {
  border-top: 1px dashed #e2e8f0;
  padding-top: 14px;
}

.notif-markets-heading strong {
  font-size: 13.5px;
  color: #0f172a;
}

.notif-markets-help {
  margin: 2px 0 10px;
  font-size: 11px;
  color: #64748b;
}

.notif-quick-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.notif-quick-btn {
  padding: 5px 11px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s ease;
}

.notif-quick-btn:hover {
  background: #e2e8f0;
}

.notif-quick-btn.active-quick {
  background: #fff7ed;
  border-color: #f97316;
  color: #c2410c;
  font-weight: 800;
}

.notif-search-wrap input {
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  outline: none;
  margin-bottom: 12px;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.notif-search-wrap input:focus {
  border-color: var(--orange, #ff6b00);
}

.notif-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-height: 180px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  background: #fafafa;
}

.market-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border: 1.5px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  border-radius: 16px;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.market-chip:hover {
  border-color: #94a3b8;
  background: #f8fafc;
}

.market-chip.selected {
  background: #ecfdf5;
  border-color: #10b981;
  color: #065f46;
  font-weight: 800;
}

.market-chip.admin-chip {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #b45309;
}

.market-chip.admin-chip.selected {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: #d97706;
  color: #78350f;
  box-shadow: 0 1px 4px rgba(217, 119, 6, 0.25);
}

.market-chip .chip-check {
  font-size: 12px;
  line-height: 1;
}

.notif-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 22px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  gap: 12px;
}

.notif-footer-summary {
  font-size: 11.5px;
  font-weight: 700;
  color: #475569;
}

.notif-save-btn {
  padding: 9px 18px;
  background: #16a34a;
  color: #ffffff;
  border: 0;
  border-radius: 12px;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
}

.notif-save-btn:hover {
  background: #15803d;
  transform: translateY(-1px);
}

/* ========================================
   THEME ADAPTATIONS FOR NOTIFICATION UI
   ======================================== */
html[data-theme="night"] .notif-modal-card {
  background: #0f172a;
  color: #f8fafc;
  border-color: #38bdf8;
}
html[data-theme="night"] .notif-setting-row {
  background: #1e293b;
  border-color: #334155;
}
html[data-theme="night"] .notif-setting-info strong,
html[data-theme="night"] .notif-markets-heading strong {
  color: #ffffff;
}
html[data-theme="night"] .notif-setting-info p,
html[data-theme="night"] .notif-markets-help {
  color: #94a3b8;
}
html[data-theme="night"] .notif-chips-container {
  background: #1e293b;
  border-color: #334155;
}
html[data-theme="night"] .market-chip {
  background: #0f172a;
  color: #cbd5e1;
  border-color: #334155;
}
html[data-theme="night"] .market-chip.selected {
  background: #064e3b;
  border-color: #34d399;
  color: #a7f3d0;
}
html[data-theme="night"] .notif-quick-btn {
  background: #1e293b;
  color: #cbd5e1;
  border-color: #334155;
}
html[data-theme="night"] .notif-quick-btn.active-quick {
  background: #3b82f6;
  color: #ffffff;
  border-color: #60a5fa;
}
html[data-theme="night"] .notif-search-wrap input {
  background: #1e293b;
  color: #ffffff;
  border-color: #334155;
}
html[data-theme="night"] .notif-modal-footer {
  background: #1e293b;
  border-color: #334155;
}
html[data-theme="night"] .notif-footer-summary {
  color: #cbd5e1;
}
html[data-theme="night"] .notif-test-btn {
  background: #334155;
  color: #ffffff;
  border-color: #475569;
}
html[data-theme="night"] .bell-callout-pill {
  background: #0f172a !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 16px rgba(56, 189, 248, 0.4) !important;
}
html[data-theme="night"] .callout-tag {
  background: #38bdf8 !important;
  color: #0f172a !important;
}
html[data-theme="night"] .callout-arrow-anim {
  background: #38bdf8 !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.7) !important;
}

html[data-theme="classic"] .notif-modal-header {
  background: linear-gradient(135deg, #1b3934 0%, #2d6a4f 100%);
}
html[data-theme="classic"] .notif-modal-card {
  border-color: #2d6a4f;
}
html[data-theme="classic"] .bell-callout-pill {
  background: #1b3934 !important;
  border-color: #fde047 !important;
}

html[data-theme="old-version"] .notif-modal-header {
  background: #173b63;
}
html[data-theme="old-version"] .notif-modal-card {
  border-color: #173b63;
}
html[data-theme="old-version"] .topbar-bell-btn {
  background: #ffffff;
  color: #173b63;
  border-color: #173b63;
}
html[data-theme="old-version"] .topbar-bell-badge {
  background: #b4232c;
  color: #ffffff;
}
html[data-theme="old-version"] .quick-bell-pill,
html[data-theme="old-version"] .quick-filter-pill {
  background: #ffffff;
  color: #173b63;
  border-color: #173b63;
}
html[data-theme="old-version"] .quick-bell-pill strong {
  color: #b4232c;
}
html[data-theme="old-version"] .quick-filter-pill strong {
  background: #173b63;
  color: #ffffff;
}
html[data-theme="old-version"] .bell-callout-pill {
  background: #ffffff !important;
  border-color: #173b63 !important;
  color: #173b63 !important;
  box-shadow: 0 4px 14px rgba(23, 59, 99, 0.2) !important;
}
html[data-theme="old-version"] .callout-msg {
  color: #173b63 !important;
}
html[data-theme="old-version"] .callout-tag {
  background: #b4232c !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .callout-arrow-anim {
  background: #173b63 !important;
  color: #ffffff !important;
}
html[data-theme="old-version"] .callout-arrow-anim .arrow-svg {
  stroke: #ffffff !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 520px) {
  .topbar-bell-btn {
    padding: 4px 8px;
    font-size: 10px;
    gap: 4px;
  }
  .topbar-bell-icon { font-size: 12px; }
  .topbar-bell-text { display: none; }
  .result-toast-banner {
    top: 10px;
    right: 10px;
    left: 10px;
    max-width: unset;
    padding: 10px 14px;
  }
  .notif-modal-card {
    max-height: 94vh;
  }
  .notif-modal-header {
    padding: 14px 16px;
  }
  .notif-modal-body {
    padding: 14px 16px;
    gap: 12px;
  }
  .notif-setting-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .notif-setting-action {
    width: 100%;
    justify-content: space-between;
  }
  .notif-modal-footer {
    padding: 12px 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .notif-save-btn {
    width: 100%;
    text-align: center;
  }
}


/* ========================================================
   PWA INSTALL & IOS ADD TO HOME SCREEN BUTTONS & MODAL
   ======================================================== */

.topbar-install-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.25), rgba(245, 158, 11, 0.15));
  border: 1.5px solid rgba(234, 179, 8, 0.6);
  border-radius: 20px;
  color: #ffffff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.topbar-install-btn:hover {
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.45), rgba(245, 158, 11, 0.3));
  border-color: #facc15;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(234, 179, 8, 0.35);
}

.topbar-install-icon {
  font-size: 14px;
  line-height: 1;
}

.topbar-install-btn.installed {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}

.quick-install-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.2), rgba(245, 158, 11, 0.12));
  border: 1px solid rgba(234, 179, 8, 0.5);
  border-radius: 20px;
  color: #ffffff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.quick-install-pill:hover {
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.38), rgba(245, 158, 11, 0.25));
  border-color: #facc15;
  transform: translateY(-1px);
  box-shadow: 0 0 12px rgba(234, 179, 8, 0.3);
}

.quick-install-pill.installed {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}

/* Modal styles */
.pwa-guide-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(5, 5, 12, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: fadeInOverlay 0.25s ease-out;
}

.pwa-guide-modal-overlay[hidden] {
  display: none !important;
}

.pwa-guide-modal-card {
  width: 100%;
  max-width: 460px;
  background: #111827;
  border: 1.5px solid rgba(234, 179, 8, 0.4);
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), 0 0 30px rgba(234, 179, 8, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: scaleInModal 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.pwa-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pwa-modal-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pwa-modal-header-icon {
  font-size: 28px;
  line-height: 1;
}

.pwa-modal-header h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
}

.pwa-modal-subtitle {
  margin: 2px 0 0 0;
  font-size: 11px;
  color: #9ca3af;
}

.pwa-modal-close {
  background: transparent;
  border: none;
  color: #9ca3af;
  font-size: 20px;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  transition: all 0.2s ease;
  line-height: 1;
}

.pwa-modal-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

.pwa-modal-body {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pwa-guide-intro p {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #f3f4f6;
  line-height: 1.4;
}

.pwa-guide-subtext {
  font-size: 12px;
  color: #9ca3af;
  margin: 0 !important;
}

.pwa-steps-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pwa-step-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
}

.pwa-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background: #eab308;
  color: #111827;
  font-size: 11px;
  font-weight: 800;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.pwa-step-desc {
  font-size: 12px;
  color: #e5e7eb;
  line-height: 1.4;
}

.pwa-guide-tip {
  padding: 10px 12px;
  background: rgba(234, 179, 8, 0.1);
  border-left: 3px solid #eab308;
  border-radius: 0 8px 8px 0;
  font-size: 11px;
  color: #fef08a;
  line-height: 1.4;
}

.pwa-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.pwa-feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #d1d5db;
}

.pwa-feature-icon {
  font-size: 16px;
  flex-shrink: 0;
}

.pwa-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 22px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pwa-action-btn {
  padding: 10px 18px;
  background: linear-gradient(135deg, #eab308, #ca8a04);
  border: none;
  border-radius: 10px;
  color: #111827;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(234, 179, 8, 0.35);
}

.pwa-action-btn:hover {
  background: linear-gradient(135deg, #facc15, #eab308);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(234, 179, 8, 0.45);
}

.pwa-dismiss-btn {
  padding: 10px 14px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  color: #9ca3af;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pwa-dismiss-btn:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

/* Mobile responsive adjustments */
@media (max-width: 600px) {
  .topbar-install-btn {
    padding: 4px 8px;
    font-size: 10px;
    gap: 4px;
  }
  .topbar-install-icon { font-size: 12px; }
  .topbar-install-text { display: none; }
  .pwa-guide-modal-card {
    max-height: 92vh;
    border-radius: 14px;
  }
  .pwa-modal-header { padding: 12px 16px; }
  .pwa-modal-body { padding: 14px 16px; gap: 10px; }
  .pwa-features-grid { grid-template-columns: 1fr; }
  .pwa-modal-footer {
    padding: 12px 16px;
    flex-direction: column;
    align-items: stretch;
  }
  .pwa-action-btn, .pwa-dismiss-btn {
    width: 100%;
    text-align: center;
  }
}


/* ==========================================================
   CALENDAR NUMBER DISPLAY (.day-val) PER THEME
   ========================================================== */
html[data-theme="night"] .day-cell .day-val {
  color: #fde047 !important;
  background: rgba(253, 224, 71, 0.15) !important;
}
html[data-theme="night"] .day-cell.selected .day-val {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="funky"] .day-cell .day-val {
  color: #f4ff4f !important;
  background: rgba(244, 255, 79, 0.18) !important;
}
html[data-theme="funky"] .day-cell.selected .day-val {
  color: #21133b !important;
  background: rgba(255, 255, 255, 0.85) !important;
}

html[data-theme="classic"] .day-cell .day-val {
  color: #1b4332 !important;
  background: rgba(45, 106, 79, 0.15) !important;
}
html[data-theme="classic"] .day-cell.selected .day-val {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="old-version"] .day-cell .day-val {
  color: #173b63 !important;
  background: rgba(23, 59, 99, 0.12) !important;
}
html[data-theme="old-version"] .day-cell.selected .day-val {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   Welcome Hero Banner (delhidurga.com Welcome Section)
   ========================================================================== */
.welcome-hero-banner {
  position: relative;
  margin: 24px 0;
  padding: 32px 24px 28px;
  background: radial-gradient(circle at 50% 0%, #2e0813 0%, #17040a 60%, #0d0104 100%);
  border: 2px solid #eab308;
  border-radius: 20px;
  box-shadow: 0 12px 36px rgba(234, 179, 8, 0.22), 0 4px 14px rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  transition: all 0.3s ease;
}

.welcome-hero-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, transparent, #fde047, #eab308, #ca8a04, transparent);
}

.welcome-hero-banner .welcome-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  background: rgba(234, 179, 8, 0.16);
  border: 1px solid #facc15;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #fde047;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.welcome-banner-title {
  margin: 0 0 12px;
  font-size: clamp(24px, 4.2vw, 42px);
  font-weight: 900;
  line-height: 1.25;
  color: #ffffff;
  letter-spacing: 0.5px;
}

.welcome-banner-title .domain-highlight {
  background: linear-gradient(135deg, #fffbeb 0%, #fef08a 35%, #facc15 65%, #eab308 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Georgia, 'Times New Roman', serif;
  text-shadow: 0 2px 20px rgba(234, 179, 8, 0.4);
}

.welcome-banner-subtitle {
  max-width: 820px;
  margin: 0 auto 22px;
  font-size: clamp(14px, 1.8vw, 17px);
  color: #fef08a;
  line-height: 1.65;
  font-weight: 500;
}

.welcome-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  max-width: 960px;
  margin: 0 auto 20px;
}

.welcome-feature-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(234, 179, 8, 0.35);
  border-radius: 12px;
  text-align: left;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.welcome-feature-card:hover {
  transform: translateY(-2px);
  background: rgba(234, 179, 8, 0.12);
  border-color: #facc15;
}

.welcome-feature-card .feature-icon {
  font-size: 26px;
  line-height: 1;
}

.welcome-feature-card .feature-info strong {
  display: block;
  font-size: 13.5px;
  color: #ffffff;
  font-weight: 700;
}

.welcome-feature-card .feature-info small {
  display: block;
  font-size: 11.5px;
  color: #fef08a;
  opacity: 0.88;
  margin-top: 2px;
}

.welcome-banner-footer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  font-size: 13px;
  color: #fef9c3;
  border-top: 1px solid rgba(234, 179, 8, 0.25);
  width: 100%;
  max-width: 720px;
  justify-content: center;
}

.welcome-banner-footer .status-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px #22c55e;
  animation: pulse-live 2s infinite ease-in-out;
}

@keyframes pulse-live {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

/* Theme overrides */
html[data-theme="classic"] .welcome-hero-banner {
  background: radial-gradient(circle at 50% 0%, #154330 0%, #0c2b1e 65%, #05160e 100%);
  border-color: #4ade80;
  box-shadow: 0 12px 35px rgba(74, 222, 128, 0.2);
}
html[data-theme="classic"] .welcome-hero-banner::before {
  background: linear-gradient(90deg, transparent, #86efac, #4ade80, #22c55e, transparent);
}
html[data-theme="classic"] .welcome-banner-title .domain-highlight {
  background: linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 40%, #86efac 70%, #4ade80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="classic"] .welcome-banner-subtitle { color: #dcfce7; }
html[data-theme="classic"] .welcome-hero-banner .welcome-badge {
  background: rgba(74, 222, 128, 0.15);
  border-color: #4ade80;
  color: #86efac;
}
html[data-theme="classic"] .welcome-feature-card {
  border-color: rgba(74, 222, 128, 0.35);
}
html[data-theme="classic"] .welcome-feature-card .feature-info small { color: #bbf7d0; }
html[data-theme="classic"] .welcome-banner-footer {
  color: #dcfce7;
  border-top-color: rgba(74, 222, 128, 0.25);
}

html[data-theme="old-version"] .welcome-hero-banner {
  background: radial-gradient(circle at 50% 0%, #1e3a8a 0%, #172554 65%, #0f172a 100%);
  border-color: #60a5fa;
  box-shadow: 0 12px 35px rgba(96, 165, 250, 0.2);
}
html[data-theme="old-version"] .welcome-hero-banner::before {
  background: linear-gradient(90deg, transparent, #93c5fd, #60a5fa, #3b82f6, transparent);
}
html[data-theme="old-version"] .welcome-banner-title .domain-highlight {
  background: linear-gradient(135deg, #eff6ff 0%, #bfdbfe 40%, #93c5fd 70%, #60a5fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="old-version"] .welcome-banner-subtitle { color: #dbeafe; }
html[data-theme="old-version"] .welcome-hero-banner .welcome-badge {
  background: rgba(96, 165, 250, 0.15);
  border-color: #60a5fa;
  color: #bfdbfe;
}
html[data-theme="old-version"] .welcome-feature-card {
  border-color: rgba(96, 165, 250, 0.35);
}
html[data-theme="old-version"] .welcome-feature-card .feature-info small { color: #bfdbfe; }
html[data-theme="old-version"] .welcome-banner-footer {
  color: #dbeafe;
  border-top-color: rgba(96, 165, 250, 0.25);
}

html[data-theme="night"] .welcome-hero-banner {
  background: radial-gradient(circle at 50% 0%, #18181b 0%, #09090b 65%, #000000 100%);
  border-color: #eab308;
  box-shadow: 0 12px 35px rgba(234, 179, 8, 0.25);
}

html[data-theme="high-contrast"] .welcome-hero-banner {
  background: #000000;
  border: 3px solid #ffd400;
  color: #ffffff;
}
html[data-theme="high-contrast"] .welcome-banner-title .domain-highlight {
  background: #ffd400;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffd400;
}
html[data-theme="high-contrast"] .welcome-banner-subtitle { color: #ffffff; }
html[data-theme="high-contrast"] .welcome-feature-card {
  border: 1px solid #ffd400;
  background: #111111;
}
html[data-theme="high-contrast"] .welcome-feature-card .feature-info strong { color: #ffd400; }
html[data-theme="high-contrast"] .welcome-feature-card .feature-info small { color: #ffffff; }

@media (max-width: 640px) {
  .welcome-hero-banner {
    padding: 24px 14px 20px;
    margin: 18px 0;
  }
  .welcome-banner-title {
    font-size: 24px;
  }
  .welcome-features-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .welcome-feature-card {
    padding: 10px 8px;
    gap: 8px;
  }
  .welcome-feature-card .feature-icon {
    font-size: 20px;
  }
  .welcome-feature-card .feature-info strong {
    font-size: 12px;
  }
  .welcome-feature-card .feature-info small {
    font-size: 10px;
  }
  .welcome-banner-footer {
    font-size: 11px;
    flex-wrap: wrap;
  }
}