[data-css-theme] [data-zone=learner] .hc-lesson,[data-css-theme] [data-zone=learner] .hc-lesson__card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-6);margin-bottom:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .hc-lessons{display:flex;flex-direction:column;gap:var(--learner-space-4)}[data-css-theme] [data-zone=learner] .hc-lesson__header{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-space-3);padding-bottom:var(--learner-space-4);border-bottom:1px solid var(--learner-color-border-soft);margin-bottom:var(--learner-space-4)}[data-css-theme] [data-zone=learner] .hc-lesson__title{color:var(--learner-color-text-strong);font-size:var(--learner-text-xl);font-weight:700;letter-spacing:-.01em}[data-css-theme] [data-zone=learner] .hc-lesson__subtitle{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);font-weight:500}[data-css-theme] [data-zone=learner] .hc-lesson__tag{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-radius:var(--learner-radius-pill);padding:2px 10px;font-size:var(--learner-text-xs);font-weight:700}[data-css-theme] [data-zone=learner] .hc-lesson__time{color:var(--learner-color-text-muted);font-size:var(--learner-text-xs);font-variant-numeric:tabular-nums}[data-css-theme] [data-zone=learner] .hc-lesson__sentences{display:flex;flex-direction:column;gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-num{background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);border-radius:var(--learner-radius-pill);padding:2px var(--learner-space-2);font-size:var(--learner-text-xs);flex-shrink:0}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-en{color:var(--learner-color-text);font-size:var(--learner-text-base);line-height:1.6}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-vi{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);line-height:1.55}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-play{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border:0;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-play:hover{background:var(--learner-color-brand-border)}[data-css-theme] [data-zone=learner] .hc-lesson__translate-toggle{display:inline-flex;align-items:center;gap:var(--learner-space-2);padding:6px 12px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);border:1px solid var(--learner-color-border-soft);font-size:var(--learner-text-xs);font-weight:600;cursor:pointer}[data-css-theme] [data-zone=learner] .hc-lesson__translate-toggle.is-active,[data-css-theme] [data-zone=learner] .hc-lesson__translate-toggle[data-active=true]{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-color:var(--learner-color-brand)}[data-css-theme] [data-zone=learner] .hc-lesson__footer{margin-top:var(--learner-space-5);padding-top:var(--learner-space-5);border-top:1px solid var(--learner-color-border-soft);display:flex;flex-wrap:wrap;gap:var(--learner-space-3);align-items:center;justify-content:space-between}[data-css-theme] [data-zone=learner] .hc-lesson__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);padding:10px 18px;border-radius:var(--learner-radius-pill);font-family:var(--learner-font-body);font-size:var(--learner-text-sm);font-weight:600;border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text);cursor:pointer;transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .hc-lesson__btn:hover{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border-strong)}[data-css-theme] [data-zone=learner] .hc-lesson__btn--complete{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-color:var(--learner-color-brand)}[data-css-theme] [data-zone=learner] .hc-lesson__btn--complete:hover{background:var(--learner-color-brand-strong);border-color:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] .hc-lesson__btn--close{background:transparent;color:var(--learner-color-text-muted);border-color:transparent}[data-css-theme] [data-zone=learner] .hc-lesson__btn--close:hover{background:var(--learner-color-surface-soft);color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .hc-lesson__play-btn{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border:0;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--learner-shadow-md);transition:transform var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .hc-lesson__play-btn:hover{transform:scale(1.05);box-shadow:var(--learner-shadow-lg)}[data-css-theme] [data-zone=learner] .hc-course-card__stat{color:var(--learner-color-text-muted);font-size:var(--learner-text-xs);font-weight:600}[data-css-theme] [data-zone=learner] .hc-course-card__progress-foot{margin-top:var(--learner-space-3);padding-top:var(--learner-space-3);border-top:1px solid var(--learner-color-border-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--learner-space-2)}[data-css-theme] [data-zone=learner] .hc-lesson__sentence{background:#fff;border:1px solid #e6e8ec;border-radius:14px;gap:var(--learner-space-4);padding:var(--learner-space-4) 18px}[data-css-theme] [data-zone=learner] .hc-lesson__sentence:hover{border-color:#cbd5e1;background:#fafbfc}[data-css-theme] [data-zone=learner] .hc-lesson__sentence.is-active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-num{width:30px;height:30px;padding:0;border-radius:8px;background:#eef1f5;color:#64748b;font-size:var(--learner-text-sm);font-weight:700;display:inline-flex;align-items:center;justify-content:center}[data-css-theme] [data-zone=learner] .hc-lesson__sentence.is-active .hc-lesson__sentence-num{background:#3b82f6;color:#fff}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-en{display:block;font-weight:700;color:#0f172a}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-vi{display:block;margin-top:3px;margin-left:0;color:#64748b}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-play{width:28px;height:28px;background:transparent;color:#94a3b8;border-radius:6px}[data-css-theme] [data-zone=learner] .hc-lesson__sentence-play:hover{background:#eff6ff;color:#3b82f6}[data-css-theme] [data-zone=learner] .hc-lesson__play-btn{background:#fff;color:#3b82f6;border:1px solid var(--learner-color-border-soft,#e2e8f0);box-shadow:none}[data-css-theme] [data-zone=learner] .hc-lesson__play-btn:hover{border-color:#3b82f6;transform:scale(1.04);box-shadow:0 2px 8px rgba(59,130,246,.18)}