.lesson-shell{--lesson-accent:217 84% 52%;--lesson-accent-2:217 100% 65%;--lesson-accent-deep:217 79% 37%;--lesson-done:142 76% 36%;--lesson-done-2:142 69% 58%;--lesson-track:220 14% 95%;--lesson-page:220 14% 97%;--lesson-card:0 0% 100%;--lesson-ink:225 28% 14%;--lesson-muted:221 14% 41%;--lesson-faint:218 13% 65%;--lesson-line:220 13% 92%;--lesson-on-accent:0 0% 100%;--lesson-hero-kicker:216 100% 91%;--lesson-hero-stats:216 100% 93%;--lesson-wait:32 95% 44%;--lesson-today:42 100% 70%;--lesson-tag-blue:218 92% 95%;--lesson-tag-green:140 46% 94%;--lesson-tag-orange:36 100% 95%;--lesson-tip:217 45% 40%;--lesson-tip-ok:142 60% 30%;--lesson-scrim:0 0% 0%;--background:var(--lesson-page);--foreground:var(--lesson-ink);--card:var(--lesson-card);--card-foreground:var(--lesson-ink);--primary:var(--lesson-accent);--primary-foreground:var(--lesson-on-accent);--muted:var(--lesson-track);--muted-foreground:var(--lesson-faint);--border:var(--lesson-line);--input:var(--lesson-line);--ring:var(--lesson-accent);background:hsl(var(--lesson-page));min-height:100vh;color:hsl(var(--lesson-ink))}.lesson-column{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.lesson-pad{padding:14px 16px 24px}.lesson-column.has-tabs .lesson-pad{padding-bottom:12px}.lesson-card{background:hsl(var(--lesson-card));border-radius:14px;margin-bottom:12px;padding:14px}.lesson-t1{color:hsl(var(--lesson-ink));font-size:15px;font-weight:600}.lesson-t2{color:hsl(var(--lesson-muted));font-size:13px;line-height:1.6}.lesson-error{color:hsl(var(--destructive))}.lesson-t3{color:hsl(var(--lesson-faint));font-size:12px;line-height:1.6}.lesson-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-hero{background:linear-gradient(135deg, hsl(var(--lesson-accent)), hsl(var(--lesson-accent-2)));width:100%;color:hsl(var(--lesson-on-accent));text-align:left;border:0;border-radius:14px;margin-bottom:14px;padding:16px;display:block}.lesson-hero.is-tap{cursor:pointer}.lesson-hero.is-tap:hover{opacity:.92}.lesson-hero-kicker{color:hsl(var(--lesson-hero-kicker));font-size:12px}.lesson-hero-title{margin:4px 0 10px;font-size:18px;font-weight:700;line-height:1.45}.lesson-hero-stats{color:hsl(var(--lesson-hero-stats));justify-content:space-between;font-size:12px;display:flex}.lesson-hero-stats b{color:hsl(var(--lesson-on-accent));font-size:16px;display:block}.lesson-course{background:hsl(var(--lesson-card));text-align:left;cursor:pointer;border:0;border-radius:16px;width:100%;margin-bottom:14px;padding:0 16px 14px;display:block;overflow:hidden}.lesson-cover{height:90px;color:hsl(var(--lesson-on-accent));justify-content:space-between;align-items:flex-end;margin:0 -16px 12px;padding:12px 14px;display:flex}.lesson-cover.is-fallback{background:linear-gradient(135deg, hsl(var(--lesson-accent)), hsl(var(--lesson-accent-2)))}.lesson-cover-name{font-size:18px;font-weight:700}.lesson-cover-count{background:hsl(var(--lesson-scrim) / .28);border-radius:20px;padding:3px 8px;font-size:11px}.lesson-wait{color:hsl(var(--lesson-wait));font-weight:600}.lesson-bar{background:hsl(var(--lesson-track));border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.lesson-bar i{background:linear-gradient(90deg, hsl(var(--lesson-accent-2)), hsl(var(--lesson-accent)));height:100%;display:block}.lesson-bar.is-done i{background:linear-gradient(90deg, hsl(var(--lesson-done-2)), hsl(var(--lesson-done)))}.lesson-ring{border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lesson-ring span{background:hsl(var(--lesson-card));width:32px;height:32px;color:hsl(var(--lesson-accent));border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.lesson-ring.is-done span{color:hsl(var(--lesson-done))}.lesson-back{color:hsl(var(--lesson-muted));cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.lesson-tips{background:hsl(var(--lesson-tag-blue));color:hsl(var(--lesson-tip));border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.65}.lesson-tips.is-ok{background:hsl(var(--lesson-tag-green));color:hsl(var(--lesson-tip-ok))}.lesson-task{background:hsl(var(--lesson-card));text-align:left;cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:13px 14px;display:flex}.lesson-task.is-cur{border-color:hsl(var(--lesson-accent) / .35);background:linear-gradient(180deg, hsl(var(--lesson-tag-blue)), hsl(var(--lesson-card)))}.lesson-task.is-lock{opacity:.55}.lesson-num{background:hsl(var(--lesson-track));width:26px;height:26px;color:hsl(var(--lesson-muted));border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lesson-num.is-cur,.lesson-mark-open{background:hsl(var(--lesson-accent));color:hsl(var(--lesson-on-accent))}.lesson-num.is-done,.lesson-mark-done{background:hsl(var(--lesson-done));color:hsl(var(--lesson-on-accent))}.lesson-tag{border-radius:20px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.lesson-tag.blue{background:hsl(var(--lesson-tag-blue));color:hsl(var(--lesson-accent))}.lesson-tag.green{background:hsl(var(--lesson-tag-green));color:hsl(var(--lesson-done))}.lesson-tag.orange{background:hsl(var(--lesson-tag-orange));color:hsl(var(--lesson-wait))}.lesson-tag.gray{background:hsl(var(--lesson-track));color:hsl(var(--lesson-muted))}.lesson-profile{align-items:center;gap:10px;display:flex}.lesson-ava{background:linear-gradient(135deg, hsl(var(--lesson-accent)), hsl(var(--lesson-accent-deep)));width:44px;height:44px;color:hsl(var(--lesson-on-accent));border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.lesson-score{gap:8px;margin-top:8px;display:flex}.lesson-score-item{background:hsl(var(--lesson-track));text-align:center;border-radius:10px;flex:1;padding:9px 4px}.lesson-score-item b{color:hsl(var(--lesson-accent));font-size:17px;display:block}.lesson-score-item span{color:hsl(var(--lesson-muted));font-size:11px}.lesson-chart-head{justify-content:space-between;align-items:center;display:flex}.lesson-chart{align-items:stretch;gap:8px;height:100px;padding-top:8px;display:flex}.lesson-col{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.lesson-col-plot{flex:1;align-items:flex-end;width:100%;display:flex}.lesson-col-bar{background:hsl(var(--lesson-track));border-radius:5px;width:100%}.lesson-col-bar.is-hot{background:hsl(var(--lesson-accent))}.lesson-col-bar.is-today{background:hsl(var(--lesson-today))}.lesson-col-label{color:hsl(var(--lesson-faint));text-align:center;margin-top:4px;font-size:12px;line-height:1.2}.lesson-quiet{color:hsl(var(--lesson-faint));cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 0 0;font-size:13px}.lesson-tabbar{z-index:20;border-top:1px solid hsl(var(--lesson-line));background:hsl(var(--lesson-card));height:52px;margin-top:auto;display:flex;position:sticky;bottom:0}.lesson-tab{color:hsl(var(--lesson-faint));cursor:pointer;background:0 0;border:0;flex:1;font-size:15px}.lesson-tab.is-on{color:hsl(var(--lesson-accent));font-weight:600}