:where(.hc-dashboard){--hc-brand-primary:#7c3aed;--hc-brand-primary-strong:#6d28d9;--hc-brand-primary-soft:#f3e8ff;--hc-brand-primary-soft-2:#faf5ff;--hc-brand-primary-border:#ddd6fe;--hc-brand-secondary:#f97316;--hc-brand-gradient:linear-gradient(135deg,#38bdf8,#a855f7);--hc-accent-blue:#3b82f6;--hc-accent-blue-soft:#eff6ff;--hc-shell-bg:#f6f8fc;--hc-sidebar-bg:#0f172a;--hc-sidebar-text:#cbd5e1;--hc-sidebar-text-strong:#f8fafc;--hc-sidebar-icon:#94a3b8;--hc-sidebar-active-bg:rgba(148,163,184,0.12);--hc-sidebar-active-text:#ffffff;--hc-sidebar-active-icon:#38bdf8;--hc-sidebar-border:rgba(255,255,255,0.08);--hc-sidebar-hover-bg:rgba(148,163,184,0.06);--hc-topbar-bg:#ffffff;--hc-content-bg:#f6f8fc;--hc-card-bg:#ffffff;--hc-card-soft:#fafbff;--hc-border:#e5e7eb;--hc-border-soft:#eef0f5;--hc-border-strong:#d1d5db;--hc-text:#0f172a;--hc-text-strong:#111827;--hc-text-muted:#6b7280;--hc-text-subtle:#94a3b8;--hc-nav-text:var(--hc-sidebar-text);--hc-nav-text-strong:var(--hc-sidebar-text-strong);--hc-nav-active-text:var(--hc-sidebar-active-text);--hc-nav-icon:var(--hc-sidebar-icon);--hc-nav-icon-active:var(--hc-sidebar-active-icon);--hc-nav-muted:#64748b;--hc-warning:#f59e0b;--hc-warning-soft:#fef3c7;--hc-success:#10b981;--hc-success-soft:#ecfdf5;--hc-danger:#ef4444;--hc-danger-soft:#fef2f2;--hc-banner-bg:#faf5ff;--hc-banner-text:#6b21a8;--hc-shadow-card:0 1px 2px rgba(15,23,42,.04),0 6px 16px rgba(15,23,42,.04);--hc-shadow-sidebar:0 0 0 1px var(--hc-border);--hc-radius-card:14px;--hc-radius-pill:999px;background:var(--hc-shell-bg);color:var(--hc-text);font-family:var(--lhp-font-sans,"Be Vietnam Pro",system-ui,sans-serif)}.hc-dashboard{min-height:100vh}.hc-shell{width:100%}.hc-shell-aside{width:224px;flex:0 0 224px;position:sticky;top:0;height:100vh;height:100dvh;z-index:30;border-right:1px solid var(--hc-sidebar-border)}.hc-shell-aside,.hc-sidebar{background:var(--hc-sidebar-bg)}.hc-sidebar{height:100%;color:var(--hc-sidebar-text)}.hc-brand-1{color:var(--hc-sidebar-text-strong)}.hc-brand-1,.hc-brand-2{letter-spacing:-.02em;font-weight:700}.hc-brand-2{background:var(--hc-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hc-nav-link{position:relative;color:var(--hc-sidebar-text)}.hc-nav-link .hc-nav-icon{background:transparent;color:var(--hc-sidebar-icon)}.hc-nav-link:hover{background:var(--hc-sidebar-hover-bg)}.hc-nav-link:hover,.hc-nav-link:hover .hc-nav-icon{color:var(--hc-sidebar-text-strong)}.hc-nav-link.is-active{background:var(--hc-sidebar-active-bg);color:var(--hc-sidebar-active-text)}.hc-nav-link.is-active .hc-nav-icon{background:transparent;color:var(--hc-sidebar-active-icon)}.hc-nav-link.is-active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--hc-sidebar-active-icon)}.hc-nav-submenu .hc-submenu-link{color:var(--hc-sidebar-text);position:relative}.hc-nav-submenu .hc-submenu-link:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:999px;background:var(--hc-sidebar-icon)}.hc-nav-submenu .hc-submenu-link:hover{background:var(--hc-sidebar-hover-bg);color:var(--hc-sidebar-text-strong)}.hc-nav-submenu .hc-submenu-link.is-active{background:var(--hc-sidebar-active-bg);color:var(--hc-sidebar-active-text)}.hc-nav-submenu .hc-submenu-link.is-active:before{background:var(--hc-sidebar-active-icon)}.hc-nav-submenu .hc-submenu-link.is-disabled{cursor:not-allowed;opacity:.55}.hc-nav-caret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.hc-topbar{background:var(--hc-topbar-bg)}.hc-topbar-banner{max-width:720px}.hc-topbar-points{white-space:nowrap}.hc-shell-content{background:var(--hc-content-bg);min-height:calc(100vh - 56px)}.hc-card{background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:var(--hc-radius-card);box-shadow:var(--hc-shadow-card);padding:20px}.hc-card--soft{background:var(--hc-card-soft)}.hc-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--hc-radius-pill);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hc-badge--toeic{background:#ffedd5;color:#c2410c}.hc-badge--ielts{background:#dbeafe;color:#1d4ed8}.hc-badge--toeic-speaking{background:#e0f2fe;color:#0369a1}.hc-badge--general{background:#d1fae5;color:#047857}.hc-badge--pte{background:#fce7f3;color:#be185d}.hc-badge--vstep{background:#ede9fe;color:#6d28d9}.hc-badge--aptis{background:#fef3c7;color:#b45309}.hc-progress{position:relative;height:6px;border-radius:999px;background:var(--hc-border-soft);overflow:hidden}.hc-progress__bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px}.hc-progress__bar--success{background:linear-gradient(90deg,#34d399,#10b981)}.hc-page-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hc-page-progress__bar{position:relative;flex:1;height:6px;border-radius:999px;background:var(--hc-border-soft);overflow:hidden}.hc-page-progress__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#a78bfa,#f0abfc 50%,#fb7185)}.hc-page-progress__count{font-size:13px;font-weight:600;color:var(--hc-text-muted)}.hc-page-progress__pct{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;border-radius:999px;background:var(--hc-brand-primary-soft);color:var(--hc-brand-primary-strong)}.hc-status-chips{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hc-status-chips__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--hc-text-muted)}.hc-status-chips__dot{display:inline-block;width:8px;height:8px;border-radius:999px}.hc-status-chips__dot--due{background:#ef4444}.hc-status-chips__dot--soon{background:#f59e0b}.hc-status-chips__dot--track{background:#10b981}.hc-status-chips__count{font-weight:700;color:var(--hc-text-strong);margin-left:2px}.hc-review-shell{max-width:720px;margin:0 auto}.hc-review-card{background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:18px;box-shadow:var(--hc-shadow-card);padding:28px;position:relative;min-height:320px;overflow:hidden}.hc-review-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#ef4444,#f97316 25%,#facc15 50%,#10b981 75%,#3b82f6);border-radius:18px 18px 0 0;z-index:1}.hc-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.hc-review-toolbar__left{display:inline-flex;align-items:center;gap:10px}.hc-review-toolbar__chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--hc-card-soft);color:var(--hc-text-muted);border:1px solid var(--hc-border-soft)}.hc-review-toolbar__chip--play{background:var(--hc-brand-primary-soft);color:var(--hc-brand-primary-strong);border-color:var(--hc-brand-primary-border)}.hc-review-toolbar__iconbtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--hc-border-soft);background:white;color:var(--hc-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}@media (max-width:640px){.hc-review-toolbar{flex-wrap:nowrap;gap:6px}.hc-review-toolbar__left{flex-wrap:nowrap;gap:6px;min-width:0}.hc-review-toolbar__chip{padding:3px 8px;font-size:11px;white-space:nowrap}.hc-review-toolbar__iconbtn{width:28px;height:28px}.lhphuc-voca__review-stats{flex-wrap:nowrap;gap:6px}.lhphuc-voca__review-statBadge{padding:5px 9px;font-size:11.5px;gap:5px;white-space:nowrap}}.hc-review-display{text-align:center;padding:36px 12px 28px}.hc-review-word{font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.02em;color:var(--hc-text-strong);margin:0;gap:10px}.hc-review-speaker,.hc-review-word{display:inline-flex;align-items:center}.hc-review-speaker{width:32px;height:32px;justify-content:center;color:var(--hc-brand-primary);background:var(--hc-brand-primary-soft-2);border-radius:999px}.hc-review-ipa{margin-top:6px;font-size:18px;font-style:italic;color:var(--hc-text-muted)}.hc-review-pos{margin-top:4px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--hc-brand-primary);text-transform:uppercase}.hc-review-state{display:inline-flex;margin-top:14px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--hc-card-soft);color:var(--hc-text-muted);border:1px solid var(--hc-border-soft)}.hc-review-flip{perspective:1200px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;padding:28px 12px 24px}.hc-review-flip__inner{position:relative;width:100%;min-height:240px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.65,.05,.36,1)}.hc-review-flip.is-flipped .hc-review-flip__inner{transform:rotateY(180deg)}.hc-review-flip__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:16px}.hc-review-flip__face--back{transform:rotateY(180deg);gap:14px}.hc-review-flip__hint{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.06em;color:var(--hc-text-muted,#94a3b8);text-transform:uppercase;font-weight:600;opacity:.7}.hc-review-meaning{max-width:480px;font-weight:700}.hc-review-meaning--vi{font-size:24px;color:var(--hc-text-strong,#0f172a);line-height:1.35}.hc-review-meaning--en{font-size:15px;color:var(--hc-text-muted,#475569);font-weight:500;font-style:italic}.hc-review-example{padding:12px 18px;background:var(--hc-card-soft,#fafbff);border:1px solid var(--hc-border-soft,#eef0f5);border-radius:12px;max-width:480px}.hc-review-example__en{font-size:14px;color:var(--hc-text,#0f172a);font-weight:600}.hc-review-example__vi{margin-top:4px;font-size:13px;color:var(--hc-text-muted,#64748b);font-style:italic}.hc-review-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hc-review-tag{display:inline-flex;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hc-brand-primary,#7c3aed);background:var(--hc-brand-primary-soft-2,#f3eaff);border-radius:999px}.hc-rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.hc-rating-tile{position:relative;padding:14px 12px;border-radius:14px;text-align:center;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease}.hc-rating-tile:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.08)}.hc-rating-tile__time{font-size:12px;font-weight:600;opacity:.7}.hc-rating-tile__label{margin-top:2px;font-size:16px;font-weight:700}.hc-rating-tile__key{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;opacity:.6}.hc-rating-tile--again{background:#fee2e2;color:#b91c1c}.hc-rating-tile--hard{background:#fef3c7;color:#92400e}.hc-rating-tile--good{background:#d1fae5;color:#065f46}.hc-rating-tile--easy{background:#1f2937;color:#ffffff}.hc-rating-tile--easy .hc-rating-tile__time{opacity:.5}.hc-course-card{background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:16px;box-shadow:var(--hc-shadow-card);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative}.hc-course-card__topbadge{display:flex;align-items:center;justify-content:space-between}.hc-course-card__title{font-size:18px;font-weight:700;color:var(--hc-text-strong);margin:0}.hc-course-card__teacher{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--hc-text-muted)}.hc-course-card__avatar{width:28px;height:28px;border-radius:999px;background:var(--hc-card-soft);overflow:hidden}.hc-course-card__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--hc-text-muted)}.hc-course-card__stat{display:inline-flex;align-items:center;gap:6px}.hc-course-card__progress{display:flex;flex-direction:column;gap:6px}.hc-course-card__progress-head{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--hc-text-muted)}.hc-course-card__progress-head strong{color:var(--hc-warning)}.hc-course-card__progress-foot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--hc-text-muted);margin-top:4px}.hc-tab-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--hc-border-soft);margin-bottom:18px}.hc-tab-row__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 4px 12px;font-size:14px;font-weight:600;color:var(--hc-text-muted);border-bottom:2px solid transparent;cursor:pointer;background:none;border-radius:0}.hc-tab-row__btn.is-active{color:var(--hc-brand-primary);border-bottom-color:var(--hc-brand-primary)}.hc-tab-row__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;background:var(--hc-brand-primary);color:#fff}.hc-tab-row__count--muted{background:var(--hc-card-soft);color:var(--hc-text-muted)}.hc-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:18px}@media (max-width:768px){.hc-filter-bar{grid-template-columns:1fr 1fr}}.hc-filter-input{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--hc-border);border-radius:var(--hc-radius-pill);background:white;font-size:13px;color:var(--hc-text)}.hc-filter-input input,.hc-filter-input select{flex:1;border:0;outline:0;background:transparent;color:var(--hc-text);font-size:13px}.hc-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:1200px){.hc-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.hc-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hc-album-grid{grid-template-columns:1fr}}.hc-album-card{background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.hc-album-card:hover{border-color:var(--hc-brand-primary-border);box-shadow:var(--hc-shadow-card);transform:translateY(-1px)}.hc-album-card__title{font-size:16px;font-weight:700;color:var(--hc-text-strong);margin:0}.hc-album-card__desc{font-size:12.5px;color:var(--hc-text-muted);flex:1}.hc-album-card__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--hc-text-muted)}.hc-album-card__stat{display:inline-flex;align-items:center;gap:5px}.hc-album-card__progress-row{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hc-text-muted)}.hc-album-card__progress-pct{font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--hc-text-muted)}.hc-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:900px){.hc-set-grid{grid-template-columns:1fr}}.hc-set-card{position:relative;background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px}.hc-set-card__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:inline-flex;align-items:center;justify-content:center;color:#92400e}.hc-set-card__badge{position:absolute;top:16px;right:16px}.hc-set-card__title{font-size:18px;font-weight:700;color:var(--hc-text-strong);margin:0}.hc-set-card__meta{font-size:13px;color:var(--hc-text-muted)}.hc-exam-tabbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hc-exam-tab{display:inline-flex;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;border-radius:999px;background:transparent;color:var(--hc-text-muted);border:1px solid transparent;cursor:pointer}.hc-exam-tab.is-active{background:#2563eb;color:#fff}.hc-exam-section-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.hc-exam-section-head h2{font-size:20px;font-weight:700;color:var(--hc-text-strong)}.hc-exam-section-head p{font-size:13px;color:var(--hc-text-muted)}.hc-exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:1100px){.hc-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.hc-exam-grid{grid-template-columns:1fr}}.hc-exam-test-card{background:var(--hc-card-bg);border:1px solid var(--hc-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative}.hc-exam-test-card__title{font-size:17px;font-weight:700;color:var(--hc-text-strong)}.hc-exam-test-card__badges{display:flex;flex-wrap:wrap;gap:8px}.hc-exam-test-card__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--hc-text-muted)}.hc-exam-test-card__stat{display:inline-flex;align-items:center;gap:5px}.hc-exam-test-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--hc-border-soft)}.hc-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.hc-status__dot{width:8px;height:8px;border-radius:999px;background:var(--hc-border-strong)}.hc-status--doing .hc-status__dot{background:var(--hc-warning)}.hc-status--done .hc-status__dot{background:var(--hc-success)}.hc-status--todo .hc-status__dot{background:var(--hc-border-strong)}.hc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:filter .12s ease}.hc-btn:hover{filter:brightness(.95)}.hc-btn--primary{background:var(--hc-brand-primary);color:white}.hc-btn--start{background:linear-gradient(135deg,#10b981,#059669);color:white}.hc-btn--continue{background:linear-gradient(135deg,#fb923c,#f97316);color:white}.hc-btn--ghost{background:white;color:var(--hc-text);border-color:var(--hc-border)}@media (max-width:768px){.hc-shell-aside{position:fixed;top:0;left:0;width:240px;transform:translateX(-100%);transition:transform .18s ease;height:100dvh;box-shadow:0 0 0 1px var(--hc-border)}.hc-shell-aside.is-mobile-open{transform:translateX(0);z-index:50}.hc-shell-content{padding:12px}}