:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard){--lhphuc-voca-font:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-font-display:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--lhphuc-voca-font-size-base:17px;--lhphuc-voca-line:1.5;--lhphuc-voca-text-xs:12px;--lhphuc-voca-text-sm:14px;--lhphuc-voca-text-md:var(--lhphuc-voca-font-size-base);--lhphuc-voca-text-lg:17px;--lhphuc-voca-text-xl:20px;--lhphuc-voca-text-2xl:20px;--lhphuc-voca-fw-regular:400;--lhphuc-voca-fw-medium:600;--lhphuc-voca-fw-bold:600;--lhphuc-voca-fw-black:600;--lhphuc-voca-radius:16px;--lhphuc-voca-radius-sm:calc(var(--lhphuc-voca-radius) - 6px);--lhphuc-voca-radius-md:var(--lhphuc-voca-radius);--lhphuc-voca-radius-lg:calc(var(--lhphuc-voca-radius) + 6px);--lhphuc-voca-radius-pill:999px;--lhphuc-voca-space-1:4px;--lhphuc-voca-space-2:8px;--lhphuc-voca-space-3:12px;--lhphuc-voca-space-4:16px;--lhphuc-voca-space-5:20px;--lhphuc-voca-space-6:24px;--lhphuc-voca-space-7:28px;--lhphuc-voca-space-8:32px;--lhphuc-voca-border-w:1px;--lhphuc-voca-border-style:solid;--lhphuc-voca-border-color:rgba(15,23,42,.12);--lhphuc-voca-border-soft:#e2e8f0;--lhphuc-voca-border-strong:#cbd5e1;--lhphuc-voca-border:var(--lhphuc-voca-border-color);--lhphuc-voca-shadow-sm:0 4px 14px rgba(15,23,42,.10);--lhphuc-voca-shadow-md:0 10px 28px rgba(15,23,42,.12);--lhphuc-voca-shadow-lg:0 18px 42px rgba(15,23,42,.14);--lhphuc-voca-shadow:var(--lhphuc-voca-shadow-md);--lhphuc-voca-bg:#f6f8fc;--lhphuc-voca-surface:#ffffff;--lhphuc-voca-surface-2:#f3f4f6;--lhphuc-voca-text:#0f172a;--lhphuc-voca-muted:#64748b;--lhphuc-voca-text-strong:#1e293b;--lhphuc-voca-text-soft:#475569;--lhphuc-voca-text-subtle:#94a3b8;--lhphuc-voca-primary:#111827;--lhphuc-voca-primary-contrast:#ffffff;--lhphuc-voca-accent:#2563eb;--lhphuc-voca-accent2:#ff5af1;--lhphuc-voca-feedback-ok-bg:#dff3e6;--lhphuc-voca-feedback-ok-text:#0b1f12;--lhphuc-voca-feedback-ok-btn-bg:#2fb04a;--lhphuc-voca-feedback-ok-btn-text:#ffffff;--lhphuc-voca-feedback-bad-bg:#fde2e2;--lhphuc-voca-feedback-bad-text:#2a0b0b;--lhphuc-voca-feedback-bad-btn-bg:#e23a3a;--lhphuc-voca-feedback-bad-btn-text:#ffffff;--lhphuc-voca-success:#22c55e;--lhphuc-voca-warning:#f59e0b;--lhphuc-voca-danger:#ef4444;--lhphuc-voca-info:#3b82f6;--lhphuc-voca-accent-soft:#eff6ff;--lhphuc-voca-info-soft:var(--lhphuc-voca-accent-soft);--lhphuc-voca-success-soft:#ecfdf5;--lhphuc-voca-success-soft-2:#f0fdf4;--lhphuc-voca-success-border-soft:#86efac;--lhphuc-voca-success-text-strong:#15803d;--lhphuc-voca-warning-soft:#fffbeb;--lhphuc-voca-warning-soft-2:#fff7ed;--lhphuc-voca-warning-border-soft:#fed7aa;--lhphuc-voca-warning-text:#92400e;--lhphuc-voca-warning-text-strong:#c2410c;--lhphuc-voca-danger-soft:#fef2f2;--lhphuc-voca-surface-soft:#f8fafc;--lhphuc-voca-surface-soft-2:#f1f5f9;--lhphuc-voca-accent-soft-2:#eef2ff;--lhphuc-voca-accent-border-soft:#bfdbfe;--lhphuc-voca-danger-border-soft:#fca5a5;--lhphuc-voca-danger-border-soft-2:#fecdd3;--lhphuc-voca-brand-violet:#a855f7;--lhphuc-voca-brand-pink:#ec4899;--lhphuc-voca-text-inverse:#ffffff;--lhphuc-voca-text-danger-strong:#991b1b;--lhphuc-voca-text-success-strong:#166534;--lhphuc-voca-surface-raised:#ffffff;--lhphuc-voca-surface-muted:#fbfdff;--lhphuc-voca-surface-muted-2:#f3f4f6;--lhphuc-voca-accent-border-soft-2:#93c5fd;--lhphuc-voca-info-border-soft:#bfdbfe;--lhphuc-voca-info-strong:#2563eb;--lhphuc-voca-danger-soft-2:#fff1f2;--lhphuc-voca-danger-text-strong:#e11d48;--lhphuc-voca-warning-strong:#d97706;--lhphuc-voca-timer-chip-bg:var(--lhphuc-voca-surface-soft);--lhphuc-voca-timer-chip-border:var(--lhphuc-voca-border-soft);--lhphuc-voca-timer-chip-text:var(--lhphuc-voca-text-soft);--lhphuc-voca-overlay-stronger:rgba(15,23,42,.60);--lhphuc-voca-focus:rgba(37,99,235,.25);--lhphuc-voca-overlay:rgba(15,23,42,.35);--lhphuc-voca-overlay-strong:rgba(15,23,42,.45);--lhphuc-voca-focus-ring-width:2px;--lhphuc-voca-focus-ring-offset:2px;--lhphuc-voca-motion-fast:120ms;--lhphuc-voca-motion-base:180ms;--lhphuc-voca-motion-slow:260ms;--lhphuc-voca-ease-standard:cubic-bezier(.2,.8,.2,1);--lhphuc-voca-text-strong:var(--lhphuc-voca-text);--lhphuc-voca-text-soft:var(--lhphuc-voca-muted);--lhphuc-voca-surface-raised:color-mix(in srgb,var(--lhphuc-voca-surface) 92%,white);--lhphuc-voca-shell-bg:var(--lhphuc-voca-bg);--lhphuc-voca-shell-pattern:none;--lhphuc-voca-shell-pattern-size:28px;--lhphuc-voca-shell-pattern-pos:0 0;--lhphuc-voca-shell-padding:var(--lhphuc-voca-space-3);--lhphuc-voca-shell-radius:var(--lhphuc-voca-radius-md);--lhphuc-voca-shell-border-w:var(--lhphuc-voca-border-w);--lhphuc-voca-shell-border:var(--lhphuc-voca-border-color);--lhphuc-voca-topbar-bg:rgba(255,255,255,.72);--lhphuc-voca-topbar-border:var(--lhphuc-voca-border-color);--lhphuc-voca-topbar-blur:10px;--lhphuc-voca-topbar-pattern:var(--lhphuc-voca-shell-pattern);--lhphuc-voca-topbar-pattern-size:var(--lhphuc-voca-shell-pattern-size);--lhphuc-voca-topbar-pattern-pos:var(--lhphuc-voca-shell-pattern-pos);--lhphuc-voca-topbar-pattern-repeat:repeat;--lhphuc-voca-track:rgba(0,0,0,.06);--lhphuc-voca-pill-bg:rgba(147,51,234,.12);--lhphuc-voca-sidebar-bg:var(--lhphuc-voca-surface);--lhphuc-voca-sidebar-border:var(--lhphuc-voca-border-color);--lhphuc-voca-sidebar-border-w:1px;--lhphuc-voca-sidebar-item-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-sidebar-item-hover-bg:var(--lhphuc-voca-surface-2);--lhphuc-voca-sidebar-item-active-bg:var(--lhphuc-voca-accent-soft);--lhphuc-voca-sidebar-item-border-w:2px;--lhphuc-voca-sidebar-item-border:transparent;--lhphuc-voca-sidebar-item-active-border-w:var(--lhphuc-voca-sidebar-item-border-w);--lhphuc-voca-sidebar-item-active-border:var(--lhphuc-voca-border-color);--lhphuc-voca-sidebar-item-active-shadow:none;--lhphuc-voca-bottombar-bg:rgba(255,255,255,.90);--lhphuc-voca-bottombar-border:var(--lhphuc-voca-border-color);--lhphuc-voca-card-bg:var(--lhphuc-voca-surface);--lhphuc-voca-card-text:var(--lhphuc-voca-text);--lhphuc-voca-card-border:var(--lhphuc-voca-border-color);--lhphuc-voca-card-border-w:var(--lhphuc-voca-border-w);--lhphuc-voca-card-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-card-padding:var(--lhphuc-voca-space-3);--lhphuc-voca-card-shadow:var(--lhphuc-voca-shadow-sm);--lhphuc-voca-btn-h:44px;--lhphuc-voca-btn-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-btn-border-w:var(--lhphuc-voca-border-w);--lhphuc-voca-btn-border-style:var(--lhphuc-voca-border-style);--lhphuc-voca-btn-bg:var(--lhphuc-voca-surface);--lhphuc-voca-btn-text:var(--lhphuc-voca-text);--lhphuc-voca-btn-border:var(--lhphuc-voca-border-color);--lhphuc-voca-btn-shadow:none;--lhphuc-voca-btn-hover-bg:var(--lhphuc-voca-surface-2);--lhphuc-voca-btn-primary-bg:var(--lhphuc-voca-primary);--lhphuc-voca-btn-primary-text:var(--lhphuc-voca-primary-contrast);--lhphuc-voca-btn-primary-border:color-mix(in srgb,var(--lhphuc-voca-primary) 60%,var(--lhphuc-voca-border-color));--lhphuc-voca-btn-primary-shadow:none;--lhphuc-voca-btn-accent-bg:var(--lhphuc-voca-accent);--lhphuc-voca-btn-accent-text:var(--lhphuc-voca-primary-contrast);--lhphuc-voca-btn-accent-border:color-mix(in srgb,var(--lhphuc-voca-accent) 60%,var(--lhphuc-voca-border-color));--lhphuc-voca-input-bg:var(--lhphuc-voca-surface);--lhphuc-voca-input-text:var(--lhphuc-voca-text);--lhphuc-voca-input-placeholder:color-mix(in srgb,var(--lhphuc-voca-muted) 90%,transparent);--lhphuc-voca-input-border:var(--lhphuc-voca-border-color);--lhphuc-voca-input-border-w:var(--lhphuc-voca-border-w);--lhphuc-voca-input-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-quiz-bg:var(--lhphuc-voca-card-bg);--lhphuc-voca-quiz-border:var(--lhphuc-voca-card-border);--lhphuc-voca-quiz-radius:var(--lhphuc-voca-card-radius);--lhphuc-voca-quiz-padding:var(--lhphuc-voca-card-padding);--lhphuc-voca-choice-bg:var(--lhphuc-voca-surface);--lhphuc-voca-choice-text:var(--lhphuc-voca-text);--lhphuc-voca-choice-border:var(--lhphuc-voca-border-color);--lhphuc-voca-choice-border-w:2px;--lhphuc-voca-choice-border-style:var(--lhphuc-voca-border-style);--lhphuc-voca-choice-radius:var(--lhphuc-voca-radius-md);--lhphuc-voca-choice-pad:var(--lhphuc-voca-space-4);--lhphuc-voca-choice-gap:var(--lhphuc-voca-space-3);--lhphuc-voca-choice-hover-bg:var(--lhphuc-voca-surface-2);--lhphuc-voca-choice-badge-size:34px;--lhphuc-voca-choice-badge-bg:var(--lhphuc-voca-muted);--lhphuc-voca-choice-badge-text:var(--lhphuc-voca-surface);--lhphuc-voca-choice-correct-border:var(--lhphuc-voca-success);--lhphuc-voca-choice-correct-bg:color-mix(in srgb,var(--lhphuc-voca-success) 10%,var(--lhphuc-voca-surface));--lhphuc-voca-choice-wrong-border:var(--lhphuc-voca-danger);--lhphuc-voca-choice-wrong-bg:color-mix(in srgb,var(--lhphuc-voca-danger) 10%,var(--lhphuc-voca-surface));--lhphuc-voca-choice-timeout-border:var(--lhphuc-voca-info);--lhphuc-voca-choice-timeout-bg:var(--lhphuc-voca-accent-soft);--lhphuc-voca-blank-bg:var(--lhphuc-voca-surface);--lhphuc-voca-blank-border:color-mix(in srgb,var(--lhphuc-voca-text) 24%,transparent);--lhphuc-voca-blank-border-w:2px;--lhphuc-voca-blank-border-style:dashed;--lhphuc-voca-blank-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-audio-bg:var(--lhphuc-voca-surface);--lhphuc-voca-audio-border:var(--lhphuc-voca-border-color);--lhphuc-voca-audio-radius:var(--lhphuc-voca-radius-sm);--lhphuc-voca-audio-shadow:none;--lhphuc-voca-quiz-stem-fs:20px;--lhphuc-voca-choice-text-fs:18px;--lhphuc-voca-wp-bank-bg:color-mix(in srgb,var(--lhphuc-voca-text) 4%,transparent);--lhphuc-voca-wp-bank-border:color-mix(in srgb,var(--lhphuc-voca-text) 12%,transparent);--lhphuc-voca-wp-continue-bg:var(--lhphuc-voca-success);--lhphuc-voca-wp-continue-text:var(--lhphuc-voca-surface);--lhphuc-voca-wp-continue-radius:var(--lhphuc-voca-radius-sm)}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-albumcard{position:relative}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-favbtn{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,white 80%,transparent);cursor:pointer}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-favbtn i{font-size:16px}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-favbtn.is-on{border-color:color-mix(in srgb,#ef4444 45%,transparent)}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-favbtn.is-on i{color:#ef4444}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) .lhphuc-voca-favbtn:focus{outline:2px solid color-mix(in srgb,#ef4444 45%,transparent);outline-offset:2px}.user-answer-formal{border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#fff;margin:10px 0 16px;font-family:var(--lhphuc-voca-font)}.ua-header{background-color:#F9FAFB;padding:8px 12px;border-bottom:1px solid #e5e7eb;font-size:11px;color:#6B7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.ua-content{padding:12px 14px;color:#1F2937;font-size:15px;line-height:1.55}.highlight-error{display:inline-block;background-color:rgba(239,68,68,.1);border-bottom:2px solid #ef4444;color:#1e293b;cursor:pointer;border-radius:4px;padding:2px 0;transition:all .2s}.highlight-error.active{background-color:rgba(99,102,241,.15);border-bottom-color:#6366f1}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(a[href],button,[role=button],summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--lhphuc-voca-focus-ring-width) solid var(--lhphuc-voca-accent);outline-offset:var(--lhphuc-voca-focus-ring-offset);box-shadow:0 0 0 4px var(--lhphuc-voca-focus)}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(input,select,textarea):focus,:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(input,select,textarea):focus-visible{outline:none;box-shadow:none}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(.lhp-card,.lhphuc-voca-card,.lhphuc-voca__card){background:var(--lhphuc-voca-card-bg);color:var(--lhphuc-voca-card-text);border:var(--lhphuc-voca-card-border-w) solid var(--lhphuc-voca-card-border);border-radius:var(--lhphuc-voca-card-radius);box-shadow:var(--lhphuc-voca-card-shadow)}.lhphuc-voca .u-hidden,.lhphuc-voca [hidden],.lhphuc-voca-app .u-hidden,.lhphuc-voca-app [hidden],.lhphuc-voca-dashboard .u-hidden,.lhphuc-voca-dashboard [hidden]{display:none}.lhphuc-voca .u-sr-only,.lhphuc-voca .u-visually-hidden,.lhphuc-voca-app .u-sr-only,.lhphuc-voca-app .u-visually-hidden,.lhphuc-voca-dashboard .u-sr-only,.lhphuc-voca-dashboard .u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(.u-stack-sm>*+*){margin-top:var(--lhphuc-voca-space-2)}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(.u-stack-md>*+*){margin-top:var(--lhphuc-voca-space-4)}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :where(.u-stack-lg>*+*){margin-top:var(--lhphuc-voca-space-6)}@media (prefers-reduced-motion:reduce){:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard),:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) *,:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :after,:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard) :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(.lhphuc-voca-theme--pro){--lhphuc-voca-font:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-font-display:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-radius:16px;--lhphuc-voca-btn-h:44px;--lhphuc-voca-pro-white:#ffffff;--lhphuc-voca-pro-ink:#0f172a;--lhphuc-voca-pro-ink-2:#1e293b;--lhphuc-voca-pro-text-2:#475569;--lhphuc-voca-pro-muted:#64748b;--lhphuc-voca-pro-subtle:#94a3b8;--lhphuc-voca-pro-border:#e2e8f0;--lhphuc-voca-pro-border-soft:#f1f5f9;--lhphuc-voca-pro-border-strong:#cbd5e1;--lhphuc-voca-pro-surface-soft:#f1f5f9;--lhphuc-voca-pro-surface-soft-2:#f8fafc;--lhphuc-voca-pro-primary:#3b82f6;--lhphuc-voca-pro-primary-strong:#2563eb;--lhphuc-voca-pro-primary-soft:#eff6ff;--lhphuc-voca-pro-success:#22c55e;--lhphuc-voca-pro-success-soft:#ecfdf5;--lhphuc-voca-pro-warning:#f59e0b;--lhphuc-voca-pro-warning-soft:#fffbeb;--lhphuc-voca-pro-danger:#ef4444;--lhphuc-voca-pro-danger-soft:#fef2f2;--lhphuc-voca-pro-danger-border-soft:#fca5a5;--lhphuc-voca-pro-danger-border-soft-2:#fecdd3;--lhphuc-voca-pro-primary-border-soft:#93c5fd;--lhphuc-voca-pro-primary-soft-2:#eef2ff;--lhphuc-voca-pro-brand-grad:linear-gradient(135deg,var(--lhphuc-voca-brand-violet) 0%,var(--lhphuc-voca-brand-pink) 100%);--lhphuc-voca-text-inverse:var(--lhphuc-voca-pro-white);--lhphuc-voca-text-danger-strong:#991b1b;--lhphuc-voca-text-success-strong:#166534;--lhphuc-voca-surface-raised:var(--lhphuc-voca-pro-white);--lhphuc-voca-surface-muted:#fbfdff;--lhphuc-voca-surface-muted-2:#f3f4f6;--lhphuc-voca-accent-border-soft-2:var(--lhphuc-voca-pro-primary-border-soft);--lhphuc-voca-info-border-soft:var(--lhphuc-voca-pro-primary-border-soft);--lhphuc-voca-info-strong:var(--lhphuc-voca-pro-primary-strong);--lhphuc-voca-danger-soft-2:#fff1f2;--lhphuc-voca-danger-text-strong:#e11d48;--lhphuc-voca-warning-strong:#d97706;--lhphuc-voca-overlay-stronger:rgba(15,23,42,.60);--lhphuc-voca-bg:var(--lhphuc-voca-pro-surface-soft-2);--lhphuc-voca-shell-bg:var(--lhphuc-voca-pro-surface-soft-2);--lhphuc-voca-surface:var(--lhphuc-voca-pro-white);--lhphuc-voca-surface-2:#f3f4f6;--lhphuc-voca-text:var(--lhphuc-voca-pro-ink);--lhphuc-voca-muted:var(--lhphuc-voca-pro-muted);--lhphuc-voca-text-strong:var(--lhphuc-voca-pro-ink-2);--lhphuc-voca-text-soft:var(--lhphuc-voca-pro-text-2);--lhphuc-voca-text-subtle:var(--lhphuc-voca-pro-subtle);--lhphuc-voca-border-color:var(--lhphuc-voca-pro-border);--lhphuc-voca-border:var(--lhphuc-voca-border-color);--lhphuc-voca-border-soft:var(--lhphuc-voca-pro-border);--lhphuc-voca-border-strong:var(--lhphuc-voca-pro-border-strong);--lhphuc-voca-primary:var(--lhphuc-voca-pro-primary);--lhphuc-voca-primary-contrast:var(--lhphuc-voca-pro-white);--lhphuc-voca-accent:var(--lhphuc-voca-pro-primary-strong);--lhphuc-voca-info:var(--lhphuc-voca-pro-primary);--lhphuc-voca-warning:var(--lhphuc-voca-pro-warning);--lhphuc-voca-success:var(--lhphuc-voca-pro-success);--lhphuc-voca-danger:var(--lhphuc-voca-pro-danger);--lhphuc-voca-accent-soft:var(--lhphuc-voca-pro-primary-soft);--lhphuc-voca-info-soft:var(--lhphuc-voca-pro-primary-soft);--lhphuc-voca-success-soft:var(--lhphuc-voca-pro-success-soft);--lhphuc-voca-success-soft-2:#f0fdf4;--lhphuc-voca-success-border-soft:#86efac;--lhphuc-voca-success-text-strong:#15803d;--lhphuc-voca-warning-soft:var(--lhphuc-voca-pro-warning-soft);--lhphuc-voca-warning-soft-2:#fff7ed;--lhphuc-voca-warning-border-soft:#fed7aa;--lhphuc-voca-warning-text:#92400e;--lhphuc-voca-warning-text-strong:#c2410c;--lhphuc-voca-danger-soft:var(--lhphuc-voca-pro-danger-soft);--lhphuc-voca-shadow-sm:0 6px 18px rgba(15,23,42,.10);--lhphuc-voca-shadow-md:0 10px 28px rgba(15,23,42,.08);--lhphuc-voca-shadow-lg:0 18px 42px rgba(15,23,42,.12);--lhphuc-voca-topbar-bg:var(--lhphuc-voca-pro-white);--lhphuc-voca-topbar-border:rgba(15,23,42,.12);--lhphuc-voca-topbar-blur:10px;--lhphuc-voca-sidebar-icon-glow:0 0 10px currentColor;--lhphuc-voca-sidebar-icon-filter:drop-shadow(0 0 10px currentColor);--lhphuc-voca-sidebar-icon-scale:1.08;--lhphuc-voca-topbar-pattern:none;--lhphuc-voca-topbar-pattern-repeat:no-repeat;--lhphuc-voca-bottombar-bg:rgba(255,255,255,.92);--lhphuc-voca-bottombar-border:rgba(15,23,42,.12);--lhphuc-voca-overlay-strong:rgba(15,23,42,.45);--lhphuc-voca-shell-bg:var(--lhphuc-voca-bg);--lhphuc-voca-sidebar-bg:var(--lhphuc-voca-pro-ink);--lhphuc-voca-sidebar-text:#94a3b8;--lhphuc-voca-sidebar-border:#1e293b;--lhphuc-voca-sidebar-border-w:1px;--lhphuc-voca-coursebar-bg:var(--lhphuc-voca-pro-white);--lhphuc-voca-coursebar-border:var(--lhphuc-voca-pro-border);--lhphuc-voca-coursebar-border-w:1px;--lhphuc-voca-sidebar-item-radius:18px;--lhphuc-voca-sidebar-item-border-w:0px;--lhphuc-voca-sidebar-item-active-border-w:0px;--lhphuc-voca-sidebar-item-border:transparent;--lhphuc-voca-sidebar-item-hover-bg:rgba(255,255,255,.05);--lhphuc-voca-sidebar-item-hover-shadow:0 0 10px rgba(56,189,248,.18);--lhphuc-voca-sidebar-item-active-bg:linear-gradient(90deg,rgba(56,189,248,0.15),rgba(56,189,248,0.05));--lhphuc-voca-sidebar-item-active-border:transparent;--lhphuc-voca-sidebar-item-active-shadow:0 0 12px rgba(56,189,248,.12);--lhphuc-voca-sidebar-item-active-text:var(--lhphuc-voca-pro-white);--lhphuc-voca-sidebar-item-active-icon:#38bdf8;--lhphuc-voca-sidebar-item-active-bar-w:4px;--lhphuc-voca-sidebar-item-active-bar-h:60%;--lhphuc-voca-sidebar-item-active-bar-color:#38bdf8;--lhphuc-voca-sidebar-item-active-bar-shadow:0 0 12px rgba(56,189,248,0.8),2px 0 20px rgba(56,189,248,0.4);--lhphuc-voca-nav-icon-overview:#a855f7;--lhphuc-voca-nav-icon-review:var(--lhphuc-voca-pro-success);--lhphuc-voca-nav-icon-library:var(--lhphuc-voca-pro-warning);--lhphuc-voca-nav-icon-program:#ec4899;--lhphuc-voca-nav-icon-my_album:#38bdf8;--lhphuc-voca-nav-icon-public_album:var(--lhphuc-voca-pro-white);--lhphuc-voca-status-chip-review-text:#d97706;--lhphuc-voca-status-chip-review-bg:var(--lhphuc-voca-pro-warning-soft);--lhphuc-voca-status-chip-review-border:#fcd34d;--lhphuc-voca-status-chip-review-glow:rgba(245,158,11,0.5);--lhphuc-voca-status-chip-learn-text:var(--lhphuc-voca-pro-primary-strong);--lhphuc-voca-status-chip-learn-bg:var(--lhphuc-voca-pro-primary-soft);--lhphuc-voca-status-chip-learn-border:#bfdbfe;--lhphuc-voca-status-chip-learn-glow:rgba(37,99,235,0.5);--lhphuc-voca-status-chip-relearn-text:#059669;--lhphuc-voca-status-chip-relearn-bg:var(--lhphuc-voca-pro-success-soft);--lhphuc-voca-status-chip-relearn-border:#6ee7b7;--lhphuc-voca-status-chip-relearn-glow:rgba(5,150,105,0.5);--lhphuc-voca-status-chip-new-text:var(--lhphuc-voca-pro-text-2);--lhphuc-voca-status-chip-new-bg:var(--lhphuc-voca-pro-surface-soft-2);--lhphuc-voca-status-chip-new-border:var(--lhphuc-voca-pro-border-strong);--lhphuc-voca-status-chip-new-glow:rgba(100,116,139,0.3);--lhphuc-voca-status-chip-paused-text:#dc2626;--lhphuc-voca-status-chip-paused-bg:var(--lhphuc-voca-pro-danger-soft);--lhphuc-voca-status-chip-paused-border:#fca5a5;--lhphuc-voca-status-chip-paused-glow:rgba(220,38,38,0.4);--lhphuc-voca-pro-accent:#38bdf8;--lhphuc-voca-pro-gradient:linear-gradient(90deg,#22c55e,#38bdf8)}.lhphuc-voca-app[data-theme=dark],.lhphuc-voca[data-theme=dark]{--lhphuc-voca-font:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-font-display:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--lhphuc-voca-radius:14px;--lhphuc-voca-btn-h:44px;--lhphuc-voca-bg:#0b1220;--lhphuc-voca-surface:#0f172a;--lhphuc-voca-surface-2:#111c33;--lhphuc-voca-text:#e5e7eb;--lhphuc-voca-muted:rgba(229,231,235,.72);--lhphuc-voca-border:rgba(229,231,235,.14);--lhphuc-voca-primary:#e5e7eb;--lhphuc-voca-primary-contrast:#0b1220;--lhphuc-voca-accent:#60a5fa;--lhphuc-voca-info:#60a5fa;--lhphuc-voca-warning:#fbbf24;--lhphuc-voca-success:#34d399;--lhphuc-voca-danger:#fb7185;--lhphuc-voca-accent-soft:rgba(96,165,250,.16);--lhphuc-voca-success-soft:rgba(52,211,153,.14);--lhphuc-voca-warning-soft:rgba(251,191,36,.14);--lhphuc-voca-danger-soft:rgba(251,113,133,.14);--lhphuc-voca-shadow-sm:0 6px 18px rgba(0,0,0,.35);--lhphuc-voca-shadow-md:0 12px 34px rgba(0,0,0,.38);--lhphuc-voca-shadow-lg:0 22px 56px rgba(0,0,0,.42);--lhphuc-voca-topbar-bg:rgba(15,23,42,.72);--lhphuc-voca-topbar-border:rgba(229,231,235,.12);--lhphuc-voca-topbar-blur:12px;--lhphuc-voca-bottombar-bg:rgba(15,23,42,.88);--lhphuc-voca-bottombar-border:rgba(229,231,235,.12);--lhphuc-voca-shell-bg:radial-gradient(1200px 600px at 10% 0%,rgba(96,165,250,.22),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(52,211,153,.14),transparent 55%),var(--lhphuc-voca-bg);--lhphuc-voca-overlay:rgba(0,0,0,.55);--lhphuc-voca-focus:rgba(96,165,250,.28)}.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);background:var(--lhphuc-voca-pro-white);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}