/* brighter dark default */
html[data-theme="dark"] body {
  background: radial-gradient(1200px 900px at 15% -10%, #1c2538 0%, #141a2a 60%), #141a2a;
  color: #eef4ff;
}
html[data-theme="dark"] #controls,
html[data-theme="dark"] #timelineSection,
html[data-theme="dark"] #playbackControls {
  background: linear-gradient(180deg, rgba(40,50,78,0.80), rgba(24,30,48,0.80));
  border: 1px solid #3a4770;
}
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] .pattern-input {
  background: #11182b;
  color: #eef4ff;
  border-color: #38466c;
}
html[data-theme="dark"] .group { border-color: #445584; }
html[data-theme="dark"] #timelineCanvas {
  border-color: #3a4770;
  background: linear-gradient(180deg, #0f1629, #172038);
}
html[data-theme="dark"] canvas { color: #eef4ff; }

/* pepe-bright even brighter */
html[data-theme="pepe-bright"] body {
  background: radial-gradient(1200px 900px at 20% -10%, #253a62 0%, #1e3257 60%), #1e3257;
  color: #fbfdff;
}
html[data-theme="pepe-bright"] #controls,
html[data-theme="pepe-bright"] #timelineSection,
html[data-theme="pepe-bright"] #playbackControls {
  background: linear-gradient(180deg, rgba(70,100,160,0.78), rgba(46,70,120,0.78));
  border: 1px solid #6f95e0;
}