.hc-overview-prod{width:min(100%,1160px);min-width:0;max-width:100%;margin:0 auto;display:grid;gap:18px;box-sizing:border-box}.hc-overview-prod a{text-decoration:none}.lhp-report-fab.error-icon-shake.is-left-float{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;inset:auto auto calc(18px + env(safe-area-inset-bottom)) 18px!important}.lhp-report-fab.error-icon-shake.is-left-float svg{width:14px!important;height:14px!important}.lhp-report-modal-overlay:not(.is-open),.lhphuc-voca-badge-modal-overlay:not(.is-open){pointer-events:none!important;visibility:hidden!important}.hc-overview-prod .hapio-sw-recent,.lhp-continue-learning,.mm-et,.ph-panel{border:1px solid #e5e7eb;background:#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 24px rgba(15,23,42,.04)}.lhp-continue-learning{border-radius:18px;padding:18px;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:hidden}.lhp-continue-learning [data-hc-card=onboarding-entry-test]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.lhp-continue-learning [data-hc-card=onboarding-entry-test]>div,.lhp-continue-learning [data-hc-card=onboarding-entry-test]>div>div{min-width:0}.lhp-continue-learning [data-hc-card=onboarding-entry-test] h3,.lhp-continue-learning [data-hc-card=onboarding-entry-test] p{max-width:100%;overflow-wrap:anywhere}.hapio-sw-recent__head,.mm-et-head,.mm-rh-head,.ph-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.hapio-sw-recent__head h2,.mm-et-title,.mm-rh-title,.ph-panel-head h2{margin:0;color:#0f172a;font-size:18px;font-weight:700;letter-spacing:0}.hapio-sw-recent__head p,.mm-et-sub,.mm-rh-sub,.ph-panel-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:600}.lhp-continue-learning__card{margin-top:14px;min-height:92px;display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;border-radius:16px;padding:16px;color:#0f172a;background:linear-gradient(135deg,#fff7ed,#ffffff 54%,#eff6ff);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.lhp-continue-learning__card:hover{transform:translateY(-1px);border-color:#fdba74;box-shadow:0 12px 28px rgba(249,115,22,.13)}.lhp-continue-learning__icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#f97316;color:#ffffff}.lhp-continue-learning__body{min-width:0;flex:1;display:grid;gap:3px}.lhp-continue-learning__label{color:#f97316;font-size:11px;font-weight:700;text-transform:uppercase}.lhp-continue-learning .item-title{color:#0f172a;font-size:18px;font-weight:700;line-height:1.2}.lhp-continue-learning__subline{color:#64748b;font-size:13px;font-weight:600}.hapio-sw-recent__all,.lhp-continue-learning__cta,.ph-panel-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid #fed7aa;background:#fff7ed;color:#ea580c;padding:9px 13px;font-size:13px;font-weight:700;white-space:nowrap}.mm-et{border-radius:20px;padding:20px}.mm-et-progress{display:grid;gap:2px;min-width:120px;border-radius:14px;background:#ecfeff;color:#0e7490;padding:10px 14px;text-align:right}.mm-et-progress span{font-size:11px;font-weight:700;text-transform:uppercase}.mm-et-progress strong{font-size:20px;font-weight:700}.mm-et-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:14px;margin-top:16px}.mm-et-card{display:block;border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#f8fafc;color:#0f172a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mm-et-card:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 14px 30px rgba(37,99,235,.12)}.mm-et-card.is-done{background:linear-gradient(180deg,#f0fdf4,#ffffff);border-color:#bbf7d0}.mm-et-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-size:12px;font-weight:700}.mm-et-card-top em{border-radius:999px;background:#dcfce7;color:#15803d;font-style:normal;padding:4px 9px}.mm-et-name{margin:12px 0 14px;color:#0f172a;font-size:16px;font-weight:700}.mm-et-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-et-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:14px;background:#ffffff;color:#334155;padding:11px 12px;font-size:13px;font-weight:700}.mm-et-row strong{color:#2563eb;font-size:18px}.mm-et-row.is-done strong{color:#16a34a}.mm-et-history,.mm-et-total{margin-top:13px;color:#475569;font-size:13px;font-weight:700}.mm-et-scoreline{display:flex;align-items:baseline;gap:8px}.mm-et-scoreline strong{color:#2563eb;font-size:34px;line-height:1}.mm-et-scoreline span,.mm-et-split{color:#64748b;font-size:13px;font-weight:700}.mm-et-split{display:flex;gap:14px;margin-top:12px}.mm-et-split strong{color:#0f172a}.hc-overview-prod .hapio-sw-recent{border-radius:20px;padding:18px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:transparent;color:#ffffff}.hapio-sw-recent__head h2,.hapio-sw-recent__head p{color:#ffffff}.hapio-sw-recent__head p{color:#fdba74;text-transform:uppercase;letter-spacing:.04em}.hapio-sw-recent__all{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#ffffff}.hapio-sw-recent__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.hapio-sw-recent__card{min-height:116px;display:grid;align-content:start;gap:7px;border-radius:16px;color:#ffffff;padding:13px;overflow:hidden}.hapio-sw-recent__card.is-tone-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}.hapio-sw-recent__card.is-tone-blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.hapio-sw-recent__card.is-tone-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.hapio-sw-recent__card span{font-size:10px;font-weight:700;text-transform:uppercase;opacity:.86}.hapio-sw-recent__card strong{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase}.hapio-sw-recent__card em{display:-webkit-box;color:#ffffff;font-size:13px;font-style:normal;font-weight:700;line-height:1.25;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ph-panel{border-radius:20px;padding:18px}.ph-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ph-tab{border:1px solid #e5e7eb;border-radius:999px;background:#ffffff;color:#64748b;padding:9px 14px;font-size:13px;font-weight:700}.ph-tab.is-active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ph-test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.ph-test-card{border:1px solid #e2e8f0;border-radius:18px;background:#ffffff;padding:15px;min-height:178px;display:flex;flex-direction:column;gap:10px}.ph-test-card__eyebrow{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.ph-test-card__title{margin:0;color:#0f172a;font-size:15px;font-weight:700;line-height:1.25}.ph-test-card__metrics{display:flex;flex-wrap:wrap;gap:8px;color:#475569;font-size:12px;font-weight:700}.ph-test-card__footer span,.ph-test-card__metrics span{display:inline-flex;align-items:center;gap:5px}.ph-test-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.ph-test-card__footer>span{color:#64748b;font-size:12px;font-weight:700}.ph-test-card__footer>span.is-doing{color:#f97316}.ph-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:700;white-space:nowrap}.ph-btn--card-primary{background:#2563eb;color:#ffffff}.ph-btn--card-secondary{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}@media (max-width:1100px){.hapio-sw-recent__grid,.ph-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hc-overview-prod{gap:14px;width:100%;max-width:100%;overflow-x:hidden}.hapio-sw-recent__head,.lhp-continue-learning__card,.mm-et-head,.mm-rh-head,.ph-panel-head{align-items:flex-start;flex-direction:column}.lhp-continue-learning{padding:14px}.lhp-continue-learning [data-hc-card=onboarding-entry-test]{padding:16px}.lhp-continue-learning [data-hc-card=onboarding-entry-test]>div{gap:12px}.lhp-continue-learning__card.resume-widget .lhp-continue-learning__content{padding-right:0}.hapio-sw-recent__all,.lhp-continue-learning__cta,.ph-panel-link{width:100%}.hapio-sw-recent__grid,.mm-et-grid,.mm-et-rows,.ph-test-grid{grid-template-columns:1fr}.mm-et-progress{width:100%;text-align:left}}.hapio-ee-panel{border:1px solid #e5e7eb;background:#ffffff;border-radius:18px;padding:18px;margin:0 0 18px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 24px rgba(15,23,42,.04);min-width:0;max-width:100%;overflow-x:hidden;font-family:var(--lhphuc-voca-font,"Be Vietnam Pro",system-ui,-apple-system,sans-serif);color:#0a0f1d}.hapio-ee-panel,.hapio-ee-panel *,.hapio-ee-panel :after,.hapio-ee-panel :before{box-sizing:border-box}.hapio-ee-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.hapio-ee-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#ec4899);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 6px 14px -4px rgba(124,58,237,.4)}.hapio-ee-headtext{min-width:min(100%,160px);flex:1 1 auto}.hapio-ee-title{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.3px;margin:0;color:#0a0f1d}.hapio-ee-sub{color:#64748b;font-size:12.5px;font-weight:500;margin:2px 0 0;line-height:1.4}.hapio-ee-progress{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#fafbfd;padding:8px 14px;border-radius:999px;border:1px solid #e8edf4;font-size:12.5px;font-weight:600;color:#475569;white-space:nowrap;flex:0 0 auto}.hapio-ee-progress-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.hapio-ee-progress.is-partial .hapio-ee-progress-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.hapio-ee-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hapio-ee-grid.is-solo{grid-template-columns:1fr;max-width:460px}@media (max-width:720px){.hapio-ee-grid{grid-template-columns:1fr}}.hapio-ee-card{position:relative;border-radius:18px;padding:20px 22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;min-height:210px;cursor:pointer;border:1.5px solid transparent}.hapio-ee-card,.hapio-ee-card *,.hapio-ee-card:focus,.hapio-ee-card:hover,.hapio-ee-card:visited{text-decoration:none;color:inherit}.hapio-ee-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -14px rgba(15,23,42,.18)}.hapio-ee-card.is-rl:hover{border-color:rgba(124,58,237,.28)}.hapio-ee-card.is-sw:hover{border-color:rgba(236,72,153,.28)}.hapio-ee-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.hapio-ee-card.is-rl:before{background:linear-gradient(180deg,#7c3aed,#5b21b6)}.hapio-ee-card.is-sw:before{background:linear-gradient(180deg,#ec4899,#9d174d)}.hapio-ee-card-row{display:flex;align-items:center;gap:6px;margin-bottom:14px;flex-wrap:nowrap;min-width:0}.hapio-ee-skill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hapio-ee-skill.is-rl{background:rgba(124,58,237,.12);color:#5b21b6}.hapio-ee-skill.is-sw{background:rgba(236,72,153,.12);color:#9d174d}.hapio-ee-status{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:600;line-height:1.4;white-space:nowrap;flex:0 0 auto}.hapio-ee-status.is-done{background:rgba(16,185,129,.1);color:#047857}.hapio-ee-status.is-todo{background:#fafbfd;color:#64748b;border:1px solid #e8edf4}.hapio-ee-name{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.4px;margin:0 0 6px;color:#0a0f1d}.hapio-ee-card.is-done{background:radial-gradient(circle at 100% 0,rgba(16,185,129,.08) 0,transparent 60%),#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -8px rgba(15,23,42,.08)}.hapio-ee-hero{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding:14px 16px 12px;background:rgba(15,23,42,.02);border-radius:14px;border:1px solid rgba(15,23,42,.04)}.hapio-ee-hero-total{display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center}.hapio-ee-hero-num{font-size:52px;font-weight:700;line-height:1;letter-spacing:-2px;background:linear-gradient(135deg,#0a0f1d,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hapio-ee-hero-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin-top:10px}.hapio-ee-hero-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px dashed #e8edf4;padding-top:12px}.hapio-ee-hero-part{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hapio-ee-hero-part-lbl{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hapio-ee-hero-part-val{font-size:18px;font-weight:700;line-height:1;color:#0a0f1d;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.hapio-ee-hero-bar{height:3px;background:rgba(15,23,42,.06);border-radius:999px;overflow:hidden;margin-top:5px}.hapio-ee-hero-bar-fill{display:block;height:100%;border-radius:999px}.hapio-ee-card.is-rl .hapio-ee-hero-bar-fill{background:linear-gradient(90deg,#7c3aed,#5b21b6)}.hapio-ee-card.is-sw .hapio-ee-hero-bar-fill{background:linear-gradient(90deg,#ec4899,#9d174d)}.hapio-ee-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px dashed #e8edf4;font-size:12.5px;color:#64748b}.hapio-ee-foot-date{display:inline-flex;align-items:center;gap:6px;font-weight:500}.hapio-ee-foot-cta{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#64748b;transition:color .2s ease,gap .2s ease}.hapio-ee-card.is-rl:hover .hapio-ee-foot-cta{color:#5b21b6;gap:8px}.hapio-ee-card.is-sw:hover .hapio-ee-foot-cta{color:#9d174d;gap:8px}.hapio-ee-card.is-todo{background:#ffffff;border:1px solid #e8edf4;box-shadow:0 1px 2px rgba(15,23,42,.03)}.hapio-ee-card.is-todo.is-rl{background:linear-gradient(180deg,#ffffff 60%,rgba(124,58,237,.1))}.hapio-ee-card.is-todo.is-sw{background:linear-gradient(180deg,#ffffff 60%,rgba(236,72,153,.1))}.hapio-ee-todo-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:4px 0 0}.hapio-ee-todo-headline{font-size:14px;font-weight:500;line-height:1.5;color:#475569;max-width:320px;margin:0}.hapio-ee-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;border:0;cursor:pointer;color:#ffffff;white-space:nowrap;margin-top:auto;align-self:stretch;transition:transform .2s ease,filter .2s ease}.hapio-ee-card.is-todo.is-rl .hapio-ee-cta{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 8px 20px -6px rgba(124,58,237,.45)}.hapio-ee-card.is-todo.is-sw .hapio-ee-cta{background:linear-gradient(135deg,#ec4899,#9d174d);box-shadow:0 8px 20px -6px rgba(236,72,153,.45)}.hapio-ee-card.is-todo:hover .hapio-ee-cta{transform:translateY(-1px);filter:brightness(1.05)}[data-zone=learner] .hapio-ee-card-row{flex-wrap:wrap}[data-zone=learner] .hapio-ee-skill{overflow:visible;text-overflow:clip;max-width:100%;font-size:11px!important}[data-zone=learner] .hapio-ee-status{font-size:10.5px!important}[data-zone=learner] .hapio-ee-title{font-size:16px!important;line-height:1.2!important}[data-zone=learner] .hapio-ee-sub{font-size:12.5px!important;line-height:1.4!important}[data-zone=learner] .hapio-ee-progress{font-size:12.5px!important}[data-zone=learner] .hapio-ee-name{font-size:18px!important}[data-zone=learner] .hapio-ee-cta,[data-zone=learner] .hapio-ee-todo-headline{font-size:14px!important}[data-zone=learner] .hapio-ee-hero-num{font-size:52px!important}[data-zone=learner] .hapio-ee-hero-lbl,[data-zone=learner] .hapio-ee-hero-part-lbl{font-size:11px!important}[data-zone=learner] .hapio-ee-hero-part-val{font-size:18px!important}[data-zone=learner] .hapio-ee-foot{font-size:12.5px!important}@media (max-width:600px){.hapio-ee-head{flex-wrap:wrap;gap:10px 12px}.hapio-ee-progress{margin-left:auto;padding:5px 10px;font-size:11px}.hapio-ee-card{padding:16px 18px;min-height:0}.hapio-ee-name{font-size:16px}.hapio-ee-hero{padding:12px 14px 10px}.hapio-ee-hero-num{font-size:44px}}@media (max-width:560px){.lhp-continue-learning{padding:12px;border-radius:14px}.lhp-continue-learning__card{margin-top:10px;padding:12px;min-height:0;gap:10px;border-radius:12px}.lhp-continue-learning__icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px}[data-zone=learner] .lhp-continue-learning .item-title{font-size:15px!important;line-height:1.25!important}[data-zone=learner] .lhp-continue-learning__subline{font-size:12.5px!important;line-height:1.35!important}[data-zone=learner] .lhp-continue-learning__label,[data-zone=learner] .lhp-continue-learning__module{font-size:10px!important}[data-zone=learner] .hapio-sw-recent__all,[data-zone=learner] .lhp-continue-learning__cta,[data-zone=learner] .ph-panel-link{padding:9px 12px;font-size:13px!important}[data-zone=learner] .hapio-sw-recent__head h2,[data-zone=learner] .mm-et-title,[data-zone=learner] .mm-rh-title,[data-zone=learner] .ph-panel-head h2{font-size:16px!important}[data-zone=learner] .hapio-sw-recent__head p,[data-zone=learner] .mm-et-sub,[data-zone=learner] .mm-rh-sub,[data-zone=learner] .ph-panel-head p{font-size:12.5px!important}.hapio-ee-panel{padding:14px;border-radius:14px}.hapio-ee-card{padding:14px}[data-zone=learner] .hapio-ee-name{font-size:15px!important}[data-zone=learner] .hapio-ee-todo-headline{font-size:13px!important;line-height:1.4!important}[data-zone=learner] .hapio-ee-cta{padding:10px 16px;font-size:14px!important}}[data-css-theme=dark] [data-zone=learner] .lhp-continue-learning{border-color:var(--learner-color-border);background:var(--learner-color-surface)}[data-css-theme=dark] [data-zone=learner] .mm-rh-title{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .mm-rh-sub{color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .lhp-continue-learning__card{border-color:var(--learner-color-border);background:var(--learner-color-surface-soft);color:var(--learner-color-text)}[data-css-theme=dark] [data-zone=learner] .lhp-continue-learning .item-title{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .lhp-continue-learning__subline{color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .lhp-continue-learning__cta{border-color:var(--learner-color-warning);background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-panel{border-color:var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-title{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-sub{color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-progress{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border);color:var(--learner-color-text-body)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-name{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-card.is-todo{background:var(--learner-color-surface);border-color:var(--learner-color-border)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-card.is-done{background:var(--learner-color-surface)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-status.is-todo{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border);color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border-soft)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero-num{background:linear-gradient(135deg,var(--learner-color-text-strong) 0,var(--learner-color-text-muted) 100%);-webkit-background-clip:text;background-clip:text}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero-part-val{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] :is(.hapio-ee-hero-lbl,.hapio-ee-hero-part-lbl,.hapio-ee-foot,.hapio-ee-todo-headline){color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] :is(.hapio-ee-hero-parts,.hapio-ee-foot){border-color:var(--learner-color-border-soft)}.hc-course-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--hc-shell-bg,#f6f8fc)}@media (max-width:900px){.hc-course-shell{grid-template-columns:1fr}}.hc-course-runtime{width:100%;height:100%;min-height:100%;background:var(--lhphuc-voca-shell-bg,#f6f8fc)}.hc-course-runtime__main{position:relative;background:#fff;min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px));display:flex;flex-direction:column;padding:0 0 92px}.hc-course-runtime__state{min-height:360px;padding:40px;color:#94a3b8;font-size:14px;text-align:center}.hc-course-runtime__lock,.hc-course-runtime__state{display:flex;align-items:center;justify-content:center}.hc-course-runtime__lock{min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px) - 112px);padding:16px clamp(16px,4vw,28px) 0}.hc-course-runtime__bottombar{position:fixed;left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px));right:0;bottom:0;z-index:10040;display:flex!important;align-items:center;min-height:56px;box-sizing:border-box;padding:0 16px;border-top:1px solid var(--lhphuc-voca-border,#e5e7eb);background:#fff}.hc-course-runtime__bottombar .lhphuc-voca-program-bottombar{width:100%;flex:1 1 auto}@media (min-width:901px){.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed{grid-template-columns:var(--lhphuc-voca-sidebar-w-collapsed,68px) 0 minmax(0,1fr)!important}}.lhphuc-voca-dashboard-shell.has-course.course-open:not(.is-collapsed) .hc-course-runtime__bottombar{left:calc(var(--lhphuc-voca-sidebar-w, 280px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-open.is-collapsed .hc-course-runtime__bottombar{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-closed:not(.is-collapsed) .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w,280px)}.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w-collapsed,68px)}.lhphuc-voca-dashboard-coursebar #lhpv-coursebar-slot{min-height:100%}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav{padding:26px 18px 28px}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content{padding:20px;overflow-x:hidden;overflow-y:auto}.lhphuc-voca-dashboard-course-toggle{position:fixed;top:calc(var(--lhphuc-voca-header-h, 50px) + 14px);left:calc(var(--lhphuc-voca-sidebar-w, 280px) + 10px);z-index:10070;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.96);color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.14);cursor:pointer;transition:left .28s cubic-bezier(.4,0,.2,1),transform .16s ease,background .16s ease}.lhphuc-voca-dashboard-course-toggle:hover{background:#f8fafc;transform:scale(1.04)}.lhphuc-voca-dashboard-course-toggle>span{font-size:20px;line-height:1}.lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-course-toggle{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + 10px)}.lhphuc-voca-dashboard-shell.has-course.course-open .lhphuc-voca-dashboard-course-toggle{left:calc(var(--lhphuc-voca-sidebar-w, 280px) + var(--lhphuc-voca-course-w, 320px) - 18px)}.lhphuc-voca-dashboard-shell.has-course.course-open.is-collapsed .lhphuc-voca-dashboard-course-toggle{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px) - 18px)}.lhphuc-voca-course-nav__collapse{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #e2e8f0;border-radius:999px;background:#ffffff;color:#475569;cursor:pointer;box-shadow:0 4px 10px rgba(15,23,42,.06);transition:background .16s ease,color .16s ease,transform .16s ease}.lhphuc-voca-course-nav__collapse:hover{background:#eff6ff;color:#2563eb;transform:translateX(-1px)}@media (max-width:900px){.hc-course-runtime__main{padding:0 0 86px}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content{overflow-x:hidden;overflow-y:auto}.hc-course-runtime__bottombar{left:0;padding:0 12px}.lhphuc-voca-dashboard-course-toggle{left:12px;top:calc(var(--lhphuc-voca-header-h, 50px) + 10px)}}.lhphuc-voca-course-nav__filters--segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2px;width:calc(100% - 8px);margin:14px 4px 16px;padding:3px;border-radius:12px;background:#f1f5f9}.lhphuc-voca-course-nav__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:32px;border:0;background:transparent;padding:0 4px;font-size:11.5px;line-height:1;font-weight:700;color:#64748b;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .12s,color .12s}.lhphuc-voca-course-nav__filter.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.08)}.lhphuc-voca-course-nav__filter:hover:not(.is-active){color:#0f172a}.lhpv-badge--quiz{background:rgba(168,85,247,.12);color:#7c3aed}.lhpv-badge--dictation{background:rgba(14,165,233,.12);color:#0284c7}.lhpv-badge--lesson{background:rgba(100,116,139,.12);color:#475569}.hc-course-runtime .lhpv-dg--chip,.lhphuc-voca-dashboard-coursebar .lhpv-dg--chip{position:relative}.hc-course-runtime .lhpv-dg--chip .lhpv-dg__popover,.lhphuc-voca-dashboard-coursebar .lhpv-dg--chip .lhpv-dg__popover{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:280px;min-width:240px;max-height:380px;overflow-y:auto}.lhphuc-voca-dashboard-coursebar{overflow:visible}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__items{max-height:calc(100vh - 320px);overflow-y:auto;padding-right:4px}.hc-course-runtime .lhpv-dg__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px}.hc-course-runtime .lhpv-dg__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;background:#fff;padding:8px 0 6px;border-radius:8px;font-size:12px;font-weight:700;color:#475569;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .12s,border-color .12s}.hc-course-runtime .lhpv-dg__card:hover{background:#f8fafc;border-color:#6366f1}.hc-course-runtime .lhpv-dg__card--current{background:#ecfdf5;border-color:#10b981;color:#047857}.hc-course-runtime .lhpv-dg__card--done{background:#f0fdf4;border-color:#86efac;color:#15803d}.hc-course-runtime .lhpv-dg__dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.hc-course-runtime .lhpv-dg__card--current .lhpv-dg__dot{background:#10b981}.hc-course-runtime .lhpv-dg__card--done .lhpv-dg__dot{background:#16a34a}.lhphuc-voca-course-nav__progress-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#475569;margin-bottom:6px}.lhphuc-voca-course-nav__progress-inline strong{color:#0f172a;font-weight:700}.lhphuc-voca-course-nav__progress-sep{color:#cbd5e1}.lhphuc-voca-course-nav__progress-footer{display:inline-flex;align-items:center;gap:4px;color:#f59e0b;font-weight:700}.hc-course-sidebar{background:#fff;border-right:1px solid var(--hc-border,#e5e7eb);padding:16px 14px;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:sticky;top:0}.hc-course-sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-sidebar__title{font-size:15px;font-weight:700;color:var(--hc-brand-primary,#7c3aed);margin:0}.hc-course-sidebar__day-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;cursor:pointer}.hc-course-sidebar__progress{margin:14px 0}.hc-course-sidebar__progress-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hc-text-muted,#6b7280);margin-bottom:6px}.hc-course-sidebar__progress-stats strong{font-size:14px;font-weight:700;color:var(--hc-text-strong,#111827)}.hc-course-sidebar__progress-stats--pending{display:inline-flex;align-items:center;gap:4px;color:var(--hc-brand-secondary,#f97316);font-weight:600}.hc-course-sidebar__progress-bar{height:6px;background:var(--hc-border-soft,#eef0f5);border-radius:999px;overflow:hidden}.hc-course-sidebar__progress-fill{height:100%;background:linear-gradient(90deg,var(--hc-brand-primary,#7c3aed),#f0abfc);border-radius:999px}.hc-course-sidebar__edit-day{display:block;width:100%;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--hc-text,#0f172a);background:var(--hc-card-soft,#fafbff);border:1px solid var(--hc-border,#e5e7eb);border-radius:8px;cursor:pointer;text-align:center}.hc-course-sidebar__filters{display:flex;gap:4px;margin:14px 0 10px;padding:3px;background:var(--hc-border-soft,#eef0f5);border-radius:8px}.hc-course-sidebar__filter{flex:1;padding:5px 8px;font-size:12px;font-weight:600;background:transparent;color:var(--hc-text-muted,#6b7280);border:0;border-radius:6px;cursor:pointer;text-align:center}.hc-course-sidebar__filter.is-active{background:#fff;color:var(--hc-text-strong,#111827);box-shadow:0 1px 2px rgba(15,23,42,.05)}.hc-course-sidebar__items{flex:1;display:flex;flex-direction:column;gap:6px}.hc-course-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:background .12s ease;width:100%}.hc-course-item:hover{background:var(--hc-card-soft,#fafbff)}.hc-course-item.is-active{background:var(--hc-brand-primary-soft,#f3e8ff);border-color:var(--hc-brand-primary-border,#ddd6fe)}.hc-course-item__num{flex-shrink:0;width:22px;text-align:center;font-size:12px;font-weight:700;color:var(--hc-text-muted,#6b7280)}.hc-course-item__body{flex:1;min-width:0}.hc-course-item__title{font-size:12.5px;font-weight:600;color:var(--hc-text-strong,#111827);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hc-course-item__badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:4px}.hc-course-item__badge--vocab{background:#d1fae5;color:#047857}.hc-course-item__badge--luyen-de{background:#fed7aa;color:#c2410c}.hc-course-item__badge--quiz{background:#fef3c7;color:#b45309}.hc-course-item__badge--dictation{background:#ede9fe;color:#6d28d9}.hc-course-item__status{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--hc-border-strong,#d1d5db);border-radius:999px;background:#fff}.hc-course-item__status--done{background:#d1fae5;border-color:#10b981;color:#047857}.hc-course-runtime .hc-lesson{flex:1 1 auto;padding:0 0 100px;overflow-y:auto}.hc-course-runtime .hc-lesson,.hc-course-runtime .hc-lesson__card{min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px) - 92px);width:100%;background:#fff}.hc-course-runtime .hc-lesson__card{max-width:none;margin:0;border-radius:0;border-top:4px solid;-o-border-image:linear-gradient(90deg,#3b82f6,#ec4899,#f97316,#22c55e) 1;border-image:linear-gradient(90deg,#3b82f6,#ec4899,#f97316,#22c55e) 1;padding:clamp(22px,3vw,44px) clamp(24px,4vw,72px);box-shadow:none}.hc-course-runtime .hc-lesson__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--hc-border-soft,#e2e8f0)}.hc-course-runtime .hc-lesson__header-left{display:flex;flex-direction:column;min-width:0}.hc-course-runtime .hc-lesson__badge{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 14px;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;background:#eff6ff;color:#3b82f6}.hc-course-runtime .hc-lesson__translate-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--hc-text-muted,#6b7280)}.hc-course-runtime .hc-lesson__title{font-size:24px;font-weight:700;line-height:1.25;color:var(--hc-text-strong,#0f172a);margin:0}.hc-course-runtime .hc-lesson__subtitle{margin:6px 0 0;font-size:14px;color:var(--hc-text-muted,#64748b)}.hc-course-runtime .hc-lesson__player{display:flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;background:#f8fafc;border:1px solid var(--hc-border-soft,#e2e8f0);border-radius:999px;margin-bottom:20px}.hc-course-runtime .hc-lesson__play-btn{width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#3b82f6;border:1px solid var(--hc-border-soft,#e2e8f0);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hc-course-runtime .hc-lesson__play-btn:hover{border-color:#3b82f6;transform:scale(1.04);box-shadow:0 2px 8px rgba(59,130,246,.18)}.hc-course-runtime .hc-lesson__volume-btn{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;color:var(--hc-text-muted,#64748b);border:0;cursor:pointer}.hc-course-runtime .hc-lesson__time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--hc-text-muted,#6b7280)}.hc-course-runtime .hc-lesson__progress{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;cursor:pointer}.hc-course-runtime .hc-lesson__progress-fill{height:100%;background:#3b82f6;border-radius:999px}.hc-course-runtime .hc-lesson__sentences{display:flex;flex-direction:column;gap:6px}.hc-course-runtime .hc-lesson__sentence{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--hc-card-bg,#fff);border:1px solid var(--hc-border,#e5e7eb);border-radius:14px;cursor:pointer;width:100%;text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.hc-course-runtime .hc-lesson__sentence:hover{border-color:var(--hc-border-strong,#d1d5db);background:var(--hc-card-soft,#fafbff)}.hc-course-runtime .hc-lesson__sentence.is-active{background:var(--hc-accent-blue-soft,#eff6ff);border-color:var(--hc-accent-blue,#3b82f6);box-shadow:0 0 0 1px var(--hc-accent-blue,#3b82f6)}.hc-course-runtime .hc-lesson__sentence-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--hc-border-soft,#eef0f5);color:var(--hc-text-muted,#6b7280);font-size:13px;font-weight:700}.hc-course-runtime .hc-lesson__sentence.is-active .hc-lesson__sentence-num{background:var(--hc-accent-blue,#3b82f6);color:var(--hc-card-bg,#fff)}.hc-course-runtime .hc-lesson__sentence-body{flex:1;min-width:0}.hc-course-runtime .hc-lesson__sentence-en{display:block;font-size:15px;font-weight:700;color:var(--hc-text-strong,#0f172a);line-height:1.5}.hc-course-runtime .hc-lesson__sentence-vi{display:block;margin-top:3px;font-size:13.5px;color:var(--hc-text-muted,#64748b);line-height:1.45}.hc-course-runtime .hc-lesson__sentence-play{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:var(--hc-text-muted,#6b7280);border:0;cursor:pointer}.hc-course-runtime .hc-lesson__sentence-play:hover{background:var(--hc-brand-primary-soft,#f3e8ff);color:var(--hc-brand-primary,#7c3aed)}.hc-course-runtime .hc-lesson__footer{position:fixed;bottom:0;left:280px;right:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 24px;background:#fff;border-top:1px solid var(--hc-border,#e5e7eb);display:none}.lhphuc-voca-dashboard-shell.has-course.course-open:not(.is-collapsed) .hc-course-runtime .hc-lesson__footer{left:calc(var(--lhphuc-voca-sidebar-w, 280px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-open.is-collapsed .hc-course-runtime .hc-lesson__footer{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-closed:not(.is-collapsed) .hc-course-runtime .hc-lesson__footer{left:var(--lhphuc-voca-sidebar-w,280px)}.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed .hc-course-runtime .hc-lesson__footer{left:var(--lhphuc-voca-sidebar-w-collapsed,68px)}@media (max-width:900px){.hc-course-runtime .hc-lesson__footer{left:0}.hc-course-runtime__main{padding-bottom:calc(86px + env(safe-area-inset-bottom, 0px))}.hc-course-runtime__bottombar{left:0!important;right:0;min-height:calc(56px + env(safe-area-inset-bottom, 0px));padding:0 12px env(safe-area-inset-bottom,0);background:#fff}.hc-course-runtime__bottombar .lhphuc-voca-program-bottombar{position:relative;width:min(100%,480px);margin:0 auto;padding:8px 0;gap:clamp(8px,2.8vw,12px);justify-content:center}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn{height:40px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--outline{flex:0 0 40px;width:40px;min-width:40px;max-width:40px;padding:0;border-radius:50%;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--outline .lhphuc-voca-pbb-btn__text{display:none}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc{flex:0 0 40px;width:40px;min-width:40px;max-width:40px;padding:0;border-radius:50%;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__text{display:none}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{width:40px;padding:0;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done{flex:1 1 auto;min-width:0;max-width:220px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__state{min-width:0;padding:0 10px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-course-runtime__bottombar .lhphuc-voca-pbb-status{position:absolute;left:0;right:0;bottom:calc(100% + 6px);margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 24px);border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.96);padding:4px 10px;box-shadow:0 8px 18px rgba(15,23,42,.08);pointer-events:none}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-coursebar{display:block;position:fixed;left:0;right:auto;top:0;bottom:0;z-index:100030;width:min(var(--lhphuc-voca-course-w,320px),86vw);min-width:0;max-width:86vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:var(--lhphuc-voca-coursebar-bg,#fff);overflow-y:auto;transform:translateX(-105%);transition:transform .18s ease;box-shadow:none}.lhphuc-voca-dashboard-shell.has-course.course-open .lhphuc-voca-dashboard-coursebar{transform:translateX(0);box-shadow:24px 0 60px rgba(15,23,42,.22)}}.hc-course-runtime .hc-lesson__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid var(--hc-border,#e5e7eb);background:#fff;color:var(--hc-text,#0f172a);cursor:pointer}.hc-course-runtime .hc-lesson__btn:hover{background:var(--hc-card-soft,#fafbff)}.hc-course-runtime .hc-lesson__btn--complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.hc-course-runtime .hc-lesson__btn--close{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;border-color:transparent}.hc-course-runtime .hc-lesson__card--article{padding:28px 32px 32px;border:0;-o-border-image:none;border-image:none;background:transparent;box-shadow:none}.hc-lesson[data-hc-section=lesson-article]{background:transparent}.hc-course-runtime__main:has([data-hc-section=lesson-article]){background:transparent}.hc-course-runtime .hc-lesson__card--article .lesson-video{max-width:min(100%,calc((100vh - 260px) * 16 / 9));max-height:calc(100vh - 260px);margin-left:auto;margin-right:auto}@media (max-width:900px){.hc-course-runtime .hc-lesson__card--article{padding:0;min-height:0}.hc-course-runtime .hc-lesson__card--article .lesson-video{max-width:100%}}.lhphuc-voca-course-nav__collapse,.lhphuc-voca-dashboard-bottombar.is-lesson-locked .lhp-note-slot-bottombar{display:none}.hc-course-runtime .hc-article{display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.7;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h1{font-size:22px;font-weight:700;margin:18px 0 6px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h2{font-size:18px;font-weight:700;margin:18px 0 4px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h3{font-size:16px;font-weight:700;margin:12px 0 2px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__p{margin:0}.hc-course-runtime .hc-article__ol,.hc-course-runtime .hc-article__ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.hc-course-runtime .hc-article__ul li::marker{color:var(--hc-brand-primary,#7c3aed)}.hc-course-runtime .hc-article__ol li::marker{color:var(--hc-brand-primary,#7c3aed);font-weight:700}.hc-course-runtime .hc-article__quote{margin:4px 0;padding:10px 14px;border-left:3px solid var(--hc-brand-primary,#7c3aed);background:var(--hc-card-soft,#fafbff);border-radius:0 8px 8px 0;color:var(--hc-text-muted,#475569);font-style:italic}.hc-course-runtime .hc-article__rule{border:0;border-top:1px solid var(--hc-border-soft,#eef0f5);margin:8px 0}.hc-course-runtime .hc-article__figure{margin:4px 0;display:flex;flex-direction:column;gap:6px;align-items:stretch}.hc-course-runtime .hc-article__img{width:100%;max-height:320px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__caption{font-size:12px;color:var(--hc-text-muted,#64748b);text-align:center}.hc-course-runtime .hc-article__callout{padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.6}.hc-course-runtime .hc-article__callout-line{margin:0}.hc-course-runtime .hc-article__callout--tip{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:#166534}.hc-course-runtime .hc-article__callout--note{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);color:#3730a3}.hc-course-runtime .hc-article__callout--warn{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.hc-course-runtime .hc-article__callout--danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#991b1b}.hc-course-runtime .hc-article__table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__table{width:100%;border-collapse:collapse;font-size:14px}.hc-course-runtime .hc-article__table td,.hc-course-runtime .hc-article__table th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__table th{background:var(--hc-card-soft,#fafbff);font-weight:700;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__table tr:last-child td{border-bottom:0}.hc-course-runtime .hc-article__media{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--hc-card-soft,#fafbff);border:1px solid var(--hc-border-soft,#eef0f5);border-radius:10px}.hc-course-runtime .hc-article__media-label{font-size:13px;font-weight:600;color:var(--hc-text-muted,#475569)}.hc-course-runtime .hc-article__audio,.hc-course-runtime .hc-article__video{width:100%}.hc-course-runtime .hc-article__html :where(iframe,video){display:block;width:100%;max-width:100%;border:0;border-radius:0;background:#020617}.hc-course-runtime .hc-article__html :where(iframe,video):not([style*=absolute]),.hc-course-runtime .hc-article__html>:where(iframe,video){aspect-ratio:16/9}@media (min-width:901px){.hc-course-runtime .hc-article__html :where(iframe,video):not([style*=absolute]),.hc-course-runtime .hc-article__html>:where(iframe,video){min-height:min(72vh,760px)}}.hc-course-runtime .hc-article__file{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--hc-card-soft,#fafbff);border:1px dashed var(--hc-border,#e5e7eb);border-radius:10px;color:var(--hc-brand-primary,#7c3aed);font-weight:600;font-size:14px;text-decoration:none;width:-moz-fit-content;width:fit-content}.hc-course-runtime .hc-article__file:hover{background:#fff;border-style:solid}[data-css-theme=dark] .hc-course-runtime{--hc-shell-bg:var(--lhphuc-voca-bg,#0b1120);--hc-card-bg:var(--lhphuc-voca-surface,#131c2e);--hc-card-soft:var(--lhphuc-voca-surface-soft,#1b2538);--hc-border:var(--lhphuc-voca-border,#273349);--hc-border-soft:var(--lhphuc-voca-border-soft,#1e2a3d);--hc-border-strong:var(--lhphuc-voca-border-strong,#3a4860);--hc-text:var(--lhphuc-voca-text,#e2e8f0);--hc-text-strong:var(--lhphuc-voca-text-strong,#f8fafc);--hc-text-muted:var(--lhphuc-voca-muted,#94a3b8);--hc-brand-primary:var(--lhphuc-voca-accent,#60a5fa);--hc-brand-primary-soft:var(--lhphuc-voca-accent-soft,rgba(37,99,235,.22));--hc-brand-secondary:#fb923c;--hc-accent-blue:#60a5fa;--hc-accent-blue-soft:rgba(37,99,235,.22)}[data-css-theme=dark] .hc-course-runtime__main{background:var(--lhphuc-voca-bg,#0b1120)}[data-css-theme=dark] .hc-course-runtime__bottombar{background:var(--lhphuc-voca-surface,#131c2e);border-top-color:var(--lhphuc-voca-border,#273349)}[data-css-theme=dark] .hc-course-runtime .hc-lesson{background:var(--lhphuc-voca-bg,#0b1120)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__card{background:var(--lhphuc-voca-surface,#131c2e)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__badge{background:var(--lhphuc-voca-accent-soft,rgba(37,99,235,.22));color:var(--lhphuc-voca-accent,#60a5fa)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__player{background:var(--lhphuc-voca-surface-soft,#1b2538)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__play-btn{background:var(--lhphuc-voca-surface,#131c2e);color:var(--lhphuc-voca-accent,#60a5fa)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__progress{background:var(--lhphuc-voca-border,#273349)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__footer{background:var(--lhphuc-voca-surface,#131c2e)}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--tip{color:#86efac}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--note{color:#a5b4fc}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--warn{color:#fcd34d}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--danger{color:#fca5a5}[data-css-theme=dark] .hc-course-runtime .hc-article__file:hover{background:var(--lhphuc-voca-surface-soft,#1b2538)}[data-css-theme=dark] .lhphuc-voca-pbb-btn{--pbb-surface:var(--lhphuc-voca-surface,#131c2e);--pbb-text:var(--lhphuc-voca-text,#e2e8f0);--pbb-border:var(--lhphuc-voca-border,#273349)}body{margin:0}:where(.lhphuc-voca-dashboard) a{color:inherit;text-decoration:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebar{overflow-x:hidden;overflow-y:hidden}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebody{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebottom{flex:0 0 auto;margin-top:0;min-width:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item{width:100%;min-width:0;box-sizing:border-box}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item:not(.has-children){min-height:48px;align-items:center}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.has-children{display:block;padding:0;overflow:visible}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-row{display:flex;align-items:center;gap:var(--sb-icon-gap,12px);min-height:48px;padding:var(--sb-item-pad-y,11px) var(--sb-item-pad-x,14px);box-sizing:border-box}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-link{display:flex;flex:1 1 auto;align-items:center;gap:var(--sb-icon-gap,12px);min-width:0;color:inherit;text-decoration:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-icon{width:18px;height:18px;padding:4px;box-sizing:content-box;flex:0 0 26px;margin:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-label{min-width:0;max-width:100%;flex:1 1 auto;font-size:14px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-caret{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;margin-left:6px;padding:0;transition:background .15s ease,color .15s ease,transform .15s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-caret[aria-expanded=true]{transform:rotate(180deg)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-caret svg{width:18px;height:18px;flex:0 0 18px;margin:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-subwrap{display:block;box-sizing:border-box;max-width:calc(100% - (var(--sb-item-pad-x, 14px) + var(--sb-icon-size, 22px) / 2));padding:0 0 0 14px}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-subwrap .lhphuc-voca-dashboard-nav-subwrap{max-width:100%;margin:0;padding:0;border-left:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:901px){:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-nav-item.has-children{padding:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-nav-row{justify-content:center;padding:12px 0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-nav-link{flex:0 0 auto;gap:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-shell.is-collapsed.is-hover-expanded .lhphuc-voca-dashboard-nav-row{justify-content:flex-start;padding:var(--sb-item-pad-y,11px) var(--sb-item-pad-x,14px)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-shell.is-collapsed.is-hover-expanded .lhphuc-voca-dashboard-nav-link{flex:1 1 auto;gap:var(--sb-icon-gap,12px)}}@media (max-width:900px){:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebar{width:min(320px,86vw);max-width:86vw}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-label{font-size:15px!important}}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebar{--lhphuc-voca-sidebar-icon-glow:none;--lhphuc-voca-sidebar-icon-filter:none;--lhphuc-voca-sidebar-icon-scale:1;--sb-text:#cbd5e1;--sb-text-muted:#94a3b8;--sb-text-strong:#f1f5f9;--sb-text-active:#e0f2fe;--sb-accent:#38bdf8;--sb-accent-glow:rgba(56,189,248,.45);--sb-guide:rgba(56,189,248,.22);--sb-sub-active-bg:rgba(56,189,248,.10)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item[data-nav]{--sb-c:var(--lhphuc-voca-nav-c-rgb,148,163,184);color:var(--sb-text);transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.has-children.is-active,:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.has-children:hover{background:transparent;border-color:transparent;box-shadow:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.has-children:hover>.lhphuc-voca-dashboard-nav-row,:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item:not(.has-children):hover{background:linear-gradient(180deg,rgba(var(--sb-c),.1),rgba(var(--sb-c),.04));box-shadow:inset 0 0 0 1px rgba(var(--sb-c),.22);color:var(--sb-text-strong)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.has-children.is-active>.lhphuc-voca-dashboard-nav-row,:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item:not(.has-children).is-active{background:linear-gradient(180deg,rgba(var(--sb-c),.18),rgba(var(--sb-c),.08));color:var(--sb-text-active);box-shadow:inset 0 0 0 1px rgba(var(--sb-c),.35),0 8px 24px rgba(var(--sb-c),.18)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.is-active:before{display:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-row{border-radius:var(--sb-radius,12px);transition:background .18s ease,color .18s ease,box-shadow .18s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-label{color:inherit;font-weight:500;letter-spacing:0}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item.is-active .lhphuc-voca-dashboard-nav-label{color:inherit;font-weight:600}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item[data-nav] .lhphuc-voca-dashboard-nav-icon{width:18px;height:18px;padding:4px;box-sizing:content-box;flex:0 0 26px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;margin:0;stroke-width:2;transition:background .15s ease,color .15s ease,box-shadow .2s ease,transform .2s ease,filter .2s ease;filter:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item[data-nav].is-active .lhphuc-voca-dashboard-nav-icon,:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-item[data-nav]:hover .lhphuc-voca-dashboard-nav-icon{background:rgba(var(--sb-c),.28);color:color-mix(in srgb,rgb(var(--sb-c)) 75%,#fff);box-shadow:0 0 0 1.5px rgba(var(--sb-c),.45),0 0 18px rgba(var(--sb-c),.55);filter:none;transform:none}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-caret{color:var(--sb-text-muted);border-radius:8px;transition:background .15s ease,color .15s ease,transform .2s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-caret:hover{background:rgba(255,255,255,.06);color:var(--sb-text-strong)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-subwrap{max-width:calc(100% - var(--sb-item-pad-x, 14px));margin:4px 0 8px calc(var(--sb-item-pad-x, 14px) + var(--sb-icon-size, 22px) / 2);padding:0;border-left:1px solid var(--sb-guide);position:relative}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub{padding:8px 12px 8px calc(var(--sb-icon-size, 22px) / 2 + var(--sb-icon-gap, 12px));margin:1px 0;border-radius:8px;color:var(--sb-text-muted);font-size:13px!important;font-weight:500;line-height:1.35!important;transition:background .15s ease,color .15s ease,transform .15s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--sb-guide);transform:translate(-10px);transition:background .15s ease,box-shadow .15s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub:hover{background:rgba(255,255,255,.04);color:var(--sb-text-strong);transform:translateX(2px)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub:hover:before{background:var(--sb-accent)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub.is-active{background:var(--sb-sub-active-bg);color:var(--sb-accent);font-weight:600}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-nav-sub.is-active:before{background:var(--sb-accent);box-shadow:0 0 6px var(--sb-accent-glow)}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-toggle{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.14);color:var(--sb-text);border-radius:10px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}:where(.lhphuc-voca-theme--pro) .lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-toggle:hover{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.45);color:var(--sb-accent);box-shadow:0 0 12px rgba(56,189,248,.35)}@media (min-width:901px){.hapio-runtime-quick-lookup-float.is-dashboard{left:296px!important}.lhp-report-fab.error-icon-shake.is-left-float.is-dashboard-float{inset:auto auto calc(18px + env(safe-area-inset-bottom, 0px)) 296px!important}}.lhphuc-voca-dashboard-settings__intensityProgress{display:block;width:100%;height:100%;border:0;border-radius:inherit;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--daily-num,var(--lhp-settings-blue))}.lhphuc-voca-dashboard-settings__intensityProgress::-webkit-progress-bar{border-radius:inherit;background:transparent}.lhphuc-voca-dashboard-settings__intensityProgress::-webkit-progress-value{border-radius:inherit;background:var(--lhp-gradient-intensity-progress);-webkit-transition:width .55s cubic-bezier(.4,0,.2,1);transition:width .55s cubic-bezier(.4,0,.2,1)}.lhphuc-voca-dashboard-settings__intensityProgress::-moz-progress-bar{border-radius:inherit;background:var(--lhp-gradient-intensity-progress);-moz-transition:width .55s cubic-bezier(.4,0,.2,1);transition:width .55s cubic-bezier(.4,0,.2,1)}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-bubble{bottom:calc(94px + env(safe-area-inset-bottom, 0px))!important;width:54px;height:54px}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-bubble .mm-lc-icon{width:24px;height:24px}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-panel{bottom:calc(94px + env(safe-area-inset-bottom, 0px))!important;width:342px;height:540px;max-height:calc(100vh - 88px)}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-proactive{bottom:calc(164px + env(safe-area-inset-bottom, 0px))!important}@media (max-width:900px){.lhphuc-voca-dashboard-sidebar{width:min(320px,86vw);max-width:86vw;overflow:hidden;transform:translateX(-105%);pointer-events:none;box-shadow:none;will-change:transform}.lhphuc-voca-dashboard-sidebar.is-mobile-open{transform:translateX(0);pointer-events:auto;box-shadow:24px 0 60px color-mix(in srgb,var(--hc-text-strong) 36%,transparent)}.lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-sidebar.is-mobile-open{transform:translateX(0);pointer-events:auto}.lhphuc-voca-dashboard-overlay{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.lhphuc-voca-dashboard-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-sidebody{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-sidebottom{flex:0 0 auto;margin-top:0;padding:8px 12px calc(12px + env(safe-area-inset-bottom, 0px));border-top:1px solid color-mix(in srgb,var(--hc-text-subtle) 14%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--hc-text) 92%,transparent),color-mix(in srgb,var(--hc-text) 98%,transparent))}.lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-nav{padding:10px 12px}.lhphuc-voca-dashboard-sidebar .lhphuc-voca-dashboard-nav-subwrap{margin-bottom:8px}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-bubble{right:14px!important;bottom:calc(136px + env(safe-area-inset-bottom, 0px))!important;width:47px;height:47px}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-bubble .mm-lc-icon{width:21px;height:21px}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-panel{bottom:0!important}.lhphuc-voca-dashboard #mm-lc-root .mm-lc-proactive{bottom:calc(156px + env(safe-area-inset-bottom, 0px))!important}.hapio-runtime-quick-lookup-float.is-dashboard,.lhp-report-fab.error-icon-shake.is-left-float.is-dashboard-float{display:none!important}body.hapio-dashboard-mobile-coursebar-open #mm-lc-root,body.hapio-dashboard-mobile-coursebar-open .hapio-mobile-lookup-cta,body.hapio-dashboard-mobile-coursebar-open .lhp-report-fab,body.hapio-dashboard-mobile-coursebar-open .lhphuc-voca-dashboard-bottombar,body.hapio-dashboard-mobile-coursebar-open .lhphuc-voca__album-floating-menu,body.hapio-dashboard-mobile-sidebar-open #mm-lc-root,body.hapio-dashboard-mobile-sidebar-open .hapio-mobile-lookup-cta,body.hapio-dashboard-mobile-sidebar-open .lhp-report-fab,body.hapio-dashboard-mobile-sidebar-open .lhphuc-voca-dashboard-bottombar,body.hapio-dashboard-mobile-sidebar-open .lhphuc-voca__album-floating-menu,body.lhpv-inline-game-open #mm-lc-root,body.lhpv-inline-game-open .hapio-mobile-lookup-cta,body.lhpv-inline-game-open .lhp-report-fab,body.lhpv-inline-game-open .lhphuc-voca-dashboard-bottombar:not(.is-album-dock),body.lhpv-inline-game-open .lhphuc-voca__album-floating-menu{opacity:0;visibility:hidden;pointer-events:none}body.lhpv-inline-game-open:not(.hapio-dashboard-mobile-sidebar-open) .lhphuc-voca-dashboard-overlay,body.lhpv-inline-game-open:not(.hapio-dashboard-mobile-sidebar-open) .lhphuc-voca-dashboard-sidebar{transform:translateX(-105%)!important;opacity:0;visibility:hidden;pointer-events:none}}