:root { color-scheme: light; }
#theme { font-size: 11px; padding: 8px; margin-left: 8px; border: 1px solid #e1e7e3; border-radius: 8px; background: #fff; max-width: 110px; }
:root[data-theme="dark"] { color-scheme: dark; color: #dfebe3; background: #121a17; }
[data-theme="dark"] header { border-color: #2d3c33; }
[data-theme="dark"] .card { background: #1b2620; border-color: #304037; box-shadow: none; }
[data-theme="dark"] .today { background: #22382a; border-color: #37533d; }
[data-theme="dark"] .logo { background: #385d48; }
[data-theme="dark"] .pill,
[data-theme="dark"] .check { background: #35563b; color: #c0e6b8; }
[data-theme="dark"] .live,
[data-theme="dark"] .brand small,
[data-theme="dark"] .intro p,
[data-theme="dark"] .intro time,
[data-theme="dark"] .card-label,
[data-theme="dark"] .today p,
[data-theme="dark"] .today-bottom,
[data-theme="dark"] .metric p,
[data-theme="dark"] .number small,
[data-theme="dark"] .section-head p,
[data-theme="dark"] .week,
[data-theme="dark"] .legend,
[data-theme="dark"] .day-detail,
[data-theme="dark"] .month-big small,
[data-theme="dark"] .summary-row,
[data-theme="dark"] .routine p,
[data-theme="dark"] footer { color: #a3b5a9; }
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .mini-icon,
[data-theme="dark"] h1 span { color: #a0c5a4; }
[data-theme="dark"] .today-bottom,
[data-theme="dark"] .routine,
[data-theme="dark"] .day-detail,
[data-theme="dark"] td { border-color: #314337; }
[data-theme="dark"] .today-bottom strong,
[data-theme="dark"] .summary-row strong,
[data-theme="dark"] .routine h3,
[data-theme="dark"] td:first-child { color: #d0e3d4; }
[data-theme="dark"] button,
[data-theme="dark"] #theme,
[data-theme="dark"] .history select { border-color: #405247; }
[data-theme="dark"] #theme,
[data-theme="dark"] .history select { background: #1b2620; color: #d7e6dc; }
[data-theme="dark"] button:hover { background: #344b3c; }
[data-theme="dark"] .day { background: #25322a; }
[data-theme="dark"] .day small { color: #a7b8ac; }
[data-theme="dark"] .day.success,
[data-theme="dark"] .day.signed,
[data-theme="dark"] .badge { background: #2c4631; color: #c1e4bc; }
[data-theme="dark"] .day.success small,
[data-theme="dark"] .day.signed small,
[data-theme="dark"] td:last-child { color: #a9d3a4; }
[data-theme="dark"] .day.failed,
[data-theme="dark"] .badge.failed { background: #4c3527; color: #f0c29c; }
[data-theme="dark"] .day.current { outline-color: #afd59e; }
[data-theme="dark"] .day.future { background: transparent; color: #74867a; }
[data-theme="dark"] .progress,
[data-theme="dark"] th { background: #243229; }
[data-theme="dark"] th,
[data-theme="dark"] td { color: #b2c1b7; }
[data-theme="dark"] .badge.pending,
[data-theme="dark"] .badge.unconfirmed { background: #354039; color: #c0ccc4; }
[data-theme="dark"] .empty-dot { background: #586a5c; }
[data-theme="dark"] .separator { color: #74867a; }
[data-theme="dark"] .notice { background: #453822; color: #eed09e; }
[data-theme="dark"] button:focus-visible,
[data-theme="dark"] select:focus-visible { outline-color: #afd59e; }
@media (max-width: 680px) {
  header { flex-wrap: wrap; height: auto; min-height: 82px; gap: 12px; padding: 17px 0; }
  .live { flex-wrap: wrap; }
  #theme { margin-left: 3px; font-size: 10px; padding: 7px 5px; }
  .live button { margin-left: 2px; }
}