/* Black surfaces, including the SVG layer that previously covered the chart background. */
html[data-appearance=dark]{--bg:#000;--paper:#030303;--paper2:#080808;--card:#050505;--surface:#050505;--surface2:#0b0b0b;--ink:#eeeae4;--muted:#bbb5ac;--line:#34312d}
html[data-appearance=dark] :is(body,.main,.page,#authGate,.public-shell,.public-main){background:#000!important;background-image:none!important}
html[data-appearance=dark] :is(.card,.stat-card,.sidebar,.topbar,.model-controls,.study-navigation173 button,.tool-entry174,.dashboard-grid174>.card,.dashboard-teacher174){background:#050505!important;background-image:none!important}
html[data-appearance=dark] #authGate :is(.public-shell,.public-main){background:#000!important;background-image:none!important}
html[data-appearance=dark] :is(#transitNorthChart,.north-chart,.birth-chart){background:#000!important;border-color:#6d6252!important}
html[data-appearance=dark] :is(#transitNorthChart svg,.north-chart>svg,.birth-chart svg,.transit-chart-card svg){background:transparent!important;background-image:none!important;border-radius:0!important}
html[data-appearance=dark] #transitNorthChart .north-graha-marker,html[data-appearance=dark] .north-chart .north-graha-marker{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#f2dfb7!important}
html[data-appearance=dark] .north-graha-marker :is(strong,small,span){background:transparent!important;color:#f2dfb7!important;text-shadow:0 1px 2px #000}
html[data-appearance=dark] .north-graha-marker:focus-visible{outline:2px solid #ebca8c!important;outline-offset:3px}
html[data-appearance=dark] .north-center-mask{background:#000!important;border-color:#6d6252!important}
html[data-appearance=dark] .birth-chart svg text{fill:#eee4d0!important}
html[data-appearance=dark] .north-chart .chart-line{stroke:#8b7960!important}
html[data-appearance=dark] .north-chart .north-rashi-abbr{color:#dbbb91!important}
html[data-appearance=dark] :is(.avastha-control-panel,.avastha-result-stage,.ava-ecology-wrap,.ava-reasoning-save,.study-svg,.lab-layout162,.experience-tabs,.course-card,.tool-card,.text-card){background:#050505!important}
#boards157 .boards-cards157{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}#boards157 .boards-cards157>.card{display:flex;flex-direction:column;gap:14px;border-top:3px solid var(--wine)}#boards157 .boards-cards157 h2{font-size:1.6rem;margin:0}#boards157 .boards-cards157 p{line-height:1.65;margin:0}#boards157 .boards-cards157 .btn{margin-top:auto;align-self:start}#boards157 .boards-cards157 details{font-size:.95rem}#boards157 summary{cursor:pointer;padding:12px 0}.commons-tables175{padding:20px;border:1px solid var(--line);border-radius:14px}.commons-tables175>summary{font-size:1.2rem}.commons-tables175 .boards-lobby157{margin-top:20px}
#interactive .model-controls{max-height:none}#interactive .model-controls input[type=range]{width:100%;min-height:26px}.model-controls label{margin-top:12px;display:block}#interactive .study-columns{margin-top:20px}.model-observation175{padding:18px;border:1px solid var(--line);border-radius:12px;margin:18px 0}.model-observation175 p{line-height:1.65}.model-observation175 summary{cursor:pointer;font-size:1.1rem}#retro-track175{margin-top:14px}#study-retrograde175 svg{display:block;width:100%;height:auto}#study-retrograde175 li{line-height:1.7;margin-bottom:8px}#phase-disc146{background:#000;border-radius:50%;border:1px solid var(--line)}
@media(max-width:800px){#boards157 .boards-cards157{grid-template-columns:1fr}#boards157 .boards-cards157>.card{padding:20px}#interactive .model-grid{grid-template-columns:1fr}#interactive .orbit-stage{position:static}.model-controls .row{display:flex;flex-wrap:wrap;gap:8px}#interactive .study-model-layout{grid-template-columns:1fr}}

.model-legend175{padding:12px 20px;color:#e7e1d5;font-size:14px;line-height:1.6;margin:0}#phase-curve175 svg{width:100%;height:auto}#study-retrograde175 .study-model-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}@media(max-width:800px){#study-retrograde175 .study-model-layout{grid-template-columns:1fr}}

html[data-appearance=dark] #authGate{--landing-bg:#000;--landing-surface:#050505}html[data-appearance=dark] :is(.orbit-stage,.orbit-readout,.model-legend175){background:#000!important}
