.class-progress-line{color:#94a3b8;margin:0;font-size:14px;line-height:1.45}.class-next-line{border:1px solid var(--lesson-accent-line);background:var(--lesson-accent-soft);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.class-next-line-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.02em;flex:none;font-size:13px;font-weight:700}.class-next-line-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.class-next-line-why{color:#cbd5e1;white-space:nowrap;flex:none;font-size:13px}.class-next-line svg{color:#93c5fd;flex:none}.class-next-line--done{cursor:default;color:#cbd5e1;font-size:14px}.class-chips{flex-wrap:wrap;gap:8px;display:flex}.class-chip{border:1px solid var(--lesson-line);background:var(--lesson-surface);color:#e2e8f0;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.class-chip:hover{border-color:var(--lesson-accent-line)}.class-search-btn{border:1px solid var(--lesson-line);background:var(--lesson-surface);color:#cbd5e1;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:inline-flex}.class-search-btn:hover{border-color:var(--lesson-accent-line);color:#fff}.class-mistake-toggle{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 2px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.class-mistake-toggle:hover{color:#e2e8f0}.class-mistake-toggle svg{flex:none;transition:transform .2s}.class-mistake-toggle svg.is-open{transform:rotate(180deg)}.class-rank-link{margin:0}.class-rank-link .lesson-link{min-height:44px}.class-parent-band{color:#d1fae5;background:#10b98114;border:1px solid #10b98166;border-radius:14px;gap:8px;margin:0 0 16px;padding:14px 16px;font-size:15px;line-height:1.5;display:grid}.class-parent-band b{color:#fff}.class-parent-band select{border:1px solid var(--lesson-line);background:var(--color-bg);color:#e2e8f0;border-radius:10px;max-width:100%;min-height:44px;padding:0 10px;font-size:15px}.class-parent-band a{color:#6ee7b7;text-underline-offset:3px;font-weight:600;text-decoration:underline}.class-lesson--static{cursor:default}.class-lesson--static:hover{border-color:var(--lesson-line);background:var(--lesson-surface);box-shadow:none}.class-mastery--text{color:#94a3b8;white-space:nowrap;align-items:center;gap:4px;margin-left:8px;font-size:14px;font-weight:500;display:inline-flex}html[data-theme=light] .lesson-shell .class-progress-line,html[data-theme=light] .lesson-shell .class-next-line--done{color:#334155}html[data-theme=light] .lesson-shell .class-chip{color:#0f172a}html[data-theme=light] .lesson-shell .class-search-btn{color:#334155}html[data-theme=light] .lesson-shell .class-search-btn:hover{color:#0f172a}html[data-theme=light] .lesson-shell .class-mistake-toggle{color:#475569}html[data-theme=light] .lesson-shell .class-mistake-toggle:hover{color:#0f172a}html[data-theme=light] .lesson-shell .class-parent-band{color:#065f46}html[data-theme=light] .lesson-shell .class-parent-band b{color:#064e3b}html[data-theme=light] .lesson-shell .class-parent-band a{color:#047857}html[data-theme=light] .lesson-shell .class-parent-band select{color:#0f172a}html[data-theme=light] .lesson-shell .class-mastery--text{color:#475569}@media (max-width:639px){.lesson-layout--pick .class-lessons--flat .class-lesson{grid-template-columns:minmax(0,1fr) auto}}.lesson-layout--pick .lesson-main--single>.lesson-head{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.lesson-layout--pick .lesson-main--single>.lesson-head h1{flex:auto}.lesson-layout--pick .lesson-main--single>.lesson-head .lesson-lead{flex:0 0 100%;min-width:100%}.lesson-layout--pick .lesson-main--single>.lesson-head .class-search-btn{margin-left:auto}.class-rail{align-content:start;gap:14px;display:grid}.class-rail .lesson-rail-back{min-height:32px;color:var(--color-muted);align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;display:flex}.class-rail-box{border:1px solid var(--lesson-line);background:var(--color-panel);border-radius:14px;padding:10px}.class-rail-title{color:var(--color-slate-500,#64748b);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:8px;margin:0;padding:6px 10px 8px;font-size:12px;font-weight:600;display:flex}.class-rail-box ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.class-rail-item{width:100%;min-height:40px;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:8px;padding:9px 10px;font-size:14px;line-height:1.4;display:grid}.class-rail-item:hover{background:var(--lesson-surface)}.class-rail-n,.class-rail-st{color:var(--color-slate-500,#64748b);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px}.class-rail-item.is-active{background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#1d4ed8);font-weight:600}.class-rail-item.is-active :-webkit-any(.class-rail-n,.class-rail-st){color:inherit}.class-rail-item.is-active :is(.class-rail-n,.class-rail-st){color:inherit}.lesson-layout--pick .lesson-main--single>.lesson-head.class-head{flex-direction:column;align-items:stretch;gap:6px;display:flex}.class-crumb-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.class-head .lesson-breadcrumb{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.class-head .lesson-breadcrumb a{color:inherit;text-decoration:none}.class-head .lesson-breadcrumb a:hover{color:var(--color-primary,#1d4ed8)}.lesson-layout--pick .class-head h1{flex:none;margin:0}.lesson-layout--pick .class-head .class-search-btn{background:var(--color-panel);width:auto;min-width:44px;height:44px;color:var(--color-ink);border-radius:10px;gap:6px;margin:0;padding:0 12px;font-size:14px;font-weight:500}.class-search-text{display:none}.class-head-meta{margin:0}.class-head-meta>span+span:before{content:"·";color:var(--color-slate-500,#64748b);margin-right:10px}.lesson-layout--pick .class-next-line-why{white-space:normal}.lesson-layout--pick :-webkit-any(.class-lessons,.class-semester){border:1px solid var(--lesson-line);background:var(--color-panel);border-radius:14px;gap:0;margin:12px 0 0;padding:0;display:grid;overflow:hidden}.lesson-layout--pick :is(.class-lessons,.class-semester){border:1px solid var(--lesson-line);background:var(--color-panel);border-radius:14px;gap:0;margin:12px 0 0;padding:0;display:grid;overflow:hidden}.lesson-layout--pick .class-lessons>li+li,.lesson-layout--pick .class-semester>*+*{border-top:1px solid var(--lesson-line)}.lesson-layout--pick :-webkit-any(.class-lessons,.class-semester) .class-lesson{min-height:56px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.lesson-layout--pick :is(.class-lessons,.class-semester) .class-lesson{min-height:56px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.lesson-layout--pick :-webkit-any(.class-lessons,.class-semester) .class-lesson:hover{background:var(--lesson-surface);box-shadow:none}.lesson-layout--pick :is(.class-lessons,.class-semester) .class-lesson:hover{background:var(--lesson-surface);box-shadow:none}.lesson-layout--pick .class-lessons--flat .class-lesson{grid-template-columns:minmax(0,1fr)}.lesson-layout--pick .class-lesson .class-num{font-variant-numeric:tabular-nums;border-width:1.5px;width:28px;height:28px;font-size:13px}.lesson-layout--pick .class-lesson-title{font-size:16px;font-weight:600;line-height:1.35}.lesson-layout--pick .class-lesson .class-meta{font-size:13px;font-weight:600}.lesson-layout--pick .class-lesson.is-started .class-meta{color:var(--color-primary,#1d4ed8)}.lesson-layout--pick .class-lesson.is-started .class-num{border-color:var(--color-primary,#1d4ed8);color:var(--color-primary,#1d4ed8)}.lesson-layout--pick .class-lesson.is-complete .class-num{border-color:var(--color-ok,#047857);background:var(--color-ok,#047857);color:#fff}@media (min-width:1024px){.lesson-layout--pick{grid-template-columns:248px minmax(0,1fr);gap:40px;max-width:1200px;padding:28px 40px 48px}.lesson-layout--pick>.lesson-main{max-width:720px}.lesson-layout--pick .class-head .class-search-text{display:inline}}.class-rail .lesson-rail-back:hover{color:var(--color-primary,#1d4ed8)}@media (min-width:1024px) and (max-width:1279px){.lesson-layout--pick{grid-template-columns:220px minmax(0,1fr);gap:28px;padding:24px 28px 40px}.lesson-layout--pick .class-head .class-search-text{display:none}}.class-rail-item:focus-visible{outline:2px solid var(--color-primary,#1d4ed8);outline-offset:2px}@media (max-width:639px){.lesson-layout--pick :-webkit-any(.class-lessons,.class-semester) .class-lesson{grid-template-columns:28px minmax(0,1fr);gap:2px 12px;padding:12px 14px}.lesson-layout--pick :is(.class-lessons,.class-semester) .class-lesson{grid-template-columns:28px minmax(0,1fr);gap:2px 12px;padding:12px 14px}.lesson-layout--pick .class-lesson .class-meta{grid-column:2;font-size:12px}.lesson-layout--pick .class-lesson-title{font-size:15px}.lesson-layout--pick .class-head-desc{display:none}.lesson-layout--pick .class-head-desc+span:before{content:none}}.lesson-layout--pick .class-head .lesson-crumb-sep{color:var(--color-slate-500,#64748b);display:inline!important}.lesson-layout--pick{--wide-bleed:0px}@media (min-width:1280px){.lesson-layout--pick{--wide-bleed:clamp(0px, calc(50vw - 520px), 320px)}.lesson-layout--pick>.lesson-main{width:calc(720px + var(--wide-bleed));max-width:none}.lesson-layout--pick .lesson-main .class-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout--pick .lesson-main .class-lessons>li:nth-child(2){border-top:0}.lesson-layout--pick .lesson-main .class-lessons>li:nth-child(odd):not(:last-child){border-right:1px solid var(--lesson-line)}}