
body.dark-guide{--paper:#191918;--ink:#f1f0eb;--muted:#c5c9c5;--line:#424743;--accent:#deded7;--accent-text:#f1f0eb;--surface:#202322;background:var(--paper);color:var(--ink);color-scheme:dark}
.dark-guide .masthead{background:#191918;color:#f1f0eb}
.dark-guide .credit strong{color:#f1f0eb}
.dark-guide .practice-card{background:var(--surface);border-color:#ffffff17;border-radius:10px;box-shadow:none}
.dark-guide .primary{background:#efeee7;border-color:#efeee7;color:#191918}
.dark-guide .primary:hover{background:#fff}
.dark-guide .secondary{color:#efeee7;border-color:#747b75;background:transparent}
.dark-guide .secondary:hover{background:#ffffff0d}
.dark-guide .text-button{color:var(--accent-text);text-decoration-color:#ffffff55}
.dark-guide .scene-canvas,.dark-guide .scene-finish-art,.dark-guide .aura-thumbnail,.dark-guide .aura-hidden{background:#202322;border:0;box-shadow:none}
.dark-guide .scene-canvas:after{display:none}

/* Keep desktop instructions and paintings together rather than stretching the
   workspace across the entire screen. Phone slots keep their existing size. */
@media(min-width:741px){
 .dark-guide.scene-active.aura-practice #guide-body{width:100%;max-width:1040px;align-self:center;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:28px}
 .dark-guide.scene-active.aura-practice .scene-visual{justify-content:center}
 .dark-guide.scene-active.aura-practice .scene-canvas{flex:none;height:min(380px,calc(100dvh - 280px));max-height:none}
 .dark-guide.scene-active.aura-practice .scene-tools{padding-top:10px}
 .dark-guide.scene-active.astral-practice .astral-painting[data-painting="3"]{transform:scale(1.3);transform-origin:30% 70%}
}
.dark-guide textarea,.dark-guide dialog{background:#272b28;color:#f1f0eb;border-color:#606960}
.dark-guide .source-card,.dark-guide .source-card h2{color:#efeee7}
.dark-guide .scene-plate{color:#c5c9c5}

.dark-guide .step-count,.dark-guide .text-button,.dark-guide a,.dark-guide summary,.dark-guide .book-eyebrow,.dark-guide .overview-eyebrow,.dark-guide .category-mark,.dark-guide .row-label{color:#f1f0eb}
.dark-guide .dot-pad,.dark-guide .dot-pad:hover,.dark-guide .mother-slot.current,.dark-guide .mode-option:has(input:checked),.dark-guide .figure-card,.dark-guide .traditional-reading,.dark-guide .reading-summary{background:#292e2b;color:#f1f0eb}
.dark-guide .symbol-row.selected-row{background:#444d47;outline-color:#444d47}
.dark-guide .shield-judge rect{fill:#303a33;stroke:#9ba89e}
.dark-guide .shield-chart text{fill:#e8e9e2}
.dark-guide .shield-chart circle{fill:#e8e9e2}
.dark-guide .scene-canvas:after{display:none}
