[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]){background:var(--learner-color-page)}[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]) .hc-course-shell{gap:var(--learner-space-6)}[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]) .hc-course-sidebar{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)}[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]) .hc-course-item{border-radius:var(--learner-radius-sm);transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]) .hc-course-item:hover{background:var(--learner-color-surface-soft)}[data-css-theme] [data-zone=learner] :is([data-section=lessons],[data-section=programs],[data-section=albums]) .hc-course-item--active{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] [data-section=lessons] .hc-lesson,[data-css-theme] [data-zone=learner] [data-section=lessons] .hc-lesson__card{background:var(--learner-color-surface);border-radius:var(--learner-radius-lg);border:1px solid var(--learner-color-border-soft);box-shadow:var(--learner-shadow-sm)}[data-css-theme] [data-zone=learner] [data-section=albums] .hc-album-card,[data-css-theme] [data-zone=learner] [data-section=albums] .lhphuc-voca-album-card{border-radius:var(--learner-radius-md)}[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)}[data-css-theme] [data-zone=learner] [data-section=vocabulary]{background:var(--learner-color-page)}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhp-vt-card,[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-card{background:var(--learner-color-surface);border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border-soft);box-shadow:var(--learner-shadow-sm);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhp-vt-card:hover,[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-card:hover{box-shadow:var(--learner-shadow-md)}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-headword,[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-word{color:var(--learner-color-text-strong);font-weight:700}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-meaning{color:var(--learner-color-text-muted)}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhp-vt-pill,[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-pill{background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);border-radius:var(--learner-radius-pill);border:1px solid var(--learner-color-border-soft)}[data-css-theme] [data-zone=learner] [data-section=vocabulary] .lhphuc-voca-btn-primary{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-radius:var(--learner-radius-pill)}[data-css-theme] [data-zone=learner] .lhp-vt-page{background:var(--learner-color-page);color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .lhp-vt-page-head{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);padding:var(--learner-space-5) var(--learner-space-6);box-shadow:var(--learner-shadow-xs);margin-bottom:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhp-vt-breadcrumb{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);font-weight:600}[data-css-theme] [data-zone=learner] .lhp-vt-breadcrumb a{color:var(--learner-color-brand)}[data-css-theme] [data-zone=learner] .lhp-vt-backbanner{background:var(--learner-color-brand-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-3) var(--learner-space-4);color:var(--learner-color-brand-strong);border:1px solid var(--learner-color-brand-border)}[data-css-theme] [data-zone=learner] .lhp-vt-layer1-notice{background:var(--learner-color-info-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-4);border:1px solid var(--learner-color-border-soft)}[data-css-theme] [data-zone=learner] .lhp-vt-layer1-notice__track{display:flex;gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhp-vt-layer1-notice__item{background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhp-vt-book-card{box-shadow:var(--learner-shadow-sm);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),transform var(--learner-duration-base) var(--learner-ease-out),border-color var(--learner-duration-base) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-vt-book-card:hover{box-shadow:var(--learner-shadow-md);transform:translateY(-1px)}[data-css-theme] [data-zone=learner] .lhp-vt-book-card__title{color:var(--learner-color-text-strong);font-weight:700;font-size:var(--learner-text-md)}[data-css-theme] [data-zone=learner] .lhp-vt-book-card__meta{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm)}[data-css-theme] [data-zone=learner] .lhp-vt-tests-list{gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhp-vt-test-row{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-xs);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),transform var(--learner-duration-base) var(--learner-ease-out),border-color var(--learner-duration-base) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-vt-test-row:hover{box-shadow:var(--learner-shadow-md);transform:translateY(-1px);border-color:var(--learner-color-border)}[data-css-theme] [data-zone=learner] .lhp-vt-test-row__body{flex:1;min-width:0}[data-css-theme] [data-zone=learner] .lhp-vt-test-row__status{font-size:var(--learner-text-xs);font-weight:600}[data-css-theme] [data-zone=learner] .lhp-vt-test-row__status--done{color:var(--learner-color-success)}[data-css-theme] [data-zone=learner] .lhp-vt-test-row__status--pending{color:var(--learner-color-warning)}[data-css-theme] [data-zone=learner] .lhp-vt-test-row__arrow{color:var(--learner-color-text-muted)}[data-css-theme] [data-zone=learner] .lhp-vt-albums-grid{gap:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhp-vt-album-card{box-shadow:var(--learner-shadow-sm);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),transform var(--learner-duration-base) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-vt-album-card:hover{box-shadow:var(--learner-shadow-md);transform:translateY(-1px)}[data-css-theme] [data-zone=learner] .lhp-vt-album-card__title{color:var(--learner-color-text-strong);font-weight:700}[data-css-theme] [data-zone=learner] .lhp-vt-album-card__fsrs{background:var(--learner-color-surface-soft);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) var(--learner-space-3);color:var(--learner-color-text-muted);font-size:var(--learner-text-xs)}[data-css-theme] [data-zone=learner] .lhp-vt-filters{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;align-items:center;margin-bottom:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhp-vt-filters__selects{width:auto;flex:1 1 auto;align-items:center}[data-css-theme] [data-zone=learner] .lhp-vt-filters__selects select{padding:6px var(--learner-space-3);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-text);font-size:var(--learner-text-sm)}[data-css-theme] [data-zone=learner] .lhp-vt-filters__search{flex:1}[data-css-theme] [data-zone=learner] .lhp-vt-filters__search input{width:100%;padding:var(--learner-space-2) 14px;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .lhp-vt-filters__search input:focus{outline:none;border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-vt-sel{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] .lhp-vt-membership__meta{background:var(--learner-color-warning-soft);border:1px solid var(--learner-color-warning);border-radius:var(--learner-radius-md);padding:var(--learner-space-3) var(--learner-space-4);color:var(--learner-color-warning);font-weight:600}[data-css-theme] [data-zone=learner] .lhp-vt-lock{color:var(--learner-color-warning)}[data-css-theme] [data-zone=learner] .lhphuc-voca-word-card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);padding:var(--learner-space-6);box-shadow:var(--learner-shadow-sm)}[data-css-theme] [data-zone=learner] .lhphuc-voca-headword,[data-css-theme] [data-zone=learner] .lhphuc-voca-word{color:var(--learner-color-text-strong);font-weight:700;font-size:var(--learner-text-2xl)}[data-css-theme] [data-zone=learner] .lhphuc-voca-ipa{color:var(--learner-color-text-muted);font-style:italic;font-family:var(--learner-font-body)}[data-css-theme] [data-zone=learner] .lhphuc-voca-meaning,[data-css-theme] [data-zone=learner] .lhphuc-voca-vi{color:var(--learner-color-text);font-size:var(--learner-text-md)}[data-css-theme] [data-zone=learner] .lhphuc-voca-en,[data-css-theme] [data-zone=learner] .lhphuc-voca-en-meaning{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm)}[data-css-theme] [data-zone=learner] .lhphuc-voca-pos{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-radius:var(--learner-radius-pill);padding:2px var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca-collocations{margin-top:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhphuc-voca-collocation,[data-css-theme] [data-zone=learner] .lhphuc-voca-collocation-item{background:var(--learner-color-surface-soft);border-radius:var(--learner-radius-sm);padding:var(--learner-space-3) var(--learner-space-4);margin-bottom:var(--learner-space-2)}[data-css-theme] [data-zone=learner] .lhphuc-voca-collocation__text{color:var(--learner-color-text);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca-collocation__translation{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm)}[data-css-theme] [data-zone=learner] .lhphuc-voca-collocation__example{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);font-style:italic;margin-top:var(--learner-space-1)}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-stat{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-meta{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm)}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-status--due{color:var(--learner-color-warning);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-status--learning{color:var(--learner-color-info);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-status--mastered{color:var(--learner-color-success);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-rate{color:var(--learner-color-text-strong);font-weight:700;font-variant-numeric:tabular-nums}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-source{color:var(--learner-color-text-muted);font-size:var(--learner-text-xs)}[data-css-theme] [data-zone=learner] .lhphuc-voca__review-quick{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-radius:var(--learner-radius-sm);padding:var(--learner-space-1) var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca__muted{color:var(--learner-color-text-muted)}