.web-app button.is-favorite{color:#8262dc;background:#f0eaff}
.web-app button.is-favorite .icon{fill:currentColor}
.web-app button:disabled{cursor:not-allowed}
.web-app .web-lesson-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr);gap:8px;margin:14px 0 0}
.web-app .web-lesson-navigation button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:10px 8px;border:1px solid #e3e6f2;border-radius:10px;color:#606d8a;background:#fff;font-size:calc(12px * var(--font-scale));line-height:1.5}
.web-app .web-lesson-navigation button .icon{width:16px;height:16px}
.web-app .web-lesson-navigation button:disabled{color:#9fa6b9;background:#f4f5fa;border-color:#eaedf4;opacity:.7}
.web-app .web-lesson-navigation button[data-action="web-chapters"]{color:#7662d4;background:#f4f1ff;border-color:#e7e0fb}
.web-app .page:is([data-page="courseware"],[data-page="quiz"]) .web-lesson-navigation{margin-bottom:22px;max-width:640px}
.web-app .web-chapter-list{display:grid;gap:8px;margin-top:18px}
.web-app .web-chapter-list button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:14px;border:1px solid #eaedf5;border-radius:11px;font-size:calc(14px * var(--font-scale));min-width:0}
.web-app .web-chapter-list button.active{background:#f2efff;border-color:#dad2fa;color:#6652c1}
.web-app .web-chapter-index{font-size:calc(13px * var(--font-scale));color:#99a2b6;flex-shrink:0}
.web-app .web-chapter-list button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.web-app .web-chapter-list strong{display:block;font-size:calc(14px * var(--font-scale));font-weight:550;line-height:1.6}
.web-app .web-chapter-list small{font-size:calc(12px * var(--font-scale));color:#7c869c;display:block;margin-top:5px}
.web-app .web-chapter-list .icon{width:18px;height:18px;color:#9b8acf}
.web-app .web-dialog-subtitle,.web-app .web-dialog-note{font-size:calc(13px * var(--font-scale));line-height:1.8;color:#78839a;margin:0 0 16px}
.web-app .web-dialog-note{margin:16px 0 0;color:#8c94a8;font-size:calc(12px * var(--font-scale))}
.web-app .web-dialog-primary{margin-top:16px}
.web-app #web-share-link{font-family:inherit;font-size:calc(14px * var(--font-scale))}
.web-app .web-help-list{display:grid;gap:20px;color:#6b7690;font-size:calc(14px * var(--font-scale));line-height:1.8}
.web-app .web-help-list strong{color:#43516d}
.web-app .web-search-submit{font-size:calc(14px * var(--font-scale));padding:8px 14px;flex-shrink:0;color:#705dde;border-radius:8px;background:#f0edff;margin-right:6px}
.web-app .helper-sheet :focus-visible{outline:3px solid #a695ed;outline-offset:2px}
.web-app .toast{z-index:120;pointer-events:none}
@media(max-width:560px){.web-app .web-lesson-navigation button{font-size:calc(12px * var(--font-scale));gap:3px;padding:9px 5px}.web-app .web-lesson-navigation button[data-action="web-chapters"]>.icon:last-child{display:none}.web-app.font-large .web-lesson-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app.font-large .web-lesson-navigation [data-action="web-chapters"]{grid-column:1/-1;grid-row:1}.web-app .web-chapter-list button{padding:12px;gap:9px}.web-app .page[data-page="search"] .search-input-wrap{flex-wrap:wrap}.web-app .page[data-page="search"] .search-input-wrap>input{flex-basis:50%;min-width:0}}