.hapio-lhp-psp-backdrop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--learner-color-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:hapio-lhp-psp-fade .2s ease}.hapio-lhp-psp{--psp-soft:var(--learner-tone-blue-soft);--psp-icon:var(--learner-tone-blue-icon);--psp-text:var(--learner-tone-blue-text);--psp-ring:var(--learner-tone-blue-ring);position:relative;width:min(392px,100%);overflow:hidden;border-radius:28px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);box-shadow:var(--learner-shadow-lg),0 40px 80px -40px color-mix(in srgb,var(--psp-icon) 45%,transparent);color:var(--learner-color-text);font-family:var(--learner-font-display);animation:hapio-lhp-psp-pop .32s cubic-bezier(.2,.9,.3,1.15)}.hapio-lhp-psp[data-tone=emerald]{--psp-soft:var(--learner-tone-emerald-soft);--psp-icon:var(--learner-tone-emerald-icon);--psp-text:var(--learner-tone-emerald-text);--psp-ring:var(--learner-tone-emerald-ring)}.hapio-lhp-psp[data-tone=violet]{--psp-soft:var(--learner-tone-violet-soft);--psp-icon:var(--learner-tone-violet-icon);--psp-text:var(--learner-tone-violet-text);--psp-ring:var(--learner-tone-violet-ring)}.hapio-lhp-psp-hero{position:relative;height:64px;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--psp-icon) 22%,transparent) 0,transparent 42%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--psp-icon) 16%,transparent) 0,transparent 45%),linear-gradient(180deg,var(--psp-soft),var(--learner-color-surface))}.hapio-lhp-psp-hero:before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(color-mix(in srgb,var(--psp-icon) 30%,transparent) 1px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(180deg,var(--learner-color-text) 0,transparent 85%);-webkit-mask-image:linear-gradient(180deg,var(--learner-color-text) 0,transparent 85%)}.hapio-lhp-psp-badge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--psp-text);background:var(--learner-color-surface);border:1px solid var(--psp-ring)}.hapio-lhp-psp-badge i{width:6px;height:6px;border-radius:50%;background:var(--psp-icon);box-shadow:0 0 0 3px color-mix(in srgb,var(--psp-icon) 22%,transparent);animation:hapio-lhp-psp-blink 1.6s ease-in-out infinite}.hapio-lhp-psp-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;cursor:pointer;color:var(--learner-color-text-muted);background:color-mix(in srgb,var(--learner-color-surface) 70%,transparent);transition:background .15s ease,color .15s ease}.hapio-lhp-psp-close:hover{background:var(--learner-color-surface);color:var(--learner-color-text)}.hapio-lhp-psp-body{padding:4px 24px 24px;text-align:center}.hapio-lhp-psp-msg b{color:var(--learner-color-text-strong);font-weight:700}.hapio-lhp-psp-msg{margin:0 auto;max-width:30ch;font-size:14px;line-height:1.55;color:var(--learner-color-text-muted)}.hapio-lhp-psp-date{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:12px 14px;text-align:left;border-radius:18px;background:var(--learner-color-surface-soft);border:1px solid var(--learner-color-border-soft)}.hapio-lhp-psp-cal{flex:none;display:flex;flex-direction:column;width:52px;overflow:hidden;border-radius:12px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);box-shadow:var(--learner-shadow-xs)}.hapio-lhp-psp-cal b{padding:3px 0;font-size:10px;letter-spacing:.06em;color:var(--learner-color-on-accent);background:var(--psp-icon)}.hapio-lhp-psp-cal b,.hapio-lhp-psp-cal strong{display:block;text-align:center;font-weight:800}.hapio-lhp-psp-cal strong{padding:4px 0 5px;font-size:22px;line-height:1.1;color:var(--learner-color-text-strong)}.hapio-lhp-psp-dtx{display:flex;flex-direction:column;gap:2px;min-width:0}.hapio-lhp-psp-dtx small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--learner-color-text-subtle)}.hapio-lhp-psp-dtx span{font-size:15px;font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-psp-left{margin-left:auto;flex:none;padding:6px 10px;border-radius:12px;text-align:center;color:var(--psp-text);background:var(--psp-soft);border:1px solid var(--psp-ring)}.hapio-lhp-psp-left strong{display:block;font-size:18px;line-height:1.1;font-weight:800}.hapio-lhp-psp-left small{display:block;font-size:10.5px;font-weight:700}@keyframes hapio-lhp-psp-fade{0%{opacity:0}to{opacity:1}}@keyframes hapio-lhp-psp-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes hapio-lhp-psp-blink{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.hapio-lhp-psp,.hapio-lhp-psp-backdrop,.hapio-lhp-psp-badge i{animation:none}}.hapio-lhp-psp-page{display:flex;justify-content:center;padding:72px 16px 40px}.hapio-lhp-psp.hapio-lhp-psp--inline{box-shadow:var(--learner-shadow-md)}@media (max-width:560px){.hapio-lhp-psp-page{padding-top:32px}}@media (max-width:760px){.lhp-vt-topbar-breadcrumb-slot{display:none!important}.lhp-vt-topbar-breadcrumb-slot:has([data-topbar-mobile-keep]){display:flex!important}.lhphuc-voca-dashboard-topbar-left:has([data-topbar-mobile-keep]){display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}}@media (max-width:768px){[data-css-theme] [data-zone=learner] [data-section]{padding-left:var(--learner-space-3);padding-right:var(--learner-space-3)}[data-css-theme] [data-zone=learner] [data-component=page-hero]{padding:var(--learner-space-4)}[data-css-theme] [data-zone=learner] [data-component=page-hero] h1{font-size:var(--learner-text-xl)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__hero{padding:var(--learner-space-4);border-radius:var(--learner-radius-md)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__card{padding:var(--learner-space-4)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__tabs{width:100%;justify-content:stretch}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__tab{flex:1;text-align:center}[data-css-theme] [data-zone=learner] [data-section=dashboard] .hc-album-card,[data-css-theme] [data-zone=learner] [data-section=dashboard] .hc-course-card{width:100%}}@media (max-width:480px){[data-css-theme] [data-zone=learner] [data-component=page-hero]{padding:var(--learner-space-3);border-radius:var(--learner-radius-md)}[data-css-theme] [data-zone=learner] [data-component=page-hero] h1{font-size:var(--learner-text-lg)}[data-css-theme] [data-zone=learner] .hc-btn,[data-css-theme] [data-zone=learner] .lhphuc-voca-btn,[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-cta-btn{padding:var(--learner-space-2) 14px;font-size:var(--learner-text-xs)}[data-css-theme] [data-zone=learner] [data-section]{padding-bottom:88px}}@supports (padding:max(0px)){[data-css-theme] [data-zone=learner] .student-shell-dock{padding-bottom:max(var(--learner-space-3),env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){[data-css-theme] [data-zone=learner] *{animation-duration:.01ms!important;transition-duration:.01ms!important}}