:root {
  --mk-bg: #070907;
  --mk-app: #0b0e0b;
  --mk-surface: #121512;
  --mk-surface-raised: #191d19;
  --mk-line: #2a2f2a;
  --mk-text: #f4f6f0;
  --mk-muted: #9ba29b;
  --mk-accent: #c8f04b;
  --mk-accent-strong: #a9d62b;
  --mk-danger: #ff7468;
}

html:has(body.mk-client),
html:has(body.mk-onboarding) {
  color-scheme: dark;
  background: var(--mk-bg);
}

body.mk-client,
body.mk-onboarding {
  background: var(--mk-bg);
  color: var(--mk-text);
}

body.mk-client .app,
body.mk-onboarding .app {
  background: var(--mk-app);
  color: var(--mk-text);
}

body.mk-client .topbar,
body.mk-onboarding .topbar {
  border-color: var(--mk-line);
  background: rgba(10, 13, 10, .94);
  backdrop-filter: blur(16px);
}

body.mk-client .brand-mark,
body.mk-onboarding .brand-mark {
  border: 1px solid rgba(200, 240, 75, .62);
  background: #0a0d0a;
  color: var(--mk-accent);
}

body.mk-client h1,
body.mk-client h2,
body.mk-client h3,
body.mk-client strong,
body.mk-onboarding h1,
body.mk-onboarding h2,
body.mk-onboarding h3,
body.mk-onboarding strong {
  color: var(--mk-text);
}

body.mk-client p,
body.mk-client .brand span,
body.mk-client .eyebrow,
body.mk-client .meta,
body.mk-client .spec,
body.mk-onboarding p,
body.mk-onboarding .brand-status,
body.mk-onboarding .eyebrow {
  color: var(--mk-muted);
}

body.mk-client .section + .section,
body.mk-client .profile-card,
body.mk-client .profile-block,
body.mk-onboarding .section {
  border-color: var(--mk-line);
}

body.mk-client .icon-btn,
body.mk-client .secondary,
body.mk-client .week-tab,
body.mk-client .day-card,
body.mk-client .category,
body.mk-client .article-card,
body.mk-client .catalog-card,
body.mk-client .macro-card,
body.mk-client .answer-cell,
body.mk-client .measure-entry,
body.mk-client .small-button,
body.mk-client .measure-field input,
body.mk-client .measure-field textarea,
body.mk-client .measure-field select,
body.mk-onboarding .secondary,
body.mk-onboarding input,
body.mk-onboarding textarea,
body.mk-onboarding .choice,
body.mk-onboarding .answer-summary,
body.mk-onboarding .created-item {
  border-color: var(--mk-line);
  background: var(--mk-surface);
  color: var(--mk-text);
}

body.mk-client .quick-card {
  border-color: var(--mk-line);
  background-color: var(--mk-surface);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--mk-text);
}

body.mk-client .primary,
body.mk-client .nav-btn.active b,
body.mk-client .day-card.training .day-dot,
body.mk-client .recommendation-item b,
body.mk-client .free-day b,
body.mk-onboarding .primary,
body.mk-onboarding .choice.selected,
body.mk-onboarding .onboarding-progress > * {
  border-color: var(--mk-accent);
  background: var(--mk-accent);
  color: #10140a;
}

body.mk-client .tag,
body.mk-client .day-dot,
body.mk-client .progress-track,
body.mk-client .goal-box,
body.mk-client .metric,
body.mk-client .library-tabs,
body.mk-client .measure-mini,
body.mk-client .photo-slot,
body.mk-client .video-link.missing,
body.mk-client .video-local-note,
body.mk-client .source-note,
body.mk-onboarding .pill,
body.mk-onboarding .notice {
  border-color: var(--mk-line);
  background: var(--mk-surface-raised);
  color: var(--mk-muted);
}

body.mk-client .tag.good {
  background: rgba(200, 240, 75, .14);
  color: var(--mk-accent);
}

body.mk-client .program-hero,
body.mk-client .free-program,
body.mk-client .vault-intro {
  background-color: #0d110d;
  border: 1px solid var(--mk-line);
}

body.mk-client .journey-step,
body.mk-client .history-card,
body.mk-client .today-card,
body.mk-client .diagnostic-banner,
body.mk-client .nutrition-status,
body.mk-client .due-measure,
body.mk-client .gift-done,
body.mk-client .health-ok {
  border-color: var(--mk-line);
  background: var(--mk-surface);
  color: var(--mk-text);
}

body.mk-client .journey-step.active,
body.mk-client .today-card,
body.mk-client .nutrition-status,
body.mk-client .due-measure {
  border-left-color: var(--mk-accent);
}

body.mk-client .week-tab.active,
body.mk-client .category.active,
body.mk-client .link-button,
body.mk-client .play,
body.mk-client .diagnostic-watch,
body.mk-client .video-local-note a {
  border-color: var(--mk-accent);
  background: var(--mk-accent);
  color: #10140a;
}

body.mk-client .bottom-nav {
  border-color: var(--mk-line);
  background: rgba(10, 13, 10, .97);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .28);
}

body.mk-client .nav-btn.active {
  color: var(--mk-accent);
}

body.mk-client .sheet-backdrop {
  background: rgba(0, 0, 0, .78);
}

body.mk-client .sheet {
  background: var(--mk-app);
  color: var(--mk-text);
  border: 1px solid var(--mk-line);
  border-bottom: 0;
}

body.mk-client .sheet-close,
body.mk-client .exercise,
body.mk-client .diagnostic-item {
  border-color: var(--mk-line);
  background: var(--mk-surface);
  color: var(--mk-text);
}

body.mk-client .technique,
body.mk-client .article-body p,
body.mk-client .article-body li,
body.mk-client .article-meta,
body.mk-client .catalog-meta,
body.mk-client .answer-cell span,
body.mk-client .info-row span,
body.mk-client .measure-entry-head span {
  color: var(--mk-muted);
}

body.mk-client .article-body h3,
body.mk-client .article-body h4 {
  color: var(--mk-text);
}

body.mk-client .article-body blockquote,
body.mk-client .article-body code {
  background: var(--mk-surface-2);
  color: var(--mk-text);
}

body.mk-client .article-callout {
  background: rgba(198, 245, 58, .08);
  border-color: var(--mk-accent);
  color: var(--mk-text);
}

body.mk-client .article-callout p,
body.mk-client .article-callout li {
  color: var(--mk-text);
}

body.mk-client .article-card.locked {
  background: #0f120f;
  color: #777d77;
}

body.mk-client .lock-badge {
  background: #242924;
  color: #a5aba5;
}

body.mk-client .article-cover::after,
body.mk-client .catalog-cover::after,
body.mk-client .profile-cover::after {
  background: rgba(4, 7, 4, .7);
}

body.mk-client .profile-photo {
  border-color: var(--mk-app);
  background: var(--mk-accent);
  color: #10140a;
}

body.mk-client .profile-photo::after {
  border-color: var(--mk-app);
  background: var(--mk-accent);
  color: #10140a;
}

body.mk-client .progress-fill {
  background: var(--mk-accent);
}

body.mk-client .toast,
body.mk-onboarding .toast {
  background: var(--mk-accent);
  color: #10140a;
}

body.mk-onboarding .onboarding-flow {
  background: var(--mk-bg);
}

body.mk-onboarding .onboarding-panel {
  background: var(--mk-app);
  color: var(--mk-text);
}

body.mk-onboarding .onboarding-step,
body.mk-onboarding .onboarding-scroll,
body.mk-onboarding .onboarding-copy,
body.mk-onboarding .onboarding-form {
  background: var(--mk-app);
  color: var(--mk-text);
}

body.mk-onboarding .onboarding-top,
body.mk-onboarding .onboarding-actions {
  border-color: var(--mk-line);
  background: rgba(11, 14, 11, .96);
}

body.mk-onboarding .onboarding-progress,
body.mk-onboarding .progress-track {
  background: var(--mk-surface-raised);
}

body.mk-onboarding .field > label,
body.mk-onboarding .answer-line strong,
body.mk-onboarding .trainer-preview h3 {
  color: var(--mk-text);
}

body.mk-onboarding .field input[type="text"],
body.mk-onboarding .field input[type="number"],
body.mk-onboarding .field input[type="date"],
body.mk-onboarding .field select,
body.mk-onboarding .field textarea,
body.mk-onboarding .trainer-preview,
body.mk-onboarding .answer-line {
  border-color: var(--mk-line);
  background: var(--mk-surface);
  color: var(--mk-text);
}

body.mk-onboarding .created-item {
  background: rgba(200, 240, 75, .12);
  color: var(--mk-accent);
}

body.mk-onboarding .visual-caption,
body.mk-onboarding .visual-caption h1,
body.mk-onboarding .visual-caption p {
  color: #f4f6f0;
}

body.mk-onboarding input:focus,
body.mk-onboarding textarea:focus,
body.mk-client input:focus,
body.mk-client textarea:focus,
body.mk-client select:focus {
  border-color: var(--mk-accent);
  outline: 2px solid rgba(200, 240, 75, .16);
}

@media (min-width: 560px) {
  body.mk-client .app,
  body.mk-onboarding .app {
    box-shadow: 0 0 0 1px var(--mk-line), 0 24px 70px rgba(0, 0, 0, .42);
  }
}

/* article-renderer-v2 */