.section-page{--dp-ink:#151a22;--dp-muted:#5f6776;--dp-muted-light:#8b93a2;--dp-pill:#e9e9f2;--dp-pill-ink:#4a5264;--dp-line:#cdd1d8;--dp-hairline:#e3e5ea;--dp-hover:#f5f5f8;background:var(--background,#fff);flex-direction:column;min-height:100%;padding-bottom:2rem;display:flex;position:relative}.section-lessons-list{flex-direction:column;padding:.5rem 0;display:flex}.section-lesson-item{border-bottom:1px solid var(--adib-border-base,#f1f5f9);color:inherit;cursor:pointer;text-align:right;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;gap:.85rem;width:100%;padding:.95rem 1.25rem;text-decoration:none;transition:background .15s;display:flex;position:relative}.section-lesson-item:hover{background:var(--adib-bg-subtle,#f8fafc)}.section-lesson-item:last-child{border-bottom:none}[data-theme=dark] .section-lesson-item,.dark .section-lesson-item{border-bottom-color:#ffffff0f}[data-theme=dark] .section-lesson-item:hover,.dark .section-lesson-item:hover{background:#ffffff0a}.section-lesson-thumb-wrapper{background:#d3c7b5;border-radius:.65rem;flex-shrink:0;width:54px;height:74px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.section-lesson-thumb-img{object-fit:cover;width:100%;height:100%}.section-lesson-waveform-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.section-lesson-audio-bars{justify-content:center;align-items:center;gap:3px;height:22px;padding:0 4px;display:inline-flex}.section-lesson-audio-bars .bar{background:#fff;border-radius:2px;width:3px;height:100%;display:inline-block}@keyframes barWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.section-lesson-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.section-lesson-title-row{align-items:center;gap:.5rem;display:flex}.section-lesson-title{color:var(--adib-text-primary,#0f172a);margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}[data-theme=dark] .section-lesson-title,.dark .section-lesson-title{color:#f8fafc}.section-badge-pill{color:#fff;background:#0036a7;border-radius:.85rem;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.section-lesson-desc{color:var(--adib-text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.86rem;line-height:1.4;overflow:hidden}[data-theme=dark] .section-lesson-desc,.dark .section-lesson-desc{color:#94a3b8}.section-lesson-meta-row{color:var(--adib-text-muted,#94a3b8);align-items:center;gap:.85rem;margin-top:.15rem;font-size:.8rem;display:flex}.section-lesson-meta-item{align-items:center;gap:.3rem;display:inline-flex}.section-lesson-meta-icon{font-size:.9rem;display:inline-flex}.section-lesson-progress-track{background:#e2e8f0;border-radius:2px;width:100%;height:3.5px;margin-top:.35rem;overflow:hidden}[data-theme=dark] .section-lesson-progress-track,.dark .section-lesson-progress-track{background:#334155}.section-lesson-progress-fill{background:#0036a7;border-radius:2px;height:100%}[data-theme=dark] .section-lesson-progress-fill,.dark .section-lesson-progress-fill{background:#38bdf8}.section-lesson-chevron{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.section-empty{text-align:center;color:var(--dp-muted);padding:2.5rem 1rem;font-size:.9rem}.section-layout{flex-direction:column;display:flex}.section-toast{color:#fff;z-index:1000;background:#0f172a;border-radius:2rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;animation:2.5s forwards fadeInOut;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}[data-theme=dark] .section-page,.dark .section-page{--dp-ink:#f8fafc;--dp-muted:#94a3b8;--dp-muted-light:#64748b;--dp-pill:#1e293b;--dp-pill-ink:#cbd5e1;--dp-line:#ffffff1f;--dp-hairline:#ffffff14;--dp-hover:#ffffff0a}