@font-face{font-family:'Source Sans 3 Variable';font-style:normal;font-weight:200 900;font-display:swap;src:url('/source-sans-3-latin.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4 Variable';font-style:normal;font-weight:200 900;font-display:swap;src:url('/source-serif-4-latin.woff2') format('woff2')}







:root,
:is(.mc-public-header,.mc-hero-scene,.mc-discovery,.track-hero,.mc-home-footer,.pricing-card:has(.pricing-badge),.ls-feature) {
  color-scheme: dark;
  
  --canvas: #111b20;
  --card: #18262c;
  --raised: #213139;
  --hairline: #34484f;
  --hairline-strong: var(--border-control);
  --hairline-faint: #24343c;
  --text-muted: #acbbb9;
  --text-dim: #acbbb9;
  --text-body: #eef3f0;
  --text-heading: #eef3f0;
  
  --chrome-chip-text: #eef3f0;
  --chrome-chip-text-dim: #acbbb9;
  --accent: #79d5be;
  --accent-hover: #96e3cf;
  --status-correct: #9ad5ad;
  --status-incorrect: #f4adaa;
  --status-warning: #f0cc79;

  
  --success-text: #9ad5ad;
  --success-tint: #182f27;
  --warning-text: #f0cc79;
  --danger-text: #f4adaa;
  --danger-tint: #392426;
  --info-text: #a8cdef;
  --info-tint: #1d2f40;
  --focus: #79d5be;
  --border-control: #78918f;
  --on-action: #10241f;

  --surface-subtle: color-mix(in srgb, var(--accent) 10%, transparent);
  --overlay-shadow: none;
  --date-icon-invert: 0.6;
  --scrim: rgba(5, 5, 6, 0.6);
  --palette-highlight: #1e2022;
  
  --warning-tint: #342c19;

  
  --icon-color: var(--accent);
  --eyebrow-color: var(--text-muted);
  --card-shadow: none;

  
  --brand-surface: #18262c;
  --brand-surface-line: #34484f;
  --brand-on-surface: #eef3f0;
  --brand-on-surface-muted: #acbbb9;
  --brand-on-surface-dim: #78918f;
  --brand-raised: #213139;

  
  
  --font-sans: "Source Sans 3 Variable", "Source Sans 3", system-ui, sans-serif;
  --font-serif: "Source Serif 4 Variable", "Source Serif 4", Georgia, serif;
  --font-mono: "JetBrains Mono Variable", "JetBrains Mono", monospace;

  
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --radius-badge: 4px;
  --radius-control: 6px;
  --radius-card: 12px;

  
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 13px;
  --font-size-md: 14px;

  
  --google-btn-bg: #131314;
  --google-btn-border: #8e918f;
  --google-btn-text: #e3e3e3;
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    
    --canvas: #f5f9f8;
    --card: #ffffff;
    --raised: #e9f4f1;
    --hairline: #d3e2de;
    --hairline-strong: var(--border-control);
    --hairline-faint: #e4eeeb;
    --text-dim: #526267;
    --text-muted: #526267;
    --text-body: #19272c;
    --text-heading: #19272c;
    
    --chrome-chip-text: #19272c;
    --chrome-chip-text-dim: #526267;
    --accent: #086c63;
    --accent-hover: #075a53;
    --status-correct: #216548;
    --status-incorrect: #ae3434;
    --status-warning: #805600;

    --success-text: #216548;
    --success-tint: #eaf4ec;
    --warning-text: #805600;
    --danger-text: #ae3434;
    --danger-tint: #fceeee;
    --info-text: #2c5f8a;
    --info-tint: #edf4fb;
    --focus: #086c63;
    --border-control: #75858a;
    --on-action: #ffffff;

    --surface-subtle: color-mix(in srgb, var(--accent) 8%, transparent);
    --overlay-shadow: 0 8px 24px rgba(25, 39, 44, 0.12);
    --date-icon-invert: 0;
    --scrim: rgba(15, 16, 20, 0.45);
    --palette-highlight: #e2e5e9;
    --warning-tint: #fff4d6;

    
    --icon-color: #0d8f7e;
    --eyebrow-color: #086c63;
    --card-shadow: 0 1px 2px rgb(25 39 44 / .05), 0 6px 18px rgb(8 108 99 / .07);

    --brand-surface: #075a53;
    --brand-surface-line: #086c63;
    --brand-on-surface: #ffffff;
    --brand-on-surface-muted: #c9efed;
    --brand-on-surface-dim: #a8d9d8;
    --brand-raised: color-mix(in srgb, var(--brand-on-surface) 10%, transparent);

    --google-btn-bg: #ffffff;
    --google-btn-border: #747775;
    --google-btn-text: #1f1f1f;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #f5f9f8;
  --card: #ffffff;
  --raised: #e9f4f1;
  --hairline: #d3e2de;
  --hairline-strong: var(--border-control);
  --hairline-faint: #e4eeeb;
  --text-dim: #526267;
  --text-muted: #526267;
  --text-body: #19272c;
  --text-heading: #19272c;
  
  --chrome-chip-text: #19272c;
  --chrome-chip-text-dim: #526267;
  --accent: #086c63;
  --accent-hover: #075a53;
  --status-correct: #216548;
  --status-incorrect: #ae3434;
  --status-warning: #805600;

  --success-text: #216548;
  --success-tint: #eaf4ec;
  --warning-text: #805600;
  --danger-text: #ae3434;
  --danger-tint: #fceeee;
  --info-text: #2c5f8a;
  --info-tint: #edf4fb;
  --focus: #086c63;
  --border-control: #75858a;
  --on-action: #ffffff;

  --surface-subtle: color-mix(in srgb, var(--accent) 8%, transparent);
  --overlay-shadow: 0 8px 24px rgba(25, 39, 44, 0.12);
  --date-icon-invert: 0;
  --scrim: rgba(15, 16, 20, 0.45);
  --palette-highlight: #e2e5e9;
  --warning-tint: #fff4d6;

  
  --icon-color: #0d8f7e;
  --eyebrow-color: #086c63;
  --card-shadow: 0 1px 2px rgb(25 39 44 / .05), 0 6px 18px rgb(8 108 99 / .07);

  --brand-surface: #075a53;
  --brand-surface-line: #086c63;
  --brand-on-surface: #ffffff;
  --brand-on-surface-muted: #c9efed;
  --brand-on-surface-dim: #a8d9d8;
  --brand-raised: color-mix(in srgb, var(--brand-on-surface) 10%, transparent);

  --google-btn-bg: #ffffff;
  --google-btn-border: #747775;
  --google-btn-text: #1f1f1f;
}


.brand-chrome {
  background: var(--brand-surface) !important;
  border-color: var(--brand-surface-line) !important;
  --text-heading: var(--brand-on-surface);
  --text-body: var(--brand-on-surface);
  --text-muted: var(--brand-on-surface-muted);
  --text-dim: var(--brand-on-surface-dim);
  --hairline: var(--brand-surface-line);
  --hairline-strong: var(--brand-on-surface-dim);
  --hairline-faint: color-mix(in srgb, var(--brand-on-surface) 18%, transparent);
  --raised: var(--brand-raised);
}


:root[data-theme="dark"] {
}