.whiteboard-lesson{color:#263249;background:#fff;border:1px solid #dfe2eb;border-radius:14px;margin:24px 0 38px;font-family:Segoe UI,PingFang SC,sans-serif;overflow:hidden}.whiteboard-lesson *{box-sizing:border-box}.whiteboard-lesson button{cursor:pointer;font:inherit}.whiteboard-lesson button:focus-visible{outline-offset:3px;outline:3px solid #8a6ddd}.wb-header{border-bottom:1px solid #e7e9ef;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;display:flex}.wb-header>div>span{color:#726b80;align-items:center;gap:7px;font-size:12px;display:flex}.whiteboard-lesson .wb-header h2{margin:7px 0 0;font-size:22px;font-weight:600;line-height:1.5}.wb-header>button{color:#512bd4;white-space:nowrap;background:0 0;border:0;font-size:12px}.wb-board{background:#fff;min-height:330px;padding:25px 20px 12px}.wb-board-title{color:#34415a;margin:0 12px 10px;font-size:18px;font-weight:600}.wb-board svg{width:100%;height:auto;display:block;overflow:visible}.wb-board svg path:not([fill]){stroke:#34415a;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.wb-board svg path.wb-bar{stroke:#6b50b9;stroke-width:18px}.wb-board svg text{fill:#34415a;font-family:Kaiti SC,STKaiti,KaiTi,PingFang SC,sans-serif}.wb-node{font-size:19px}.wb-axis{font-size:17px;fill:#746a87!important}.wb-number{font-size:19px;fill:#512bd4!important}.wb-chart-label{font-size:18px}.wb-start-label{font-size:23px;fill:#9096a5!important}.wb-compare-copy{color:#34415a;overflow-wrap:anywhere;max-height:190px;font:19px/1.8 Kaiti SC,KaiTi,PingFang SC,sans-serif;overflow:auto}.wb-writing{border-top:1px solid #e8eaf1;flex-wrap:wrap;gap:8px 24px;min-height:65px;margin:0 20px;padding-top:10px;display:flex}.whiteboard-lesson .wb-ink{color:#5436a6;overflow-wrap:anywhere;margin:0;font:20px/1.6 Kaiti SC,STKaiti,KaiTi,PingFang SC,sans-serif;animation:.7s both wb-ink}.wb-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:1.3s ease-out both wb-draw}.wb-reveal{animation:.5s both wb-ink}.wb-subtitles{background:#f5f4fa;border-block:1px solid #e7e5ef;min-height:112px;padding:18px 25px}.wb-subtitles>span{color:#8b8397;font-size:10px}.whiteboard-lesson .wb-subtitles p{color:#514d60;margin:6px 0 0;font-size:15px;line-height:1.95}.wb-controls{align-items:center;gap:13px;padding:17px 23px;display:flex}.wb-play{color:#fff;white-space:nowrap;background:#512bd4;border:0;border-radius:6px;align-items:center;gap:8px;padding:11px 15px;display:flex;font-size:13px!important}.wb-replay{color:#77648d;background:#fff;border:1px solid #e1ddea;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.wb-progress{background:#e9e6f2;flex:1;height:3px;margin:0 8px}.wb-progress>span{background:#8d78bb;height:100%;transition:width .3s;display:block}.wb-position{color:#81788c;font-size:12px}.whiteboard-lesson .wb-note{color:#827b8d;margin:0;padding:0 23px 15px;font-size:11px;line-height:1.8}.whiteboard-lesson .wb-error{color:#9c452f;margin:0 23px 15px;font-size:13px;line-height:1.8}#lesson-full-text{scroll-margin-top:100px}@keyframes wb-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes wb-ink{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (max-width:650px){.wb-header{align-items:flex-start;padding:19px}.whiteboard-lesson .wb-header h2{font-size:19px}.wb-board{min-height:250px;padding:20px 6px 10px}.wb-board-title{font-size:16px}.wb-writing{gap:5px;margin:0 12px;display:block}.whiteboard-lesson .wb-ink{font-size:17px}.wb-subtitles{min-height:130px;padding:16px 19px}.whiteboard-lesson .wb-subtitles p{font-size:14px}.wb-controls{gap:9px;padding:15px}.wb-progress{margin:0}.wb-compare-copy{font-size:23px}.wb-header>button{font-size:11px}.whiteboard-lesson .wb-note{padding-inline:17px}}@media (prefers-reduced-motion:reduce){.whiteboard-lesson *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.whiteboard-lesson[data-playing=false] .wb-draw,.whiteboard-lesson[data-playing=false] .wb-reveal,.whiteboard-lesson[data-playing=false] .wb-ink{animation-play-state:paused}