html {color-scheme:dark;}
html[data-theme="light"] {
 color-scheme:light;
 --ds-canvas-1000:#fff;--ds-canvas-950:#f6f7fa;--ds-canvas-900:#eef0f5;
 --ds-surface-800:#e9ebf1;--ds-surface-700:#dfe3eb;
 --ds-paper-100:#20222c;--ds-paper-300:#444855;--ds-muted-500:#626675;--ds-muted-700:#737887;
 --ds-line-soft:rgba(32,34,44,.11);--ds-line-active:rgba(32,34,44,.24);
 --ds-signal-pink:#ad3567;--ds-signal-lime:#444855;--ds-orbit-blue:#737887;
 --ds-glass-fill:rgba(255,255,255,.5);--ds-glass-fill-strong:rgba(255,255,255,.8);
 --ds-glass-line:rgba(255,255,255,.85);--ds-glass-highlight:#fff;
 --ds-glass-shadow:0 22px 70px rgba(65,73,102,.12);
}
body,.system-header,.glass-panel,.glass-dock,.surface-card,.component-panel,.case-view {transition:background-color .4s ease,color .4s ease,box-shadow .4s ease;}
[data-theme="light"] .star-field,[data-theme="light"] .cover-constellation i,[data-theme="light"] .glass-lab__backdrop i,[data-theme="light"] .mini-sky i{visibility:hidden;}
[data-theme="light"] .grain{opacity:.025;}
[data-theme="light"] .cursor-light{display:none;}
[data-theme="light"] .system-header,[data-theme="light"] .accepted-nav,[data-theme="light"] .case-view,[data-theme="light"] .case-view__header {background:var(--ds-glass-fill-strong);color:var(--ds-text);}
[data-theme="light"] .glass-panel,[data-theme="light"] .glass-dock,[data-theme="light"] .surface-card {
 background:radial-gradient(ellipse at var(--sun-x,35%) var(--sun-y,20%),rgba(255,255,255,.96),rgba(255,228,238,.24) 32%,transparent 65%),var(--ds-glass-fill);
 box-shadow:inset 0 1px 2px #fff,0 18px 55px rgba(76,83,114,.12);
}
[data-theme="light"] .glass-panel::after,[data-theme="light"] .glass-dock::after {
 background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.75) 34%,rgba(255,215,230,.25) 45%,transparent 62%);
 background-size:220% 100%;animation:daylight-sheen 12s ease-in-out infinite alternate;
}
[data-theme="light"] .mini-sky {background:radial-gradient(ellipse at var(--sun-x,40%) var(--sun-y,30%),#fff 0%,#ffedf3 30%,#f1f4fb 70%);}
[data-theme="light"] .surface-card__light,[data-theme="light"] .local-light {background:radial-gradient(circle at var(--sun-x,50%) var(--sun-y,30%),rgba(255,255,255,.95),rgba(255,181,208,.22) 35%,transparent 70%);}
[data-theme="light"] .capability-line-main,[data-theme="light"] .capability-artifact {stroke:#6a7080;}
[data-theme="light"] .capability-line-sub {stroke:#bcc1cc;}
[data-theme="light"] .carousel-card {color:#fff;}
[data-theme="light"] .theme-preview-note{color:var(--ds-muted-500);}
.theme-preview-note{max-width:44rem;font:400 14px/1.6 var(--font-body);color:var(--ds-muted-500);}
[data-theme-toggle]{min-height:44px;min-width:65px;font-size:13px;}
@keyframes daylight-sheen{from{background-position:100% 0}to{background-position:0 0}}
@media(max-width:700px){.system-header{flex-wrap:wrap;gap:.5rem;}.system-header>p{display:none;}.header-actions{flex-wrap:wrap;gap:.8rem;}}
@media(prefers-reduced-motion:reduce){[data-theme="light"] .glass-panel::after,[data-theme="light"] .glass-dock::after{animation:none;}body,.system-header,.glass-panel,.glass-dock,.surface-card,.component-panel,.case-view{transition:none;}}

/* Daylight loader and relational map share the same surface and ink roles. */
[data-theme="light"] .retro-loader-preview,
[data-theme="light"] .retro-loader-preview iframe{background:var(--ds-bg);}
[data-theme="light"] .capability-map{background:var(--ds-bg);}
[data-theme="light"] .capability-label-main{fill:var(--ds-text);}
[data-theme="light"] .capability-label-sub,
[data-theme="light"] .capability-center-label{fill:var(--ds-paper-300);}
[data-theme="light"] .capability-node-main,
[data-theme="light"] .capability-node-sub,
[data-theme="light"] .capability-center-node{fill:var(--ds-text);}
[data-theme="light"] .capability-branch.is-active .capability-line-main,
[data-theme="light"] .capability-branch.is-active .capability-artifact{stroke:var(--ds-signal-pink);}
[data-theme="light"] .capability-branch.is-active .capability-line-sub{stroke:#bb6d8d;}
[data-theme="light"] .capability-branch.is-active .capability-node-main{fill:var(--ds-signal-pink);filter:drop-shadow(0 0 6px #efb0cb);}
[data-theme="light"] .capability-map__topline,
[data-theme="light"] .capability-map__status{color:var(--ds-text);background:transparent;}

.daylight-ray{position:fixed;z-index:1;pointer-events:none;top:-45vh;left:15vw;width:45vw;height:180vh;opacity:0;filter:blur(24px);background:linear-gradient(90deg,transparent 5%,rgba(255,244,206,.18) 25%,rgba(255,255,255,.85) 47%,rgba(255,232,238,.25) 63%,transparent 90%);transform:rotate(-24deg);transform-origin:50% 0;transition:opacity .6s ease;}
[data-theme="light"] .daylight-ray{opacity:.8;}
[data-theme="light"] .capability-map{background:#f0f1f4;border-color:transparent;box-shadow:none;}
[data-theme="light"] .capability-map::before{background:none;}
[data-theme="light"] .capability-line-main,[data-theme="light"] .capability-artifact{stroke:#9096a3;}
[data-theme="light"] .capability-line-sub{stroke:#c9cdd5;}
[data-theme="light"] .capability-label-main,[data-theme="light"] .capability-label-sub,[data-theme="light"] .capability-center-label{fill:#5d6370;}
[data-theme="light"] .capability-node-main,[data-theme="light"] .capability-node-sub,[data-theme="light"] .capability-center-node{fill:#7c8390;}
[data-loader-replay]{margin-right:1.5rem;min-height:44px;}

/* A two-position theme control: the illuminated segment is the current mode. */
.daylight-ray{left:8vw;width:55vw;filter:blur(13px);background:linear-gradient(90deg,transparent 2%,rgba(255,219,155,.19) 20%,rgba(255,246,215,.55) 36%,rgba(255,255,255,.96) 48%,rgba(255,226,192,.4) 59%,rgba(255,199,222,.15) 72%,transparent 94%);}
.daylight-ray::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% var(--ray-focus,45%),rgba(255,255,255,.96),rgba(255,239,194,.28) 25%,transparent 57%);}
[data-theme="light"] .daylight-ray{opacity:1;}
/* Flowing light replaces the rigid diagonal beam. */
.daylight-ray{display:none;}
.daylight-flow{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s;}
[data-theme="light"] .daylight-flow{opacity:1;}

/* A single pixel icon signals the destination theme. */
.theme-switch[data-theme-toggle]{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:12px;border:0;border-radius:0;background:transparent;color:var(--ds-text,var(--ds-paper-100));box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s ease;}
.theme-switch .theme-pixel{display:block;width:20px;height:20px;overflow:visible;pointer-events:none;}
.theme-switch[data-theme-toggle]:focus-visible{outline:2px solid var(--ds-signal-pink);outline-offset:-5px;border-radius:8px;color:var(--ds-signal-pink);}
.theme-switch[data-theme-toggle]:active{color:var(--ds-signal-pink);}
@media(hover:hover){.theme-switch[data-theme-toggle]:hover{color:var(--ds-signal-pink);}}
@media(prefers-reduced-motion:reduce){.theme-switch[data-theme-toggle]{transition:none;}}