:root{--bg:#ffffff;--paper:#ffffff;--surface:#ffffff;--surface2:#ffffff;--ink:#0f172a;--muted:#526078;--dim:#526078;--line:#dce4ef;--violet:#6d4ec4;--violet2:#6d4ec4;--mint:#0b7f83;--amber:#a15b16;--coral:#bd4260;--blue:#2563eb}
body{background:radial-gradient(900px 540px at 77% -90px,rgba(150,135,202,0.130),transparent 66%),radial-gradient(760px 400px at 5% 24%,rgba(129,204,207,0.082),transparent 62%),var(--bg)}
::selection{background:rgba(144,129,207,0.130)}
.brand-symbol{color:#361895}
.lang-toggle{border:1px solid rgba(131,114,202,0.282);background:rgba(144,129,207,0.043);color:#2b1895}
.lang-toggle:hover{background:rgba(144,129,207,0.106)}
.eyebrow{color:#3c2a83}
.hero::after{background-image:linear-gradient(rgba(144,129,207,0.047) 1px,transparent 1px),linear-gradient(90deg,rgba(144,129,207,0.047) 1px,transparent 1px)}
.hero h1 em{background:linear-gradient(100deg,#311895,#301895 57%,#238a6e);-webkit-background-clip:text;background-clip:text}
.btn.primary{color:#0f172a}
.btn.ghost{border:1px solid rgba(131,114,202,0.251);color:#382489;background:rgba(144,129,207,0.039)}
.hero-visual{filter:drop-shadow(0 30px 54px rgba(15,23,42,0.120))}
.replay{border:1px solid rgba(131,114,202,0.208);background:linear-gradient(135deg,#f5f6fa,#ffffff);box-shadow:0 24px 70px rgba(15,23,42,0.120)}
.replay-visual{background:radial-gradient(circle at 50% 48%,rgba(144,129,207,0.125),transparent 45%)}
.replay-visual::before{background-image:linear-gradient(rgba(144,129,207,0.039) 1px,transparent 1px),linear-gradient(90deg,rgba(144,129,207,0.039) 1px,transparent 1px)}
.replay-track{background:rgba(78,109,147,0.130)}
.replay-orbs span{border:1px solid rgba(131,114,202,0.341);background:rgba(245,246,250,0.910);color:#475569}
.replay[data-frame="0"] .replay-orbs span:nth-child(1),.replay[data-frame="1"] .replay-orbs span:nth-child(2),.replay[data-frame="2"] .replay-orbs span:nth-child(3),.replay[data-frame="3"] .replay-orbs span:nth-child(4){background:#f5faf8;color:#18956b;box-shadow:0 0 0 8px rgba(15,23,42,0.078),0 0 28px rgba(15,23,42,0.120)}
.replay-toggle{border:1px solid rgba(131,114,202,0.322);background:rgba(144,129,207,0.063);color:#281895}
.replay-toggle:hover{background:rgba(144,129,207,0.125)}
.replay-progress{background:rgba(78,109,147,0.071)}
.replay-steps button[aria-current="step"]{color:#2e1895;background:rgba(144,129,207,0.043)}
.scene{border:1px solid rgba(131,114,202,0.188);background:linear-gradient(135deg,#f5f5fa,#ffffff);box-shadow:0 27px 85px rgba(15,23,42,0.120)}
.scene-toolbar code{color:#433875}
.process-svg{background:radial-gradient(ellipse at 66% 41%,rgba(163,144,193,0.067),transparent 45%)}
.chart-panel,.summary-panel{background:linear-gradient(145deg,#ffffff,#ffffff)}
.status{border:1px solid rgba(114,202,178,0.224);background:rgba(129,207,186,0.047)}
.tabs button{border:1px solid rgba(109,133,169,0.180);background:#ffffff;color:#485465}
.tabs button:hover{border-color:rgba(131,114,202,0.333);color:#3b2885}
.tabs button[aria-selected=true]{color:#2b1895;border-color:rgba(131,114,202,0.500);background:rgba(144,129,207,0.110)}
.round-stat>div{background:#ffffff;border:1px solid rgba(109,133,169,0.180)}
.candidate-list .muted-score{color:#475569}
.candidate-list li.hot{background:linear-gradient(90deg,rgba(129,207,186,0.075),transparent)}
.insight{background:#ffffff}
.evidence-card{background:linear-gradient(145deg,#ffffff,#ffffff)}
.viz-icon{border:1px solid rgba(131,114,202,0.267);background:rgba(144,129,207,0.071)}
.stat-strip b{color:#364e77}
.round-table td{color:#3f546e;border-bottom:1px solid rgba(109,133,169,0.180)}
.round-table .tag{border:1px solid rgba(131,114,202,0.235);color:#382787;background:rgba(144,129,207,0.043)}
.round-card{background:linear-gradient(155deg,#ffffff,#ffffff)}
.round-card:hover{border-color:rgba(131,114,202,0.365)}
.round-card .edit{color:#3d2d81}
.round-card.r4{border-color:rgba(114,202,178,0.341);background:linear-gradient(155deg,#ffffff,#ffffff)}
.cause-intro{border:1px solid rgba(131,114,202,0.192);background:linear-gradient(145deg,#f5f5fa,#ffffff)}
.cause-counts div{background:#ffffff;border:1px solid rgba(109,133,169,0.180)}
.cause-map{background:#ffffff}
.cause-map::before{background-image:linear-gradient(rgba(144,129,207,0.031) 1px,transparent 1px),linear-gradient(90deg,rgba(144,129,207,0.031) 1px,transparent 1px)}
.node{border:1px solid rgba(109,133,169,0.180);background:#ffffff;color:#42536b;box-shadow:0 8px 18px rgba(15,23,42,0.120)}
.node.variable{border-color:rgba(131,114,202,0.376);background:#f5f5fa;color:#2e1895}
.node.effect{border-color:rgba(202,157,114,0.369);background:#f9f7f6;color:#955818}
.node.goal{border-color:rgba(114,202,178,0.412);background:#f5faf8;color:#1b936c}
.space{background:#ffffff}
.var h3{color:#463e6f}
.var .kind{color:#301895;border:1px solid rgba(131,114,202,0.271)}
.bar{background:rgba(78,109,147,0.071)}
.bar i{background:linear-gradient(90deg,#f5f6fa,#f6f5fa)}
.weight b{color:#372a83}
.winner{border:1px solid rgba(114,202,178,0.267);background:linear-gradient(125deg,#ffffff,#ffffff 63%)}
.winner-main>p{color:#475569}
.winner-note{color:#475569}
.winner-spec{background:rgba(141,195,195,0.130)}
.winner-spec header{border-bottom:1px solid rgba(109,133,169,0.180)}
.spec-list div{border-bottom:1px solid rgba(109,133,169,0.180)}
.spec-list span{color:#475569}
.spec-list b{color:#2b825f}
.winner-spec footer{color:#475569}
.footer{color:#475569}
@media (max-width:620px){.mobile-flow b{border:1px solid rgba(131,114,202,0.333)}
.mobile-flow span{color:#3a4f74}}
.film-player{border:1px solid rgba(131,114,202,0.259);background:linear-gradient(145deg,#ffffff,#ffffff 64%);box-shadow:0 30px 92px rgba(15,23,42,0.120)}
.film-player::before{background:linear-gradient(125deg,rgba(144,129,207,0.043),transparent 35%,rgba(129,207,186,0.031))}
.film-chrome{border-bottom:1px solid rgba(109,133,169,0.180);color:#495465}
.film-dots i{background:#ffffff}
.film-chrome button{color:#2c1895}
.film-frame{background:#ffffff}
.film-frame::after{background:linear-gradient(90deg,rgba(129,158,207,0.130),transparent 17%,transparent 83%,rgba(129,158,207,0.130)),linear-gradient(0deg,rgba(129,158,207,0.130),transparent 20%)}
.film-replay{border:1px solid rgba(114,202,178,0.400);background:rgba(255,255,255,0.851)}
.film-controls{border-top:1px solid rgba(109,133,169,0.180);color:#475569}
.film-controls button{color:#291895}
.film-caption{color:#475569}
.film-caption b{color:#40516e}
.showcase-navigation a.showcase-return-link{border:1px solid rgba(135,114,202,0.314);background:rgba(148,129,207,0.078);color:#3a1895}
.showcase-navigation a.showcase-return-link:hover{background:rgba(148,129,207,0.130);border-color:rgba(135,114,202,0.500)}
.showcase-navigation a.showcase-return-link:focus-visible{outline:2px solid rgba(138,114,202,0.500)}
.lab-sidebar .showcase-navigation a.showcase-return-link{border-color:rgba(152,133,184,0.376);background:rgba(163,146,191,0.071)}
:root{--shell-text:#0f172a;--shell-muted:#526078;--shell-accent:#0b7f83;--shell-line:#dce4ef}
header.site-shell-header[data-site-header]{background:rgba(255,255,255,0.961)}
.site-shell-header .showcase-navigation a.showcase-return-link{background:rgba(78,109,147,0.016)}
.site-shell-header .showcase-navigation a.showcase-return-link:hover{border-color:rgba(135,114,202,0.400);background:rgba(148,129,207,0.071)}
.site-shell-header .language-switch{background:rgba(78,109,147,0.016)}
.site-shell-header .language-switch button[aria-pressed=true]{color:#411895;background:rgba(148,129,207,0.125)}
.site-shell-header .language-switch button:hover{color:#421995}
.site-shell-header :is(.nav-watch, .effects-switch){background:rgba(78,109,147,0.016)}
footer.site-shell-footer[data-site-footer]{background:#ffffff}
.site-shell-footer .site-shell-case{color:#475569}
.site-shell-footer button.site-shell-top{color:#513f6e}
.site-shell-footer .site-shell-footer-notes{color:#475569}
.site-shell-footer .site-shell-footer-notes :is(button, summary){color:#523b72}
.site-shell-footer .site-shell-footer-notes details p{color:#475569}
.lab-sidebar a.site-shell-brand{color:#0f172a}
footer.site-shell-workspace-footer[data-site-footer]{--shell-text:#0f172a;--shell-muted:#526078;--shell-line:#dce4ef}
@media (max-width: 1200px){.site-shell-header .site-shell-header-inner > nav{border-top:1px solid rgba(109,133,169,0.180)}}
/* A cool white canvas, slate typography and blue/teal accents, inspired by Agents-A1. */
html[data-theme="light"] { color-scheme: light; background: #f6f8fb; }
html[data-theme="light"] body {
  color: #0f172a;
  background: linear-gradient(180deg, #eef6f8 0, #f8fafc 420px, #f6f8fb 100%);
  --bg: #f6f8fb; --paper: #fff; --panel: #fff; --surface: #f1f5f9;
  --surface2: #f8fafc; --soft: #f1f5f9; --ink: #0f172a; --ink2: #334155;
  --text: #0f172a; --muted: #526078; --dim: #64748b; --faint: #64748b;
  --line: #dce4ef; --accent: #0b7f83; --accent2: #0b7f83;
  --shell-text: #0f172a; --shell-muted: #526078; --shell-accent: #2563eb; --shell-line: #dce4ef;
  --preview-ink: #0f172a; --preview-muted: #526078;
}
html[data-theme="light"] ::selection { color: #fff; background: #2563eb; }
html[data-theme="light"] :is(input, select, textarea) { color-scheme: light; accent-color: #2563eb; }
html[data-theme="light"] :is(button, a, input, select, summary):focus-visible { outline-color: #2563eb; }
html[data-theme="light"] header.site-shell-header[data-site-header] {
  background: #f8fafcf2; border-bottom-color: #dce4ef; box-shadow: 0 8px 28px #0f172a06;
}
html[data-theme="light"] footer.site-shell-footer[data-site-footer] { background: #f6f8fb; border-top-color: #dce4ef; }
html[data-theme="light"] .site-shell-header .language-switch { background: #fff; }
html[data-theme="light"] .site-shell-header .language-switch button[aria-pressed="true"] { background: #e7eefc; color: #1d4ed8; }
html[data-theme="light"] .site-shell-header .language-switch button:hover { color: #1d4ed8; }
html[data-theme="light"] .site-shell-header .showcase-navigation a.showcase-return-link { background: #fff; color: #475569; }
html[data-theme="light"] .site-shell-header .showcase-navigation a.showcase-return-link:hover { background: #edf4ff; color: #1d4ed8; }
html[data-theme="light"] :is(dialog, .modal, .modal-card, .dialog-card) { background-color: #fff; color: #0f172a; border-color: #dce4ef; box-shadow: 0 24px 100px #0f172a26; }
html[data-theme="light"] dialog::backdrop { background: #0f172a77; backdrop-filter: blur(8px); }
html[data-theme="light"] :is(pre, .source-text, .code-box, .code-block) { color: #25334a; background-color: #f3f6fb; }
html[data-theme="light"] :is(.btn, .primary-btn, .primary-button) { color: #fff; background: #2563eb; border-color: #2563eb; }
html[data-theme="light"] :is(.btn.secondary, .secondary-btn, .secondary-button) { color: #1d4ed8; background: #fff; border-color: #c7d8f0; }
html[data-theme="light"] :is(a, button):is(.primary, .btn-primary) { color: #fff; background: #2563eb; border-color: #2563eb; }
html[data-theme="light"] .hero-finding { box-shadow: 0 10px 30px #0f172a08; }
html[data-theme="light"] .local-processor > ellipse[fill="#03050b"] { opacity: .08; }
html[data-theme="light"] .machine { --device-accent: #2563b8; }
html[data-theme="light"] .machine[data-hardware="nvidia"] { --device-accent: #087f83; }
html[data-theme="light"] .machine-tag { box-shadow: 0 4px 14px #1937570a; }
html[data-theme="light"] .die-parameter { fill: #526078; }
html[data-theme="light"] .die-modelname { fill: #172b45; }
html[data-theme="light"] :is(.play-toggle, .film-play, .icon-button, .preview-toggle) { color: #2563b8; }
html[data-theme="light"] :is(.film-stage, .film-frame, .film-shell, .film-player, .cinema-frame, .process-player) {
  background-color: #f5f8fc; border-color: #d4dfed; box-shadow: 0 8px 28px #19375708;
}
/* Match the author's light atlas transfer function; these are data scales. */
html[data-theme="light"] .atlas-scale i { background: linear-gradient(90deg, hsl(255 40% 97%), hsl(255 52% 35%)); }
html[data-theme="light"] .gradient-legend i { background: linear-gradient(90deg, #eeebfa, #7261bd); }
html[data-theme="light"] .video-launch { background: transparent; color: #172b45; }
html[data-theme="light"] .video-play-icon { background: #2563eb; color: #fff; border-color: #2563eb; box-shadow: 0 8px 28px #2563eb26; }
html[data-theme="light"] :is(.flow-main-label, .flow-count) { fill: #6a4ca3; }
html[data-theme="light"] .flow-main rect { fill: #f3eefb; stroke: #987abc; }
html[data-theme="light"] .flow-main.active rect { fill: #e9def9; stroke: #7952b8; }
html[data-theme="light"] .flow-main text { fill: #4e3477; }
html[data-theme="light"] .flow-worker > circle:first-of-type { fill: #f3eefb; stroke: #987abc; }
html[data-theme="light"] .hero-pattern-key i { background: #667085; }
html[data-theme="light"] .hero-pattern-key i.calculated-key { background: #7952b8; }
html[data-theme="light"] .atom-key span:first-child .swatch { background: #7052bc !important; }
html[data-theme="light"] .atom-key span:nth-child(2) .swatch { background: #b67e2b !important; }
html[data-theme="light"] .spectrum-replay .legend span:nth-child(1) i { background: #667085 !important; }
html[data-theme="light"] .spectrum-replay .legend span:nth-child(2) i { background: #7952b8; }
html[data-theme="light"] .spectrum-replay .legend span:nth-child(3) i { background: #0b8f83 !important; }
html[data-theme="light"] button:is(.active, [aria-selected="true"]) { background-color: #e7f3f3; color: #0b6b70; }
html[data-theme="light"] .home-main { padding-top: 52px; }
html[data-theme="light"] .collection-heading h2 { color: #0f172a; font-weight: 550; }
html[data-theme="light"] .showcase-card {
  padding: 12px; border: 1px solid #d9e3ef; border-radius: 20px;
  background: #fff; box-shadow: 0 6px 24px #0f172a04;
  transition: box-shadow .25s, border-color .25s;
}
html[data-theme="light"] .showcase-card:hover { border-color: #aec9e8; box-shadow: 0 14px 36px #1738570c; }
html[data-theme="light"] .card-cover {
  border: 1px solid #dce5f2; border-radius: 12px;
  background: radial-gradient(ellipse at 72% 42%, #e6e4fa, transparent 68%), linear-gradient(130deg, #f7faff, #eef5fb);
}
html[data-theme="light"] [data-case="deep-research"] .card-cover { background: radial-gradient(ellipse at 72% 42%, #dcedf8, transparent 68%), #f3f8fd; }
html[data-theme="light"] .published-cover::before { opacity: .12; }
html[data-theme="light"] .cover-visual { filter: none; }
html[data-theme="light"] .available:is(:hover, :focus-visible) .cover-visual { filter: drop-shadow(0 5px 14px #4b4a9122); }
html[data-theme="light"] .card-cover-title { color: #172c4a; font-weight: 500; }
html[data-theme="light"] :is(.cover-label, .card-cover-scope) { color: #50617a; }
html[data-theme="light"] .card-copy { padding: 18px 4px 6px; }
html[data-theme="light"] .card-heading h3 { color: #17233b; font-weight: 500; }
html[data-theme="light"] .available:hover h3 { color: #1d4ed8; }
html[data-theme="light"] .card-subtitle { color: #334155; }
html[data-theme="light"] .card-description { color: #526078; }
html[data-theme="light"] .card-meta { color: #465974; }
html[data-theme="light"] .card-meta > span { border-color: #dce5ef; background: #f8fafc; }
html[data-theme="light"] .card-arrow { color: #3d6088; border-color: #d2dfed; background: #f8fafc; }
html[data-theme="light"] .available:is(:hover, :focus-visible) .card-arrow { color: #fff; background: #2563eb; }
/* The recordings and research figures retain their original pixels. */
html[data-theme="light"] :is(video, img, canvas) { filter: none; }
@media (max-width: 700px) {
  html[data-theme="light"] .home-main { padding-top: 34px; }
  html[data-theme="light"] .showcase-card { padding: 12px; }
}