/* Motion follows the lesson's information, rather than adding flashing effects. */
.reading.motion-current{background:#ecf4e0;border-color:#b5cd94;transition:background .4s,border-color .4s}
.topbar-actions{display:flex;align-items:center;gap:20px}.motion-toggle{display:inline-flex;align-items:center;gap:8px;background:#eef3e6;border:1px solid #dce5d2;border-radius:8px;padding:7px 10px;font-size:9px;color:#607c54;white-space:nowrap}.motion-toggle>span:first-child{font-size:12px;width:12px;text-align:center}.motion-toggle:hover{background:#e2ecd5}.motion-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4ebdc;margin-top:23px;padding-top:17px}.motion-buttons{display:flex;gap:8px}.motion-play,.motion-replay{display:inline-flex;gap:7px;align-items:center;font-size:10px;padding:8px 12px;border-radius:7px;border:1px solid #d8e4ce;background:#edf4e5;color:#527043;min-height:34px}.motion-play:hover,.motion-replay:hover{background:#e1ecd5}.motion-replay{background:#fff;color:#809272}.motion-speed{display:flex;gap:8px;align-items:center;font-size:9px;color:#7c9070}.motion-speed select{font-size:10px;padding:6px 20px 6px 8px;border:1px solid #d8e4ce;border-radius:6px;background:#fff;color:#58784a;max-width:104px}.motion-description{width:100%;font-size:10px;color:#7b8e70;line-height:1.7}.motion-description p{margin:0}.flow-demo{margin:18px 0 0;position:relative;border-radius:10px;background:#f3f7ed;border:1px solid #e1e9d9;padding:14px 12px 11px}.flow-demo svg{width:100%;height:34px;display:block}.flow-labels{display:flex;justify-content:space-between;font-size:8px;color:#7e946f}.motion-stage{font-size:10px;color:#6f885d;margin-top:11px;padding:8px 11px;border:1px dashed #c4d6b4;border-radius:7px;background:#f4f8ee}.chain-step.motion-current{box-shadow:0 0 0 3px #c7df9d;border-color:#a5c774;transition:box-shadow .5s,border-color .5s}.chain-step.motion-visited:not(.motion-current){border-color:#c4d7ad}.chain-step.motion-visited:not(.active) span{color:#6c8c50}.trace-cursor,.trace-dot{opacity:0;transition:opacity .4s}.simulation-playing .trace-cursor{opacity:.7}.simulation-playing .trace-dot{opacity:1}.sample-cursor{opacity:0}.simulation-playing .sample-cursor{opacity:.6}.output-bits .sample-current{background:#d3e8b2;color:#315c2f;box-shadow:0 0 0 1px #b0ce8c}.noise-graph{width:100%;height:105px;margin-top:17px;border-radius:10px;border:1px solid #e1e9d8;background:#f5f8ef}.noise-legend{display:flex;gap:15px;font-size:9px;color:#7c9070;margin:6px 0 0}.noise-legend span:before{content:"";display:inline-block;width:12px;height:2px;background:#537b48;vertical-align:middle;margin-right:5px}.noise-legend span:first-child:before{background:#b1c89b}.motion-once{animation:lesson-enter .45s ease-out both}main>.welcome-line,.lesson-head{animation:lesson-enter .45s ease-out both}.hero-copy{animation:lesson-enter .55s ease-out both}.chapter-card{animation:lesson-enter .5s ease-out both}.chapter-card:nth-child(2){animation-delay:.04s}.chapter-card:nth-child(3){animation-delay:.07s}.chapter-card:nth-child(4){animation-delay:.1s}.chapter-card:nth-child(5){animation-delay:.13s}.chapter-card:nth-child(6){animation-delay:.16s}.chapter-card:nth-child(7){animation-delay:.19s}.chapter-card:nth-child(8){animation-delay:.22s}.feedback:not(:empty){animation:lesson-enter .25s ease-out both}.hero-wave path{stroke-dasharray:360;stroke-dashoffset:360;animation:signal-draw 7s linear infinite}.hero-wave{overflow:visible}.signal-tag{animation:tag-arrive .7s ease-out both}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-wave path{stroke-dashoffset:0}.motion-paused .chapter-card,.motion-paused .lesson-head,.motion-paused main>.welcome-line,.motion-paused .hero-copy,.motion-paused .signal-tag,.motion-paused .feedback{animation:none;opacity:1}.reading strong{font-variant-numeric:tabular-nums}.simulation-playing .reading{border-color:#d5e4c6}.beam-gauge{transition:fill .35s}.simulation-playing .beam-gauge{fill:#c39c61}@keyframes lesson-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-draw{0%{stroke-dashoffset:360}85%,100%{stroke-dashoffset:0}}@keyframes tag-arrive{from{opacity:0;transform:translateY(9px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}@media(max-width:760px){.topbar-actions{margin-left:auto;gap:7px}.topbar-actions .student-pill{margin-left:0}.motion-toggle{font-size:8px;padding:6px 8px}}@media(max-width:510px){.motion-toggle>span:last-child{font-size:0}.motion-toggle>span:last-child:after{content:"Animations";font-size:8px}.motion-toggle{gap:5px}.topbar-actions .status-dot{display:none}.topbar-actions .student-pill{display:none}.breadcrumb{font-size:7px}.motion-toolbar{gap:10px}.motion-play,.motion-replay{font-size:9px;padding:7px 9px}.motion-speed{gap:5px;font-size:8px}.motion-speed select{font-size:9px;max-width:90px}.motion-description{font-size:9px}.motion-stage{font-size:9px}.flow-labels{font-size:7px}}@media(prefers-reduced-motion:reduce){.hero-wave path{stroke-dashoffset:0}*,*:before,*:after{animation:none!important;transition:none!important}}