.lhphuc-voca-runtime-shell{--lhpv-game-text:20px;--lhpv-game-input:20px}@media (max-width:640px){.lhphuc-voca-runtime-shell{--lhpv-game-text:15px;--lhpv-game-input:16px}}.lhphuc-voca-runtime-shell :is(.lhphuc-voca__mcq-stem,.lhphuc-voca__mcq-text,.lhphuc-voca__dictation-sentence,.lhphuc-voca__wp-sentence,.lhphuc-voca__wp-text,.lhphuc-voca__wp-blank,.lhp-fmw__sentence,.lhp-fmw__text,.lhp-sp__en-text,.lhp-hiw__sentence,.lhp-ss__sentence,.lhp-sr__block){font-size:var(--lhpv-game-text)!important}.lhphuc-voca-runtime-shell :is(.lhphuc-voca__mcq-stem,.lhphuc-voca__dictation-sentence,.lhphuc-voca__wp-sentence,.lhp-fmw__sentence,.lhp-sp__en-text,.lhp-hiw__sentence,.lhp-ss__sentence) :where(span,b,strong,em,mark,a,label,small,code,button){font-size:inherit!important}.lhphuc-voca-runtime-shell :is(.lhphuc-voca__dictation-input,.lhphuc-voca__dictation-blank,.lhphuc-voca__dw-input,.lhp-fmw__slot){font-size:var(--lhpv-game-input)!important}:is(:where(.lhphuc-voca-theme--pro),.lhphuc-voca[data-theme=pro],.lhphuc-voca-app[data-theme=pro],.lhphuc-voca-theme--pro) .lhp-clean-head h1{font-size:20px;line-height:1.25}:is(:where(.lhphuc-voca-theme--pro),.lhphuc-voca[data-theme=pro],.lhphuc-voca-app[data-theme=pro],.lhphuc-voca-theme--pro) .lhphuc-voca-qe-panel{background:var(--lhphuc-voca-pro-white)}.lhphuc-voca__viewer .lhphuc-voca__wv{font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--lhphuc-voca-pro-white);border:1px solid rgba(226,232,240,.9);border-radius:18px;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.04)}.lhphuc-voca__wv-topbar{height:56px;padding:0 14px;border-bottom:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;gap:12px}.lhphuc-voca__wv-exit{border:0;background:var(--lhphuc-voca-pro-ink);color:var(--lhphuc-voca-pro-white);font-weight:600;padding:10px 16px;border-radius:14px;cursor:pointer}.lhphuc-voca__wv-progress{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px}.lhphuc-voca__wv-progress-text{font-size:12px;font-weight:600;color:var(--lhphuc-voca-pro-muted)}.lhphuc-voca__wv-progress-track{width:100%;height:6px;background:var(--lhphuc-voca-pro-surface-soft);border-radius:999px;overflow:visible;position:relative}.lhphuc-voca__wv-progress-fill{width:0;height:100%;background:#10b981}.lhphuc-voca__wv-body{padding:18px 18px 10px}.lhphuc-voca__wv-title{font-size:40px;line-height:1.05;font-weight:600;color:var(--lhphuc-voca-pro-ink)}.lhphuc-voca__wv-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lhphuc-voca__wv-word{flex:1 1 auto;min-width:0}.lhphuc-voca__status-wrapper--viewer{flex:0 0 auto;align-self:flex-start}.lhphuc-voca__wv-status-trigger{min-height:48px;justify-content:center}.lhphuc-voca__wv-status-popup{right:0;top:calc(100% + 10px)}.lhphuc-voca__status-trigger.st-not-in-fsrs{color:var(--lhphuc-voca-pro-subtle);background:var(--lhphuc-voca-pro-white);border-color:#e5e7eb}.lhphuc-voca__wv-ipa{margin-top:6px;font-size:16px;color:var(--lhphuc-voca-pro-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lhphuc-voca__wv-ipa-row{margin-top:6px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lhphuc-voca__wv-ipa-row .lhphuc-voca__wv-ipa{margin-top:0}.lhphuc-voca__wv-audiorow--inline{margin:0}.lhphuc-voca__wv-audiorow{display:flex;gap:10px;margin:14px 0 16px}.lhphuc-voca__wv-audio{border:1px solid rgba(226,232,240,.9);background:var(--lhphuc-voca-pro-white);padding:8px 14px;gap:8px;cursor:pointer}.lhphuc-voca__wv-audio,.lhphuc-voca__wv-flag{border-radius:999px;display:flex;align-items:center;font-weight:600;color:var(--lhphuc-voca-pro-ink)}.lhphuc-voca__wv-flag{width:34px;height:34px;justify-content:center;font-size:12px;background:var(--lhphuc-voca-pro-surface-soft)}.lhphuc-voca__wv-meaning{font-size:20px;font-weight:600;margin:10px 0 14px;color:var(--lhphuc-voca-pro-ink)}.lhphuc-voca__wv-image{margin:10px 0 16px;border-radius:16px;overflow:hidden;border:1px solid rgba(226,232,240,.9)}.lhphuc-voca__wv-image img{width:100%;height:auto;display:block}.lhphuc-voca__wv-section-title{margin:8px 0 10px;font-size:13px;font-weight:600;color:var(--lhphuc-voca-pro-muted);text-transform:uppercase;letter-spacing:.02em}.lhphuc-voca__wv-example{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.lhphuc-voca__wv-play{width:28px;height:28px;border-radius:8px;border:1px solid rgba(226,232,240,.9);background:var(--lhphuc-voca-pro-white);color:var(--lhphuc-voca-pro-primary);display:flex;align-items:center;justify-content:center}.lhphuc-voca__wv-exen{font-size:15px;color:var(--lhphuc-voca-pro-ink);line-height:1.45}.lhphuc-voca__wv-exvi{margin-top:2px;font-size:13px;color:var(--lhphuc-voca-pro-muted);font-style:italic}.lhphuc-voca__wv-chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.lhphuc-voca__wv-chip{font-size:12px;padding:6px 10px;background:var(--lhphuc-voca-pro-surface-soft);border-radius:8px;color:var(--lhphuc-voca-pro-muted)}.lhphuc-voca__wv-chip b{color:var(--lhphuc-voca-pro-ink)}.lhphuc-voca__wv-footer{border-top:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.98);padding:12px 14px;display:flex;flex-direction:column;gap:12px}.lhphuc-voca__viewer{padding:0}.lhphuc-voca__wv-card{width:100%;max-width:700px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.05);border:1px solid rgba(226,232,240,.9)}.btn-audio-lg,.lhphuc-voca__wv-card{background:var(--lhphuc-voca-pro-white)}.btn-audio-lg{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border-radius:999px;border:1px solid rgba(226,232,240,.9);font-weight:600;font-size:14px;color:var(--lhphuc-voca-pro-ink);cursor:pointer}.btn-audio-lg svg{width:28px;height:28px;border-radius:999px;display:block}.btn-audio-lg:hover{background:var(--lhphuc-voca-pro-surface-soft-2);border-color:var(--lhphuc-voca-pro-border-strong)}.lhphuc-voca__wv-status{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.lhphuc-voca__wv-status::-webkit-scrollbar{display:none}.lhphuc-voca__wv-status .status-chip{flex:0 0 auto}.lhphuc-voca__wv-actions{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center}.lhphuc-voca__wv-nav{height:44px;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:var(--lhphuc-voca-pro-white);color:var(--lhphuc-voca-pro-ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.lhphuc-voca__wv-practice{height:44px;border-radius:12px;border:none;background:var(--lhphuc-voca-pro-primary);color:var(--lhphuc-voca-pro-white);font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(59,130,246,.28)}@media (max-width:768px){.lhphuc-voca__viewer .lhphuc-voca__wv{border-radius:14px}.lhphuc-voca__wv-headline{flex-direction:column;align-items:stretch}.lhphuc-voca__status-wrapper--viewer{align-self:flex-end}.lhphuc-voca__wv-status-popup{right:0;width:min(240px,calc(100vw - 32px))}.lhphuc-voca__wv-title{font-size:34px}}#lhphuc-voca-dashboard-root[data-theme=pro] .lhphuc-voca-dashboard-content{padding-bottom:32px}.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content{box-sizing:border-box;padding-left:clamp(16px,2vw,32px);padding-right:clamp(16px,2vw,32px)}@media (max-width:680px){.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content,.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content>.px-3{padding-left:0;padding-right:0}}@media (max-width:680px){.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content:has(.hapio-lhp-wv){padding-left:0;padding-right:0;overflow-x:clip}.hapio-album-experience:has(.hapio-lhp-wv){padding-left:0;padding-right:0;overflow-x:clip}}.lhphuc-voca-dashboard-nav-item.is-active,.lhphuc-voca-dashboard-nav-item:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 16%,transparent),color-mix(in srgb,var(--lhp-pink) 12%,transparent))}.lhphuc-voca-dashboard-nav-item.is-active .lhphuc-voca-dashboard-nav-icon,.lhphuc-voca-dashboard-nav-item.is-active .lhphuc-voca-dashboard-nav-label{color:var(--lhp-text)}.lhphuc-voca-dashboard-user__meta{min-width:0}.lhphuc-voca-dashboard-user__meta span,.lhphuc-voca-dashboard-user__meta strong{display:block}.lhphuc-voca-dashboard-user__meta span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lhp-text-subtle);font-weight:700}.lhphuc-voca-dashboard-user__meta strong{margin-top:3px;color:var(--lhp-text);font-size:14px}.lhphuc-voca-dashboard-authlink,.lhphuc-voca-dashboard-user__logout{border:0;background:color-mix(in srgb,var(--lhp-text) 4%,transparent);color:var(--lhp-text-strong);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}.lhphuc-voca-dashboard-authlinks{display:flex;align-items:center;gap:10px}.lhphuc-voca-dashboard-authlink--primary{background:var(--lhp-gradient-route-primary-cta);color:var(--lhp-text-inverse)}.lhphuc-voca-dashboard-overview-grid{display:grid;gap:24px}@media (min-width:1200px){.lhphuc-voca-dashboard-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start}}.lhphuc-voca-dashboard-panel{background:var(--lhp-surface);border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);border-radius:28px;padding:24px;box-shadow:0 24px 50px color-mix(in srgb,var(--lhp-text) 8%,transparent)}.lhphuc-voca-dashboard-panel__eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-dashboard-panel__title{margin:10px 0 0;font-size:28px;line-height:1.15;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-dashboard-panel__desc{margin-top:12px;color:var(--lhp-text-muted);line-height:1.8}.lhphuc-voca-dashboard-pillrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.lhphuc-voca-dashboard-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--lhp-surface-muted);color:var(--lhp-text-strong);font-size:13px;font-weight:700}.lhphuc-voca-dashboard-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.lhphuc-voca-dashboard-sectionhead h2{margin:0;font-size:24px;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-dashboard-sectionhead p{margin:0;color:var(--lhp-text-muted);line-height:1.7}.lhphuc-voca-dashboard-actions{display:flex;flex-wrap:wrap;gap:12px}.lhphuc-voca-dashboard-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:12px 18px;font-size:14px;font-weight:700;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 24%,transparent);background:var(--lhp-surface);color:var(--lhp-text-strong)}.lhphuc-voca-dashboard-cta-btn--primary{background:var(--lhp-gradient-route-dark-cta);color:var(--lhp-text-inverse);border-color:transparent}.lhphuc-voca-dashboard-cta-btn--soft{background:var(--lhp-gradient-route-soft-cta);border-color:color-mix(in srgb,var(--lhp-info) 18%,transparent)}.lhphuc-voca-wordgrid{display:grid;gap:16px}@media (min-width:1024px){.lhphuc-voca-wordgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lhphuc-voca-wordcard{border-radius:24px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-gradient-route-card);padding:20px;box-shadow:0 18px 40px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-wordcard__top{display:flex;flex-wrap:wrap;gap:8px}.lhphuc-voca-wordcard__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lhphuc-voca-wordcard__badge--slate{background:var(--lhp-indigo-soft);color:var(--lhp-text-soft)}.lhphuc-voca-wordcard__badge--blue{background:var(--lhp-cyan-soft);color:var(--lhp-color-sky-700)}.lhphuc-voca-wordcard__badge--green{background:var(--lhp-success-soft);color:var(--lhp-success-deep)}.lhphuc-voca-wordcard h3{margin:16px 0 0;font-size:28px;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-wordcard__ipa{margin-top:6px;color:var(--lhp-text-subtle);font-weight:700}.lhphuc-voca-wordcard__meaning{margin-top:14px;color:var(--lhp-text-strong);font-weight:600;line-height:1.8}.lhphuc-voca-wordcard__sub{margin-top:6px;color:var(--lhp-text-muted);line-height:1.7}.lhphuc-voca-wordcard__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lhphuc-voca-wordcard__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--lhp-surface-muted);color:var(--lhp-text-soft);font-size:12px;font-weight:700}.lhphuc-voca-activity-stack{display:grid;gap:14px}.lhphuc-voca-activity-stack__item{border-radius:20px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-surface);padding:18px}.lhphuc-voca-activity-stack__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.lhphuc-voca-activity-stack__type{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lhphuc-voca-pagehero{display:grid;gap:24px;padding:28px;border-radius:32px;border:1px solid color-mix(in srgb,var(--lhp-accent-border) 65%,transparent);background:var(--lhp-gradient-route-pagehero);box-shadow:0 28px 60px color-mix(in srgb,var(--lhp-text) 8%,transparent)}@media (min-width:1200px){.lhphuc-voca-pagehero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center}}.lhphuc-voca-pagehero__eyebrow{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--lhp-text-muted)}.lhphuc-voca-pagehero__title{margin:10px 0 0;font-size:clamp(30px,5vw,42px);line-height:1.02;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-pagehero__desc{margin:14px 0 0;max-width:760px;color:var(--lhp-text-soft);line-height:1.85}.lhphuc-voca-pagehero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lhphuc-voca-pagehero__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--lhp-surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 16%,transparent);color:var(--lhp-text-strong);font-size:12px;font-weight:700}.lhphuc-voca-pagehero__aside{align-self:stretch}.lhphuc-voca-student-rail{height:100%;border-radius:28px;padding:20px;background:var(--lhp-gradient-route-rail);color:var(--lhp-border);box-shadow:inset 0 0 0 1px var(--lhp-route-rail-item-bg)}.lhphuc-voca-student-rail__head p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--lhp-route-rail-subtle)}.lhphuc-voca-student-rail__head strong{display:block;margin-top:10px;font-size:22px;line-height:1.2;color:var(--lhp-text-inverse)}.lhphuc-voca-student-rail__list{display:grid;gap:12px;margin-top:18px}.lhphuc-voca-student-rail__item{border-radius:22px;padding:16px;background:var(--lhp-route-rail-item-bg);border:1px solid var(--lhp-route-rail-item-bg)}.lhphuc-voca-student-rail__item span{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-route-rail-muted)}.lhphuc-voca-student-rail__item strong{display:block;margin-top:10px;font-size:24px;line-height:1;color:var(--lhp-text-inverse)}.lhphuc-voca-student-rail__item.tone-blue{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 22%,transparent),color-mix(in srgb,var(--lhp-info) 10%,transparent))}.lhphuc-voca-student-rail__item.tone-green{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-success) 22%,transparent),color-mix(in srgb,var(--lhp-success) 8%,transparent))}.lhphuc-voca-student-rail__item.tone-orange{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-orange) 22%,transparent),color-mix(in srgb,var(--lhp-warning-bright) 8%,transparent))}.lhphuc-voca-student-rail__item.tone-pink{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-pink) 22%,transparent),color-mix(in srgb,var(--lhp-pink) 8%,transparent))}.lhphuc-voca-course-days{display:grid;gap:18px}.lhphuc-voca-course-day{border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-gradient-route-card);padding:24px;box-shadow:0 18px 44px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-course-day__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-course-day__title{margin:8px 0 0;font-size:26px;line-height:1.15;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-course-day__summary{margin:10px 0 0;color:var(--lhp-text-muted);line-height:1.8}.lhphuc-voca-course-grid{display:grid;gap:14px;margin-top:18px}@media (min-width:1024px){.lhphuc-voca-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lhphuc-voca-course-item{border-radius:24px;padding:18px;background:var(--lhp-surface);border:1px solid color-mix(in srgb,var(--lhp-border) 86%,transparent);box-shadow:0 14px 28px color-mix(in srgb,var(--lhp-text) 5%,transparent);transition:transform .18s ease,box-shadow .18s ease}.lhphuc-voca-course-item:hover{transform:translateY(-2px);box-shadow:0 20px 38px color-mix(in srgb,var(--lhp-text) 9%,transparent)}.lhphuc-voca-course-item__type{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--lhp-info) 10%,transparent);color:var(--lhp-accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lhphuc-voca-course-item h3{margin:14px 0 0;font-size:20px;line-height:1.2;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-course-item p{margin:10px 0 0;color:var(--lhp-text-muted);line-height:1.8}.lhphuc-voca-course-item__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--lhp-text-subtle);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lhphuc-voca-lesson-prose{background:var(--lhp-gradient-soft-surface);box-shadow:0 20px 44px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-lesson-prose pre{font:inherit}.lhphuc-voca-tablewrap{overflow-x:auto;border-radius:24px;border:1px solid color-mix(in srgb,var(--lhp-border) 86%,transparent);background:var(--lhp-surface)}.lhphuc-voca-table{min-width:100%;border-collapse:collapse}.lhphuc-voca-table td,.lhphuc-voca-table th{padding:14px 16px;text-align:left}.lhphuc-voca-table thead th{border-bottom:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);color:var(--lhp-text-subtle);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lhphuc-voca-table tbody td{border-bottom:1px solid color-mix(in srgb,var(--lhp-surface-soft) 96%,transparent);color:var(--lhp-text-soft)}.lhphuc-voca-table tbody tr:last-child td{border-bottom:0}.lhphuc-voca-review-stage{display:grid;gap:20px}@media (min-width:1280px){.lhphuc-voca-review-stage{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}}.lhphuc-voca-studentdock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px;padding:16px 18px;border-radius:26px;border:1px solid color-mix(in srgb,var(--lhp-border) 95%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 96%,transparent));box-shadow:0 18px 40px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-studentdock__intro{display:flex;flex-direction:column;gap:4px}.lhphuc-voca-studentdock__eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-studentdock__title{font-size:18px;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-studentdock__list{display:flex;flex-wrap:wrap;gap:10px}.lhphuc-voca-studentdock__item{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--lhp-border) 95%,transparent);background:var(--lhp-surface);color:var(--lhp-text-soft);font-size:13px;font-weight:700}.lhphuc-voca-studentdock__item.is-active{border-color:color-mix(in srgb,var(--lhp-info) 25%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 16%,transparent),color-mix(in srgb,var(--lhp-pink) 10%,transparent));color:var(--lhp-text)}.lhphuc-voca-pagehero__breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.lhphuc-voca-pagehero__crumb{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--lhp-text-muted)}.lhphuc-voca-pagehero__crumb i{font-size:10px;color:var(--lhp-border-strong)}.lhphuc-voca-dashboard-bottombar{display:none;box-sizing:border-box;max-width:100vw}.lhphuc-voca-dashboard-bottombar.is-album-dock{display:flex}.lhphuc-voca-dashboard-bottombar[data-role=bottombar]{width:100%;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--lhp-border,#e2e8f0) 88%,transparent);box-shadow:0 -18px 42px color-mix(in srgb,var(--lhp-text,#0f172a) 8%,transparent);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.lhphuc-voca-dashboard-bottombar__item{min-width:0;min-height:54px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;color:var(--lhp-text-soft,#64748b);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.lhphuc-voca-dashboard-bottombar__item.is-active,.lhphuc-voca-dashboard-bottombar__item:focus-visible,.lhphuc-voca-dashboard-bottombar__item:hover{background:color-mix(in srgb,var(--lhp-info,#2563eb) 12%,transparent);color:var(--lhp-text,#0f172a);outline:0}.lhphuc-voca-dashboard-bottombar__item.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lhp-info,#2563eb) 22%,transparent)}.lhphuc-voca-dashboard-bottombar__icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.lhphuc-voca-dashboard-bottombar__icon i,.lhphuc-voca-dashboard-bottombar__icon svg{width:20px;height:20px;font-size:20px;line-height:1;display:block}.lhphuc-voca-dashboard-bottombar__label{width:147%;max-width:none;min-width:0;color:inherit;font-size:16px;font-weight:700;line-height:1;letter-spacing:0;text-align:center;overflow:hidden;overflow-wrap:anywhere;white-space:nowrap;text-overflow:ellipsis;transform:scale(.68);transform-origin:top center}.lhphuc-voca__bottombar--dashboard-proxy{width:100%}.lhphuc-voca__bottombar-nav--dashboard-proxy{display:flex;align-items:center;gap:8px;width:100%}.lhphuc-voca__navbtn{display:inline-flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lhp-border) 95%,transparent);background:color-mix(in srgb,var(--lhp-surface) 98%,transparent);color:var(--lhp-text-soft);font-size:11px;font-weight:700}.lhphuc-voca__navbtn i{font-size:16px}.lhphuc-voca__navbtn.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 18%,transparent),color-mix(in srgb,var(--lhp-pink) 10%,transparent));color:var(--lhp-text)}@media (max-width:1023px){#lhphuc-voca-dashboard-root[data-theme=pro] .lhphuc-voca-dashboard-content{padding-bottom:96px}.lhphuc-voca-studentdock{margin-bottom:18px;padding:14px}.lhphuc-voca-studentdock__intro{width:100%}.lhphuc-voca-studentdock__list{flex-wrap:nowrap;overflow:auto;width:calc(100% + 4px);padding-bottom:4px}.lhphuc-voca-dashboard-bottombar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--lhp-surface-muted) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.lhphuc-voca-dashboard-bottombar[data-role=bottombar]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;min-height:calc(74px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1024px){.lhphuc-voca-dashboard-bottombar{display:none!important}.lhphuc-voca-dashboard-bottombar.is-album-dock{display:flex!important}}.lhphuc-voca-dashboard-contentgrid{display:block;min-width:0;max-width:100%}.lhphuc-voca-dashboard-contentmain{min-width:0;max-width:100%}@media (max-width:900px){#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard,.lhphuc-voca-dashboard-content,.lhphuc-voca-dashboard-contentgrid,.lhphuc-voca-dashboard-contentmain,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-shell{width:100%;max-width:100vw;min-width:0;box-sizing:border-box}.lhphuc-voca-dashboard-shell,.lhphuc-voca-dashboard-shell.has-course,.lhphuc-voca-dashboard-shell.has-course.course-closed,.lhphuc-voca-dashboard-shell.has-course.course-open,.lhphuc-voca-dashboard-shell.is-collapsed,.lhphuc-voca-dashboard-shell.is-collapsed.has-course.course-open{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.lhphuc-voca-dashboard-coursebar,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-overlay,.lhphuc-voca-dashboard-sidebar{grid-column:1;grid-row:1}#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-shell{overflow-x:hidden}}@media (min-width:1400px){.lhphuc-voca-dashboard-contentgrid.is-student{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}}.lhphuc-voca-workspacerail{display:none}@media (min-width:1400px){.lhphuc-voca-workspacerail{display:flex;flex-direction:column;gap:20px;position:sticky;top:104px}}.lhphuc-voca-workspacerail__panel{border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);background:var(--lhp-surface);padding:22px;box-shadow:0 22px 44px color-mix(in srgb,var(--lhp-text) 8%,transparent)}.lhphuc-voca-workspacerail__panel--hero{background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-info-soft) 90%,transparent))}.lhphuc-voca-workspacerail__panel--soft{background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-pink-soft) 88%,transparent))}.lhphuc-voca-workspacerail__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-workspacerail__panel h3,.lhphuc-voca-workspacerail__panel h4{margin:8px 0 0;color:var(--lhp-text);font-weight:700}.lhphuc-voca-workspacerail__panel h3{font-size:28px;line-height:1.1}.lhphuc-voca-workspacerail__panel h4{font-size:20px;line-height:1.2}.lhphuc-voca-workspacerail__desc{margin:12px 0 0;color:var(--lhp-text-muted);line-height:1.8;font-size:14px}.lhphuc-voca-workspacerail__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.lhphuc-voca-workspacerail__chips span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,var(--lhp-surface-muted) 95%,transparent);color:var(--lhp-text-strong);font-size:12px;font-weight:700}.lhphuc-voca-workspacerail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.lhphuc-voca-workspacerail__quickgrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.lhphuc-voca-workspacerail__quick{display:flex;flex-direction:column;gap:10px;min-height:96px;border-radius:22px;padding:16px;color:var(--lhp-text);font-size:13px;font-weight:700;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent)}.lhphuc-voca-workspacerail__quick i{font-size:18px}.lhphuc-voca-workspacerail__quick--blue{background:var(--lhp-gradient-route-blue)}.lhphuc-voca-workspacerail__quick--orange{background:var(--lhp-gradient-route-orange)}.lhphuc-voca-workspacerail__quick--green{background:var(--lhp-gradient-route-green)}.lhphuc-voca-workspacerail__quick--pink{background:var(--lhp-gradient-route-pink)}.lhphuc-voca-workspacerail__stack{display:grid;gap:12px}.lhphuc-voca-workspacerail__mini{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--lhp-border) 88%,transparent)}.lhphuc-voca-workspacerail__mini p,.lhphuc-voca-workspacerail__mini span{margin:0}.lhphuc-voca-workspacerail__mini p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--lhp-text-subtle)}.lhphuc-voca-workspacerail__mini strong{display:block;margin-top:6px;font-size:18px;line-height:1.2;color:var(--lhp-text)}.lhphuc-voca-workspacerail__mini span{font-size:12px;font-weight:700;color:var(--lhp-text-muted)}.lhphuc-voca-workspacerail__mini--blue{background:color-mix(in srgb,var(--lhp-info-soft) 90%,transparent)}.lhphuc-voca-workspacerail__mini--orange{background:color-mix(in srgb,var(--lhp-color-orange-50) 90%,transparent)}.lhphuc-voca-workspacerail__mini--green{background:color-mix(in srgb,var(--lhp-success-soft) 90%,transparent)}.lhphuc-voca-workspacerail__mini--pink{background:color-mix(in srgb,var(--lhp-pink-soft) 92%,transparent)}.lhphuc-voca-workspacerail__list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.lhphuc-voca-workspacerail__list li{display:flex;align-items:flex-start;gap:10px;color:var(--lhp-text-soft);line-height:1.8;font-size:14px}.lhphuc-voca-workspacerail__list i{margin-top:6px;color:var(--lhp-success)}.lhphuc-voca-lesson-prose{border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);background:var(--lhp-gradient-route-muted-card);padding:28px;box-shadow:0 20px 44px color-mix(in srgb,var(--lhp-text) 7%,transparent)}.lhphuc-voca-lesson-prose pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--lhp-text-strong);line-height:1.95;background:transparent}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-main{min-width:0}.lhphuc-voca-dashboard-coursebar{min-width:300px;max-width:320px}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__open{text-decoration:none}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__completed{color:var(--lhp-text-soft)}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__completed.is-done{color:var(--lhp-text-inverse)}@media (max-width:900px){.lhphuc-voca-dashboard-shell.has-course{grid-template-columns:minmax(0,1fr)}}.lhphuc-voca-contextstrip{display:grid;gap:16px;margin-bottom:20px}@media (min-width:1080px){.lhphuc-voca-contextstrip{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:stretch}}.lhphuc-voca-contextstrip__main,.lhphuc-voca-contextstrip__stats{border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 16%,transparent);border-radius:28px;background:var(--lhp-gradient-route-context);box-shadow:0 18px 40px color-mix(in srgb,var(--lhp-text) 7%,transparent)}.lhphuc-voca-contextstrip__main{padding:20px 22px}.lhphuc-voca-contextstrip__eyebrow{margin:0 0 8px;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lhp-orange)}.lhphuc-voca-contextstrip__main h3{margin:0;font-size:28px;line-height:1.12;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-contextstrip__main p{margin:10px 0 0;color:var(--lhp-text-muted);line-height:1.7}.lhphuc-voca-contextstrip__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lhphuc-voca-contextstrip__action{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 22%,transparent);background:color-mix(in srgb,var(--lhp-surface) 90%,transparent);color:var(--lhp-text-strong);font-weight:700;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lhphuc-voca-contextstrip__action.is-active,.lhphuc-voca-contextstrip__action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--lhp-info) 42%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--lhp-info) 14%,transparent)}.lhphuc-voca-contextstrip__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.lhphuc-voca-contextstrip__stat{padding:14px 14px 16px;border-radius:22px}.lhphuc-voca-contextstrip__stat span{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lhp-text-muted)}.lhphuc-voca-contextstrip__stat strong{display:block;margin-top:10px;font-size:20px;line-height:1.1;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-contextstrip__stat--blue{background:var(--lhp-gradient-route-blue)}.lhphuc-voca-contextstrip__stat--orange{background:var(--lhp-gradient-route-orange)}.lhphuc-voca-contextstrip__stat--green{background:var(--lhp-gradient-route-green)}.lhphuc-voca-course-nav__quickchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.lhphuc-voca-course-nav__quickchip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;text-decoration:none;background:color-mix(in srgb,var(--lhp-surface-muted) 95%,transparent);border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 20%,transparent);color:var(--lhp-text-strong);font-weight:700}.lhphuc-voca-course-nav__quickchip.is-active{background:color-mix(in srgb,var(--lhp-info-soft) 98%,transparent);border-color:color-mix(in srgb,var(--lhp-info) 32%,transparent);color:var(--lhp-text)}.lhphuc-voca-lesson-prose{display:grid;gap:18px}.lhphuc-voca-lesson-prose__section{padding:24px 24px 2px;border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 16%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 97%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 96%,transparent));box-shadow:0 18px 40px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-lesson-prose__section p{margin:0 0 22px;font-size:16px;line-height:1.9;color:var(--lhp-text-strong)}@media (max-width:960px){.lhphuc-voca-contextstrip__stats{grid-template-columns:1fr}}.lhphuc-voca-dashboard-contexttoggle{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 22%,transparent);background:color-mix(in srgb,var(--lhp-surface) 90%,transparent);color:var(--lhp-text-strong);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-dashboard-contexttoggle.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 14%,transparent),color-mix(in srgb,var(--lhp-pink) 8%,transparent));border-color:color-mix(in srgb,var(--lhp-info) 18%,transparent)}.lhphuc-voca-dashboard-utilitybar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 0;flex-wrap:wrap}.lhphuc-voca-dashboard-utilitybar__actions,.lhphuc-voca-dashboard-utilitybar__context{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lhphuc-voca-dashboard-utilitybar__link,.lhphuc-voca-dashboard-utilitybar__pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--lhp-surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 18%,transparent);color:var(--lhp-text-strong);font-size:12px;font-weight:700}.lhphuc-voca-dashboard-utilitybar__pill{box-shadow:0 12px 28px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-dashboard-utilitybar__link:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 14%,transparent),color-mix(in srgb,var(--lhp-orange) 8%,transparent))}.lhphuc-voca-workspacerail__routegrid{display:grid;gap:12px}.lhphuc-voca-workspacerail__routecard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-gradient-route-card);color:var(--lhp-text);font-weight:700;box-shadow:0 14px 30px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-workspacerail__routecard i{color:var(--lhp-text-muted)}.lhphuc-voca__review-progressWrap{width:min(100%,600px);margin:0 auto}.lhphuc-voca__review-progressBar{height:6px;border-radius:999px;background:var(--lhp-border);overflow:hidden}.lhphuc-voca__review-progressFill{height:100%;border-radius:999px;background:var(--lhp-gradient-review-progress);transition:width .3s ease}.lhphuc-voca__review-word--large{font-size:2.75rem!important}@media (min-width:768px){.lhphuc-voca__review-word--large{font-size:3.3rem!important}}.lhphuc-voca__review-definition--large{font-size:1.25rem!important}@media (min-width:768px){.lhphuc-voca__review-definition--large{font-size:1.5rem!important}}.lhphuc-voca__review-quickBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--lhp-border);background:var(--lhp-surface-muted);color:var(--lhp-text-muted);cursor:pointer;transition:all .15s ease;font-size:14px}.lhphuc-voca__review-quickBtn:hover{background:var(--lhp-border);color:var(--lhp-text)}: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}}