/* Dark scientific stages inside the unchanged white manuscript. */
.scientific-panel.lrw,.scientific-panel.rex{--lrw-ink:#efedf6;--lrw-blue:#78e7df;--lrw-teal:#78e7df;--lrw-warm:#ffce91;--lrw-line:#36313f;--lrw-muted:#bbb7c9;--rex-ink:#efedf6;--rex-teal:#78e7df;--rex-line:#36313f;--rex-muted:#bbb7c9;background:#08070c;color:#efedf6;border:1px solid #332b40;border-radius:3px;box-shadow:none;padding:1.4rem}
.scientific-panel h3{color:#f5f2fc}.scientific-panel p,.scientific-panel details{color:#cecad9}.scientific-panel .lrw-kind,.scientific-panel .rex-kicker{color:#b997f1}.scientific-panel a{color:#8bece5}.scientific-panel .lrw-stat,.scientific-panel .rex-stat{background:#14101e;border-color:#342c43}.scientific-panel .lrw-formula,.scientific-panel .rex-formula{background:#13101b;border-left-color:#a675e2;color:#f3eafa}.scientific-panel button{background:#17131e;color:#f1edf8;border-color:#534562;border-radius:3px}.scientific-panel button:hover{background:#31213f}.scientific-panel .lrw-primary,.scientific-panel .rex-primary{background:#603d83;color:#fff;border-color:#9573b7}.scientific-panel output{color:#8cece3}.scientific-panel input{accent-color:#b288ee}.scientific-panel .lrw-ramp,.scientific-panel .rex-ramp{background:linear-gradient(90deg,#130821,#501984,#983ed3,#43c3cf,#b2ffee)}
.scientific-stage{margin:1.2rem -1.4rem 1rem;background:#030305;border-block:1px solid #292232;overflow:hidden}.scientific-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1100/630;margin:0!important;touch-action:pan-y;cursor:grab}.scientific-stage canvas:active{cursor:grabbing}.scientific-stage canvas:focus-visible{outline:2px solid #8bece5;outline-offset:-4px}.scientific-toolbar{padding:.75rem 1rem;display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;border-top:1px solid #241d2e;font:12px/1.5 system-ui,sans-serif;color:#b4aebf}.scientific-toolbar span{margin-right:auto}.scientific-toolbar button{font-size:12px!important;padding:.5rem .7rem!important;min-height:38px!important}.scientific-original{display:none!important}.scientific-panel .lrw-legend,.scientific-panel .rex-legend{color:#c6bfd2}.scientific-panel .timeline-summary{color:#8bece5}.scientific-panel.timeline-widget svg{background:#f4f0f8;border-radius:2px;margin-block:1rem}
@media(max-width:650px){.scientific-panel.lrw,.scientific-panel.rex{padding:1rem .85rem}.scientific-stage{margin-inline:-.85rem}.scientific-stage canvas{min-height:230px;object-fit:contain}.scientific-toolbar{padding:.65rem .7rem;gap:.45rem}.scientific-toolbar span{width:100%}.scientific-panel .lrw-stats,.scientific-panel .rex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.scientific-panel .lrw-stat strong,.scientific-panel .rex-stat strong{font-size:1rem}}
@media print{.scientific-panel.lrw,.scientific-panel.rex{background:#fff!important;color:#111!important;border-color:#999}.scientific-panel p,.scientific-panel h3,.scientific-panel details{color:#111!important}.scientific-stage{display:none}.scientific-original{display:block!important}.scientific-toolbar{display:none}.scientific-panel .lrw-stat,.scientific-panel .rex-stat,.scientific-panel .lrw-formula,.scientific-panel .rex-formula{background:#fff;color:#111}}

.scientific-panel .scientific-summary{font:13px/1.6 system-ui,sans-serif;color:#c1b9cf;margin:0;padding:.75rem 1rem;border-top:1px solid #211b29}

.scientific-playback-status{color:#8cece3;font-weight:600;font-variant-numeric:tabular-nums}.scientific-toolbar .scientific-playback-status{margin-right:0}.scientific-toolbar>.scientific-gesture-hint{margin-right:auto}@media(max-width:650px){.scientific-toolbar .scientific-playback-status{width:auto}.scientific-toolbar>.scientific-gesture-hint{width:auto;margin-left:auto}}

.scientific-toolbar .scientific-gesture-hint{order:4;width:100%;font-weight:400;color:#b4aebf}.scientific-toolbar .scientific-playback-status{margin-right:auto!important;width:auto!important}.scientific-toolbar{row-gap:.4rem}.scientific-toolbar [data-stage-reset]{margin-left:0}

/* Explanations remain readable independently of the canvas at every viewport size. */
.scientific-lesson{padding:1rem 1.1rem 0;font:15px/1.65 system-ui,sans-serif}
.scientific-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:1.1rem}
.scientific-panel .scientific-steps button{font:12px/1.45 system-ui,sans-serif;padding:.65rem .6rem;text-align:left;min-height:48px}
.scientific-panel .scientific-steps button[aria-current=step]{background:#342046;border-color:#a675e2;color:#fff;box-shadow:inset 0 -3px #78e7df}
.scientific-narration{min-height:210px}.scientific-narration h4{font:600 22px/1.3 system-ui,sans-serif;color:#f3effa;margin:.25rem 0 .6rem}
.scientific-panel .scientific-narration p{margin:.4rem 0}.scientific-panel .scientific-step-count{font:12px/1.5 system-ui,sans-serif;color:#91e9e0;letter-spacing:.04em}
.scientific-panel .scientific-equation{font:14px/1.6 ui-monospace,monospace;color:#e0c5ff;background:#15101d;border-left:2px solid #a675e2;padding:.55rem .75rem;margin-top:.8rem;overflow-wrap:anywhere}
.scientific-panel .scientific-experiment{display:block;margin:.85rem 1rem 1rem;font:14px/1.5 system-ui,sans-serif;text-align:left;padding:.65rem .8rem;border-color:#577d79;color:#a3f3e9}
.scientific-old-legend{display:none!important}.scientific-toolbar button:disabled{opacity:.35;cursor:default}.scientific-toolbar button:focus-visible,.scientific-steps button:focus-visible,.scientific-experiment:focus-visible{outline:2px solid #78e7df;outline-offset:3px}
@media(max-width:650px){.scientific-lesson{padding:.9rem .85rem 0;font-size:14px}.scientific-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.scientific-narration{min-height:260px}.scientific-narration h4{font-size:21px}.scientific-panel .scientific-equation{font-size:12px}.scientific-panel .scientific-experiment{margin-inline:.75rem;font-size:13px}.scientific-stage canvas{min-height:0}.scientific-summary{font-size:13px!important}}
.scientific-panel .scientific-result{color:#9bece3;font:13px/1.6 system-ui,sans-serif;padding:.4rem 0 .8rem}.scientific-narration{min-height:245px}@media(max-width:650px){.scientific-narration{min-height:330px}}
@media(max-width:650px){.scientific-narration{min-height:0;padding-bottom:.7rem}}
.scientific-stage[data-rotatable=false] canvas{cursor:default}
.scientific-lesson-progress{display:block;flex-basis:100%;width:100%;height:8px;margin:.35rem 0 .2rem;border:0;border-radius:4px;overflow:hidden;accent-color:#78e7df;background:#31243c}
.scientific-lesson-progress::-webkit-progress-bar{background:#31243c}
.scientific-lesson-progress::-webkit-progress-value{background:#78e7df}
.scientific-lesson-progress::-moz-progress-bar{background:#78e7df}
.scientific-toolbar button{min-height:44px!important}

/* Timeline-specific layout retained from the source. */
.timeline-widget .timeline-buttons{display:flex;flex-wrap:wrap;gap:7px}
.timeline-widget .timeline-buttons button[aria-pressed=true]{background:#245f75;color:white;border-color:#245f75}
.timeline-widget svg{width:100%;height:auto;margin:16px 0}
.timeline-widget .timeline-summary{background:#f3f8f9;border-left:3px solid #739aa8;padding:13px 15px}
.timeline-widget output{font-weight:600}
.timeline-widget .timeline-legend{display:flex;flex-wrap:wrap;gap:18px;font:11px var(--sans);margin:8px 0 15px}
.timeline-widget .timeline-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.timeline-widget .timeline-buttons button{font-size:11px}


.scientific-panel.timeline-widget .timeline-summary{color:#183b38;background:#f3f8f9}