:root{color-scheme:light;--bg:#ffffff;--paper:#ffffff;--surface:#ffffff;--ink:#0f172a;--muted:#526078;--dim:#526078;--line:#dce4ef;--accent:#0b7f83;--mint:#0b7f83;--amber:#a15b16}
body{background:radial-gradient(ellipse at 50% -30%,rgba(160,145,192,0.130),transparent 62%),var(--bg)}
::selection{background:rgba(150,129,207,0.130)}
.site-header{border-bottom:1px solid rgba(109,133,169,0.180);background:linear-gradient(rgba(255,255,255,0.808),transparent)}
.site-header nav{color:#475569}
.language-switch{color:#475569}
.language-switch button[aria-pressed=true]{color:#4c317d}
.nav-watch{background:#f6f5fa;color:#0f172a}
.nav-watch:hover{background:#f6f5fa}
.eyebrow{color:#52446a}
.live-dot{box-shadow:0 0 12px rgba(15,23,42,0.120)}
.live-dot.mint{box-shadow:0 0 12px rgba(15,23,42,0.120)}
.live-dot.amber{box-shadow:0 0 12px rgba(15,23,42,0.120)}
.hero-grid{background-image:linear-gradient(rgba(148,129,207,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,129,207,0.035) 1px,transparent 1px)}
.hero-glow{background:radial-gradient(ellipse at 62% 42%,rgba(165,136,201,0.130),transparent 62%)}
.hero h1 em,.end-section h2 em{background:linear-gradient(100deg,#341895,#3e1d90);-webkit-background-clip:text;background-clip:text}
.button.primary{background:#f6f5fa;color:#0f172a}
.button.primary:hover{background:#f6f5fa}
.button.secondary{border:1px solid rgba(135,114,202,0.188);color:#573c71}
.button.secondary:hover{background:rgba(148,129,207,0.071)}
.theater{border:1px solid rgba(135,114,202,0.180);background:#ffffff;box-shadow:0 28px 90px rgba(15,23,42,0.120)}
.icon-button{border:1px solid rgba(109,133,169,0.180);color:#544865}
.icon-button:hover{border-color:rgba(135,114,202,0.376);color:#421895}
.film-stage{background:#ffffff}
.transport{border-top:1px solid rgba(109,133,169,0.180);background:#ffffff}
.play-toggle{background:#f6f5fa;color:#0f172a}
.timecode{color:#475569}
#scrubber{background:#f6f6f9}
#scrubber::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(15,23,42,0.120)}
#speed{background:#ffffff;border:1px solid rgba(109,133,169,0.180);color:#544865}
.loop-toggle{border:1px solid rgba(109,133,169,0.180);color:#475569}
.loop-toggle[aria-pressed=true]{color:#42248a;border-color:rgba(135,114,202,0.220);background:rgba(148,129,207,0.055)}
.chapter-bar{border-bottom:1px solid rgba(109,133,169,0.180);background:linear-gradient(90deg,#ffffff,#ffffff)}
.chapter-bar button{color:#475569;border-right:1px solid rgba(109,133,169,0.180)}
.chapter-bar button>span{color:#475569}
.chapter-bar button:hover{background:rgba(148,129,207,0.031);color:#513f6e}
.chapter-bar button.done{color:#475569}
.chapter-bar button.done>span{color:#475569}
.chapter-bar button.active{color:#3f1895;background:rgba(158,143,194,0.130)}
.chapter-bar button.done::after{background:#f7f6f9}
.reflection-shell{border:1px solid rgba(135,114,202,0.180);background:linear-gradient(130deg,rgba(78,109,147,0.130),#ffffff)}
.dim-list li{border:1px solid rgba(109,133,169,0.180);background:#ffffff}
.dim-list li:hover,.dim-list li.on{border-color:rgba(135,114,202,0.400);background:#f6f5fa}
.dim-list small{color:#475569}
.reflection-body{background:#ffffff;border:1px solid rgba(109,133,169,0.180)}
.refl-para.on{background:rgba(148,129,207,0.055)}
.refl-tag{border:1px solid rgba(202,150,114,0.267);background:rgba(207,161,129,0.063)}
.refl-tag.none{border-color:rgba(109,133,169,0.180);color:#475569}
.refl-para p{color:#504667}
.refl-para.on p{color:#462d80}
.reflection-body::-webkit-scrollbar-thumb{background:#f6f6f9}
.trace-col{background:#ffffff}
.trace-col.on{border-color:rgba(114,202,182,0.267)}
.trace-col>header p{color:#475569}
.call-list::-webkit-scrollbar-thumb{background:#f6f6f9}
.call-list li{color:#475569}
.call-list li b{color:#475569}
.call-list li i{color:#475569}
.call-list li.read i{color:#3f516e}
.call-list li.dead i{color:#703d3d}
.call-list li.read{color:#3e516f}
.call-list li.dead{color:#753838}
.call-list li.after{color:#357965}
.call-list li.pivot{background:rgba(207,161,129,0.078);border:1px solid rgba(202,150,114,0.333)}
.call-list li.pivot span{color:#785336}
.trace-col>footer span{color:#475569}
.trace-col>footer b.bad{color:#8e2220}
.trace-col>footer small{color:#475569}
.flow-step{border:1px solid rgba(109,133,169,0.180);background:#ffffff;color:#475569}
.flow-step b{color:#475569}
.flow-step.accent{border-color:rgba(202,150,114,0.400);background:rgba(207,161,129,0.063);color:#81572d}
.flow-step.good{border-color:rgba(114,202,182,0.302);background:rgba(129,207,190,0.047);color:#317d67}
.flow-step.dead{border-color:rgba(202,116,114,0.267);background:rgba(207,131,129,0.047);color:#763a37}
.flow-step.dead b{color:#8e2220}
.lab-shell{border:1px solid rgba(135,114,202,0.180);background:linear-gradient(130deg,rgba(78,109,147,0.130),#ffffff)}
.segmented{border:1px solid rgba(109,133,169,0.180);background:rgba(144,151,193,0.130)}
.segmented button{color:#475569}
.segmented button[aria-pressed=true]{background:#f7f5f9;color:#4a1895}
.prompt-card{border:1px solid rgba(109,133,169,0.180);background:#ffffff;color:#475569}
.prompt-card .off-line{color:#475569}
.lab-note{color:#475569}
.chart-head{color:#475569}
.refl-toggle{border:1px solid rgba(109,133,169,0.180);background:rgba(144,151,193,0.130)}
.refl-toggle button{color:#475569}
.refl-toggle button[aria-pressed=true]{background:#f7f5f9;color:#4a1895}
.status-pill{border:1px solid rgba(114,202,175,0.200);background:rgba(129,207,183,0.043)}
.status-pill.amber{border-color:rgba(202,150,114,0.188);background:rgba(207,161,129,0.043)}
.lab-readouts{border-top:1px solid rgba(109,133,169,0.180)}
.lab-readouts>div>span{color:#475569}
.lab-readouts>div:last-child strong{color:#42208d}
.outcome-card{background:#ffffff}
.outcome-card.after{border-color:rgba(114,202,175,0.302);background:linear-gradient(140deg,#ffffff,#ffffff)}
.outcome-card strong{color:#475569}
.outcome-card small{color:#475569}
.outcome-arrow{color:#475569}
.next-card{border:1px solid rgba(135,114,202,0.180);background:linear-gradient(130deg,rgba(78,109,147,0.130),#ffffff)}
.next-card::before{background:radial-gradient(ellipse at 50% 50%,rgba(207,161,129,0.110),transparent 65%)}
.next-points b{color:#475569}
.next-points small{color:#475569}
.end-glow{background:radial-gradient(ellipse at 50% 50%,rgba(165,136,201,0.130),transparent 62%)}
.end-section>p{color:#574866}
footer>span{color:#475569}
@media(max-width:760px){.chapter-bar button:nth-child(-n+2){border-bottom:1px solid rgba(109,133,169,0.180)}}
.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; }
}