:root { --surface-glass: rgba(10,26,14,.6); --ambient-one: rgba(52,120,70,.5); --ambient-two: rgba(34,90,55,.3); --ambient-three: rgba(56,140,160,.2); --stars-opacity: 1; }
html[data-theme="light"] { color-scheme: light; --bg-deep:#f7f7f4; --bg-base:#f2f1ed; --bg-elevated:#fafaf8; --bg-card:#fff; --bg-hover:#ebeae5; --border:rgba(38,37,30,.1); --border-light:rgba(38,37,30,.22); --text-primary:#26251e; --text-secondary:#55544d; --text-muted:#77756d; --surface-glass:rgba(247,247,244,.78); --ambient-one:rgba(245,78,0,.1); --ambient-two:rgba(192,133,50,.1); --ambient-three:rgba(159,187,224,.16); --stars-opacity:0; }
@media (prefers-color-scheme: light) { html:not([data-theme]) { color-scheme:light; --bg-deep:#f7f7f4; --bg-base:#f2f1ed; --bg-elevated:#fafaf8; --bg-card:#fff; --bg-hover:#ebeae5; --border:rgba(38,37,30,.1); --border-light:rgba(38,37,30,.22); --text-primary:#26251e; --text-secondary:#55544d; --text-muted:#77756d; --surface-glass:rgba(247,247,244,.78); --ambient-one:rgba(245,78,0,.1); --ambient-two:rgba(192,133,50,.1); --ambient-three:rgba(159,187,224,.16); --stars-opacity:0; } }
body { background:var(--bg-deep) !important; color:var(--text-primary) !important; }
body::before { background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--ambient-one) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 20% 50%,var(--ambient-two) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 80% 70%,var(--ambient-three) 0%,transparent 50%),var(--bg-deep) !important; }
.stars { opacity:var(--stars-opacity); transition:opacity .2s ease-out; }
.nav, .progress-container { background:var(--surface-glass) !important; }
.nav-link, .nav-md-link { color:var(--text-primary) !important; border-color:var(--border-light) !important; }
.nav-link:hover, .nav-md-link:hover { background:var(--bg-hover) !important; border-color:var(--text-muted) !important; }
.theme-btn { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid var(--border-light); border-radius:50%; color:var(--text-secondary); cursor:pointer; }
.theme-btn:hover { color:var(--text-primary); background:var(--bg-hover); }
.theme-icon-sun { display:none; } html[data-theme="dark"] .theme-icon-sun { display:block; } html[data-theme="dark"] .theme-icon-moon { display:none; } @media (prefers-color-scheme:dark) { html:not([data-theme]) .theme-icon-sun { display:block; } html:not([data-theme]) .theme-icon-moon { display:none; } }
html[data-theme="light"] .version-date, html[data-theme="light"] .version-changes, html[data-theme="light"] .version-changes strong, html[data-theme="light"] .version-changes a, html[data-theme="light"] .meta-chip, html[data-theme="light"] .model-points li, html[data-theme="light"] .model-points li strong { color:var(--text-primary); }
html[data-theme="light"] .shared-banner p { color:#1f6a4d; } html[data-theme="light"] .shared-banner strong { color:#176b4e; }
html[data-theme="light"] .card { background:#fff !important; border-color:rgba(38,37,30,.14) !important; } html[data-theme="light"] input { background:#fff !important; color:#26251e !important; border-color:rgba(38,37,30,.22) !important; } html[data-theme="light"] label { color:#55544d !important; }
@media (max-width:640px) { .theme-btn { flex-shrink:0; } }