/* The public website follows the same resolved appearance as the study app. */
:root { color-scheme: light; }
:root.theme-dark { color-scheme: dark; }
/* The account's manual preference has the same broad effect as device Reduce Motion. */
:root[data-reduced-motion="true"] *,
:root[data-reduced-motion="true"] *::before,
:root[data-reduced-motion="true"] *::after {
  scroll-behavior: auto !important;
  transition: none !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
}
.mc-weather-appearance [data-reduce-motion-summary] { display: block; margin-top: 6px; max-width: 38rem; font-weight: 400; line-height: 1.45; color: var(--mc-ink-secondary); }
.mc-weather-appearance [data-reduce-motion] { flex-shrink: 0; min-width: 24px; min-height: 24px; accent-color: var(--mc-teal); }
.marketing-appearance { display: inline-flex; align-items: center; gap: 8px; color: var(--mc-ink-secondary); font-size: .8125rem; }
.marketing-appearance select {
  min-height: 44px; max-width: 100%; padding: 8px 10px;
  border: 1px solid var(--mc-line-strong); border-radius: 12px;
  color: var(--mc-ink); background: var(--mc-surface); font: inherit; font-size: 1rem;
}
.marketing-appearance select:focus-visible { outline: 3px solid var(--mc-teal); outline-offset: 3px; }
:root:not(.theme-dark) body.is-marketing {
  color-scheme: light;
  --mc-ink: #17243a;
  --mc-ink-secondary: #46566e;
  --mc-teal: #17624e;
  --mc-blue: #315cbd;
  --mc-deep-blue: #203e75;
  --mc-surface: #ffffff;
  --mc-pearl: #f2f5f8;
  --mc-mint: #d8f2e8;
  --mc-cream: #dbe7f9;
  --mc-line: rgba(28, 48, 76, .16);
  --mc-line-strong: rgba(28, 48, 76, .3);
  --mc-glass-subtle: rgba(255, 255, 255, .65);
  --mc-glass-standard: rgba(255, 255, 255, .82);
  --mc-glass-strong: #ffffff;
  --mc-glass-border: rgba(43, 65, 103, .18);
  --mc-glass-highlight: rgba(255, 255, 255, .9);
  --mc-shadow-subtle: 0 8px 24px rgba(28, 48, 76, .07);
  --mc-shadow-elevated: 0 20px 48px rgba(28, 48, 76, .1);
  --mc-shadow-sheet: 0 24px 70px rgba(28, 48, 76, .16);
  --mc-success: #17624e;
  --mc-danger: #a02d42;
  --mc-danger-surface: #fceaf0;
  --mc-warning: #805f14;
  --mc-warning-surface: #fff5d6;
  --mc-background: #f2f5f8;
  --mc-marketing-canvas: #f2f5f8;
  --mc-marketing-card: #ffffff;
  --mc-marketing-selected: rgba(57, 87, 190, .12);
}
:root:not(.theme-dark) body.is-marketing .marketing-page {
  background: radial-gradient(ellipse at 85% 8%, rgba(75, 112, 165, .08), transparent 30%),
    radial-gradient(ellipse at 5% 25%, rgba(41, 140, 110, .07), transparent 26%), var(--mc-marketing-canvas);
}
:root:not(.theme-dark) body.is-marketing :is(.marketing-hero h1 em, .eyebrow, .marketing-today-preview__body small, .marketing-steps span, .marketing-platforms h2 em, .mc-preview-break strong, .marketing-bridge h2 em, .legal a) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-explore, .marketing-note, .marketing-footer, .marketing-footer span, .mc-preview-heading > span, .mc-preview-tabs button, .mc-preview-panel > p, .mc-preview-plan small, .mc-preview-focus small, .mc-preview-note span, .platform-availability span, .platform-availability small, .marketing-rhythm span, .marketing-bridge__copy > p:not(.eyebrow), .marketing-bridge__list small) { color: var(--mc-ink-secondary); }
:root:not(.theme-dark) body.is-marketing :is(.mc-preview-panel h2, .mc-preview-plan strong, .mc-preview-focus strong, .mc-preview-note strong, .platform-availability strong, .marketing-bridge h2) { color: var(--mc-ink); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-explore:hover, .marketing-footer a:hover) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-feature, .platform-availability, .marketing-today-preview, .marketing-motion) {
  border-color: var(--mc-glass-border);
  background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(231, 238, 248, .85));
  box-shadow: var(--mc-shadow-subtle), inset 0 1px var(--mc-glass-highlight);
}
:root:not(.theme-dark) body.is-marketing .marketing-today-preview__ring { background: conic-gradient(#277a62 0 37%, #d7e1ee 37% 100%); }
:root:not(.theme-dark) body.is-marketing .marketing-today-preview__ring span { background: #f6f9fc; }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs { background: #e8edf7; }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs::before { border-color: rgba(47, 73, 161, .25); background: linear-gradient(135deg, #dbe5fc, #d9e6f9); }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs button:is([aria-selected="true"], :hover) { color: #203e75; }
:root:not(.theme-dark) body.is-marketing .mc-preview-plan time { color: #315cbd; }
:root:not(.theme-dark) body.is-marketing .mc-preview-plan .mc-preview-break strong { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.mc-preview-focus, .mc-preview-note, .marketing-rhythm) { background: #edf2f9; }
:root:not(.theme-dark) body.is-marketing .mc-preview-focus > span { color: var(--mc-ink); border-color: #cad6e9; border-top-color: #277a62; border-right-color: #277a62; }
:root:not(.theme-dark) body.is-marketing .mc-preview-note .mc-preview-note__label { color: #38557e; }
:root:not(.theme-dark) body.is-marketing .marketing-feature__icon--blue { color: #315cbd; }
:root:not(.theme-dark) body.is-marketing :is(.marketing-feature__icon--mint, .marketing-feature__icon--teal) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing .marketing-feature__icon--cream { color: #38557e; }
:root:not(.theme-dark) body.is-marketing .marketing-bridge { background: linear-gradient(130deg, #e5ecfc, #e2ebf9 57%, #e2f2ed); border-color: var(--mc-line); }
:root:not(.theme-dark) body.is-marketing .marketing-bridge__list > div { background: rgba(255, 255, 255, .65); border-color: var(--mc-line); }
:root:not(.theme-dark) body.is-marketing :is(button, a, input, select, [role="tabpanel"]):focus-visible { outline-color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing .marketing-signin { background: var(--mc-glass-standard); }
:root:not(.theme-dark) body.is-marketing .marketing-signin:hover { background: #e5ecf7; }
/* The study example keeps the same hierarchy without a bright card at night. */
:root.theme-dark body.is-marketing .study-sample__card { color: var(--mc-ink); background: #142039; border-color: var(--mc-line-strong); }
:root.theme-dark body.is-marketing .study-sample__card p { color: var(--mc-ink-secondary); }
:root.theme-dark body.is-marketing .study-sample__card select,
:root.theme-dark body.is-marketing .study-sample__answers .mc-button { color: var(--mc-ink); background: #1e2d48; border-color: #687d9d; }
:root.theme-dark body.is-marketing .study-sample__answers [aria-pressed="true"] { background: #243e68; border-color: #9eb9ff; }
:root.theme-dark body.is-marketing .study-sample__card :focus-visible { outline-color: #a1eed1; }
@media (max-width: 400px) { .marketing-appearance { gap: 5px; font-size: .75rem; } .marketing-appearance select { padding-inline: 7px; } }
@media (prefers-reduced-transparency: reduce) {
  :root:not(.theme-dark) body.is-marketing :is(.marketing-motion, .marketing-feature, .platform-availability, .marketing-today-preview) { background: #ffffff; }
}

/* Entry-page accessibility is available without signing in. */
.marketing-appearance-controls { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; padding-block: 8px; }
.marketing-motion-choice { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--mc-ink-secondary); font-size: .8125rem; cursor: pointer; white-space: nowrap; }
.marketing-motion-choice input { width: 20px; height: 20px; margin: 0; accent-color: var(--mc-teal); }
.marketing-motion-choice input:focus-visible { outline: 3px solid var(--mc-teal); outline-offset: 4px; }
@media (max-width: 540px) { .marketing-appearance-controls { gap: 0 12px; } .marketing-nav { flex-wrap: wrap; } }

/* Personalize uses tokens on the existing components. No animation or new blur. */
.mc-personalize[hidden],.mc-personalize__conflict[hidden],.preference-row--appearance[hidden]{display:none!important}
.mc-personalize{padding:18px 0;border-bottom:1px solid var(--mc-line);min-width:0}.mc-personalize h3{margin:4px 0 10px;font-size:1.15rem}.mc-personalize fieldset{min-width:0;margin:20px 0;padding:0;border:0}.mc-personalize legend{font-size:.875rem;font-weight:700;margin-bottom:10px}.mc-personalize__modes{display:flex;flex-wrap:wrap;gap:8px}.mc-personalize__modes label,.mc-personalize__colors label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--mc-line-strong);border-radius:12px;background:var(--mc-surface);color:var(--mc-ink);cursor:pointer}.mc-personalize input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--mc-blue)}.mc-personalize input:focus-visible{outline:3px solid var(--mc-blue);outline-offset:4px}.mc-personalize__colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mc-personalize__colors label{font-size:.8125rem}.mc-personalize__swatch{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:1px solid #0002;background:var(--personalize-swatch)}[data-accent=ocean]{--personalize-swatch:#0940c4}[data-accent=lavender]{--personalize-swatch:#345b91}[data-accent=emerald]{--personalize-swatch:#08735f}[data-accent=sunset]{--personalize-swatch:#b74621}[data-accent=graphite]{--personalize-swatch:#475569}.mc-personalize__check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem}.mc-personalize__premium summary{min-height:44px;padding-block:12px;cursor:pointer;font-weight:650;font-size:.875rem}.mc-personalize__themes{display:grid;gap:8px;margin:8px 0 12px}.mc-personalize__themes button{display:grid;min-height:80px;gap:6px;text-align:left;padding:14px;border:1px solid var(--mc-line-strong);border-radius:14px;color:var(--mc-ink);opacity:1;cursor:default;background:var(--personalize-theme-preview)}.mc-personalize__themes small{font-weight:400;font-size:.75rem;color:var(--mc-ink-secondary)}[data-preview-theme=aurora]{--personalize-theme-preview:linear-gradient(120deg,#aee9db44,#b0b6f044),var(--mc-surface)}[data-preview-theme=midnight]{--personalize-theme-preview:linear-gradient(120deg,#6d84bf33,#7ca4dc33),var(--mc-surface)}[data-preview-theme=crystal]{--personalize-theme-preview:linear-gradient(120deg,#c9e7f333,#ffffff22),var(--mc-surface)}.mc-personalize__conflict{display:flex;flex-wrap:wrap;gap:8px}.mc-personalize__conflict button{font-size:.8125rem;min-height:44px}
:root[data-mc-personalize=true][data-mc-accent=lavender]{--mc-blue:#345b91;--mc-teal:#294976;--mc-deep-blue:#192c47;--mc-mint:#d6e5fb;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=emerald]{--mc-blue:#08735f;--mc-teal:#075b4c;--mc-deep-blue:#064e42;--mc-mint:#d6f5e7;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=sunset]{--mc-blue:#b74621;--mc-teal:#913516;--mc-deep-blue:#652c23;--mc-mint:#ffe8da;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=graphite]{--mc-blue:#475569;--mc-teal:#334155;--mc-deep-blue:#1e293b;--mc-mint:#e2e8f0;--mc-on-accent:#fff}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=lavender]{--mc-blue:#9fc7ff;--mc-teal:#9fc7ff;--mc-deep-blue:#1b2d46;--mc-mint:#253750;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=emerald]{--mc-blue:#8be3c4;--mc-teal:#8be3c4;--mc-deep-blue:#0e3c35;--mc-mint:#20493f;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=sunset]{--mc-blue:#ffbb9b;--mc-teal:#ffbb9b;--mc-deep-blue:#4b2828;--mc-mint:#583e36;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=graphite]{--mc-blue:#c7d2e2;--mc-teal:#c7d2e2;--mc-deep-blue:#253447;--mc-mint:#334155;--mc-on-accent:#071735}
:root[data-personalize-motion=true] *,:root[data-personalize-motion=true] *::before,:root[data-personalize-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-personalize-contrast=true]{--mc-ink:#06102b;--mc-ink-secondary:#24334c;--mc-line:#3d4b61;--mc-line-strong:#24334c}
:root.theme-dark[data-personalize-contrast=true]{--mc-ink:#fff;--mc-ink-secondary:#edf2ff;--mc-line:#a4b7d8;--mc-line-strong:#d0ddf3}
:root[data-personalize-contrast=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav){border-color:var(--mc-line-strong)}
:root[data-personalize-transparency=true],:root[data-personalize-contrast=true]{--mc-glass-subtle:var(--mc-surface);--mc-glass-standard:var(--mc-surface);--mc-glass-strong:var(--mc-surface);--mc-glass-highlight:transparent;--mc-surface-elevated:var(--mc-surface)}
:root[data-personalize-transparency=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav,.mc-nav--mobile,.mc-live-ai),:root[data-personalize-contrast=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav,.mc-nav--mobile,.mc-live-ai){background:var(--mc-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* One AI bar. Plan differences always have a text label as well as color. */
.mc-live-ai[data-ai-plan=plus]:not([data-ai-level=low]) .mc-live-ai__fill{background:#376ab1}.mc-live-ai[data-ai-plan=boost]:not([data-ai-level=low]) .mc-live-ai__fill{background:#ab6c16}.theme-dark .mc-live-ai[data-ai-plan=plus]:not([data-ai-level=low]) .mc-live-ai__fill{background:#86b8ff}.theme-dark .mc-live-ai[data-ai-plan=boost]:not([data-ai-level=low]) .mc-live-ai__fill{background:#f4cd7c}
@media(max-width:360px){.mc-personalize__colors{grid-template-columns:1fr}}
@media(forced-colors:active){.mc-personalize__swatch{border:2px solid CanvasText}.mc-personalize__colors label,.mc-personalize__modes label{border-color:CanvasText}.mc-live-ai .mc-live-ai__fill{background:CanvasText!important}}