.pl-lesson{--pl-bg:#112345;--pl-edge:#3d6295;--pl-text:#eef7ff;--pl-muted:#b2c9e4;--pl-accent:#72c6ff;color:var(--pl-text);padding:20px;max-width:740px;margin:auto;font-size:16px}
html[data-theme="light"] .pl-lesson,body.light-theme .pl-lesson,body[data-theme="light"] .pl-lesson{--pl-bg:#edfff6;--pl-edge:#a2e4c9;--pl-text:#073d31;--pl-muted:#477d6e;--pl-accent:#078866}
.pl-lesson h2{font-size:23px;line-height:1.3;margin:8px 0 20px}.pl-lesson h3{font-size:29px;line-height:1.6;overflow-wrap:anywhere}.pl-lesson p{line-height:1.6}.pl-lesson button{font:inherit;cursor:pointer;touch-action:manipulation}.pl-lesson button:disabled{cursor:default;opacity:.45}.pl-lesson .btn-primary{width:100%;margin-top:18px;min-height:50px}.pl-options,.pl-word-list{display:grid;gap:10px}.pl-options button,.pl-word-list button,.pl-match button,.pl-tokens button,.pl-tools button,#pl-say,#pl-hint{padding:12px;border:1px solid var(--pl-edge);border-radius:14px;background:var(--pl-bg);color:var(--pl-text);min-height:48px}.pl-lesson .selected{border:2px solid var(--pl-accent);background:color-mix(in srgb,var(--pl-accent) 20%,var(--pl-bg))}.pl-word-list button{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:7px}.pl-word-list b{font-size:26px}.pl-word-list span:last-child{grid-column:1/-1}.pl-match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pl-match>div{display:grid;gap:10px}.pl-match button{height:100%;overflow-wrap:anywhere}.pl-match .matched{opacity:.75;border-color:#20b988}.pl-example{display:grid;padding:14px;margin:10px 0;background:var(--pl-bg);border:1px solid var(--pl-edge);border-radius:14px;gap:8px}.pl-example b{font-size:24px}.pl-tokens{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.pl-answer{min-height:88px;padding:10px;border:1px dashed var(--pl-edge);border-radius:14px}.pl-tokens button{font-size:22px}.pl-summary>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--pl-edge);padding:12px 0}.pl-correct,.pl-wrong{margin-top:18px;padding:15px;border-radius:14px;background:var(--pl-bg);border:1px solid #22ba8f;line-height:1.5}.pl-wrong{border-color:#df897a}.pl-board{width:min(300px,100%);aspect-ratio:1;margin:16px auto;border:1px solid var(--pl-edge);border-radius:16px;background:linear-gradient(90deg,transparent 49.7%,var(--pl-edge) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,var(--pl-edge) 50%,transparent 50.3%),var(--pl-bg);touch-action:none}.pl-board svg{display:block;margin:auto}.pl-tools{display:flex;gap:8px;flex-wrap:wrap}.pl-tools button{flex:1;font-size:14px}#pl-status{color:var(--pl-muted);min-height:24px}.pl-lesson small{color:var(--pl-accent)}
@media(max-width:420px){.pl-lesson{padding:14px}.pl-lesson h2{font-size:20px}.pl-match button{padding:8px;font-size:14px}.pl-tokens button{padding:9px;font-size:20px}}
#pathLessonOverlay.path-mixed .path-lesson-screen-title{display:none!important}#pathLessonOverlay.path-mixed #pathLessonStageTitle,#pathLessonOverlay.path-mixed #pathLessonCounter{display:block!important}#pathLessonOverlay.path-mixed .path-lesson-top{height:auto;min-height:54px;flex-wrap:wrap;max-width:740px}#pathLessonOverlay.path-mixed .path-lesson-meta{position:static;margin-left:auto;white-space:nowrap}#pathLessonOverlay.path-mixed .path-lesson-top>.path-lesson-progress{display:block;width:100%;flex-basis:100%;height:6px}#pathLessonOverlay.path-mixed .path-practice-top-actions{position:static;max-width:740px;margin:8px auto;justify-content:flex-end}#pathLessonOverlay.path-mixed #pathLessonTimer{display:none}#pathLessonOverlay.path-mixed #pathLessonStageTitle{font-size:15px}
html[data-theme="light"] #pathLessonOverlay.path-mixed,html[data-theme="light"] #pathLessonOverlay.path-mixed .path-lesson-card{background:radial-gradient(ellipse at top,#d0ffea,transparent 60%),#edfff6;color:#073d31}html[data-theme="light"] #pathLessonOverlay.path-mixed .path-lesson-top{color:#073d31}html[data-theme="light"] #pathLessonOverlay.path-mixed .path-close{color:#087959;background:#e3fff1;border-color:#ade3ce}
html[data-theme="light"] #pathLessonOverlay.path-mixed #pathLessonStageTitle{color:#073d31!important}html[data-theme="light"] #pathLessonOverlay.path-mixed #pathLessonCounter,html[data-theme="light"] #pathLessonOverlay.path-mixed .path-practice-top-actions>span,html[data-theme="light"] #pathLessonOverlay.path-mixed .path-practice-top-actions button{background:#ddfff0!important;border-color:#a0e2c8!important;color:#096b53!important;box-shadow:none!important}