:root{--hi-color-bg: #f5ead8;--hi-color-surface: #ebddc5;--hi-color-ink: #201e1d;--hi-color-accent: #c67139;--hi-color-accent-2: #7a8a5e;--hi-color-divider: color-mix(in srgb, var(--hi-color-ink) 16%, transparent);--hi-skill-listening: #f8d415;--hi-skill-speaking: #e46231;--hi-skill-reading: #5a8ac5;--hi-skill-writing: #56aa75;--hi-skill-edge: #8c8474;--hi-skill-on: var(--hi-color-ink);--hi-color-video-mat: #000000;--hi-state-not-joined: var(--hi-neutral-300);--hi-state-working: var(--hi-accent-200);--hi-state-correct: var(--hi-skill-writing);--hi-state-wrong: var(--hi-accent-500);--hi-state-disconnected: var(--hi-neutral-500);--hi-state-edge: var(--hi-skill-edge);--hi-neutral-100: #f9f4ed;--hi-neutral-200: #eee7db;--hi-neutral-300: #dcd3c4;--hi-neutral-400: #c0b6a5;--hi-neutral-500: #a19786;--hi-neutral-600: #82796a;--hi-neutral-700: #645c50;--hi-neutral-800: #474238;--hi-neutral-900: #2e2b25;--hi-accent-100: #fff2eb;--hi-accent-200: #ffe1d0;--hi-accent-300: #ffc6a5;--hi-accent-400: #f6a06b;--hi-accent-500: #d67f48;--hi-accent-600: #b2622d;--hi-accent-700: #8c491a;--hi-accent-800: #643312;--hi-accent-900: #402310;--hi-accent-2-100: #f0fae1;--hi-accent-2-200: #e1eecc;--hi-accent-2-300: #ccdbb2;--hi-accent-2-400: #aebf92;--hi-accent-2-500: #8fa073;--hi-accent-2-600: #728157;--hi-accent-2-700: #56633f;--hi-accent-2-800: #3d472b;--hi-accent-2-900: #272e1b;--hi-font-brand: "Caprasimo", Georgia, serif;--hi-font-display: "Caprasimo", Georgia, serif;--hi-font-vi: "Be Vietnam Pro", system-ui, sans-serif;--hi-font-ui: "Figtree", system-ui, -apple-system, sans-serif;--hi-space-1: 4px;--hi-space-2: 8px;--hi-space-3: 12px;--hi-space-4: 16px;--hi-space-6: 24px;--hi-space-8: 32px;--hi-space-12: 48px;--hi-radius-sm: 8px;--hi-radius-md: 16px;--hi-radius-lg: 28px;--hi-radius-pill: 999px;--hi-shadow-sm: 0 1px 2px color-mix(in srgb, var(--hi-neutral-900) 14%, transparent);--hi-shadow-md: 0 3px 10px color-mix(in srgb, var(--hi-neutral-900) 16%, transparent);--hi-shadow-lg: 0 12px 32px color-mix(in srgb, var(--hi-neutral-900) 22%, transparent)}:root[lang=vi]{--hi-font-display: "Be Vietnam Pro", system-ui, sans-serif}[data-hi-shell=young]{--hi-font-size-base: 20px;--hi-touch-target: 64px;--hi-radius-interactive: var(--hi-radius-lg)}[data-hi-shell=older]{--hi-font-size-base: 16px;--hi-touch-target: 48px;--hi-radius-interactive: var(--hi-radius-md)}[data-hi-shell=adult]{--hi-font-size-base: 16px;--hi-touch-target: 44px;--hi-radius-interactive: var(--hi-radius-md)}:root[data-hi-season=mid-autumn]{--hi-color-bg: #fbf1da;--hi-color-surface: #f3e3c1;--hi-neutral-100: #fdf7ea;--hi-neutral-200: #f2e8d5;--hi-season-moon: #ffe9a3;--hi-season-moon-glow: #ffd76b;--hi-season-lantern: #d34f33;--hi-season-lantern-deep: #a3341f;--hi-season-night: #2b3a52;--hi-season-mooncake: #cf9350;--hi-season-mooncake-deep: #a4682f;--hi-season-gold: #e8b53f;--hi-season-ornament-opacity: .1;--hi-season-ornament-opacity-strong: .24}*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit;max-inline-size:100%;min-inline-size:0}p,h1,h2,h3,h4{overflow-wrap:break-word}body{margin:0;background:var(--hi-color-bg);color:var(--hi-color-ink);font-family:var(--hi-font-ui);font-size:var(--hi-font-size-base, 16px);line-height:1.55}:root[data-hi-season=mid-autumn] body{background-image:radial-gradient(circle at 88% 6%,var(--hi-season-moon) 0 3.2rem,color-mix(in srgb,var(--hi-season-moon-glow) 55%,transparent) 3.2rem 4.6rem,color-mix(in srgb,var(--hi-season-moon-glow) 18%,transparent) 4.6rem 9rem,transparent 9rem);background-repeat:no-repeat;background-attachment:fixed}@media(prefers-reduced-motion:no-preference){:root[data-hi-season=mid-autumn] body{animation:none}}h1,h2,h3,h4{font-family:var(--hi-font-display);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--hi-space-2)}.hi-vi,[lang=vi]{font-family:var(--hi-font-vi)}:focus-visible{outline:3px solid var(--hi-color-accent);outline-offset:2px}button,[role=button],a.hi-target{min-block-size:var(--hi-touch-target, 44px);min-inline-size:var(--hi-touch-target, 44px)}.hi-skip-link{position:absolute;inset-inline-start:-9999px}.hi-skip-link:focus{inset-inline-start:var(--hi-space-4);inset-block-start:var(--hi-space-4);z-index:100;padding:var(--hi-space-2) var(--hi-space-4);background:var(--hi-color-surface);border-radius:var(--hi-radius-pill)}.hi-placeholder{padding:var(--hi-space-8)}.hi-error-state,.hi-empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hi-space-3);padding:var(--hi-space-8);border-radius:var(--hi-radius-lg);color:var(--hi-color-ink)}.hi-error-state{border:1px solid var(--hi-accent-700);background:color-mix(in srgb,var(--hi-color-accent) 10%,transparent);font-weight:600}.hi-empty-state{background:color-mix(in srgb,var(--hi-color-surface) 60%,transparent);color:var(--hi-neutral-700)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.hi-print-hide,nav,[data-nav-slot]{display:none!important}body{background:none}.hi-print-sheet{max-inline-size:none!important;padding:0!important;margin:0!important}.hi-print-sheet table,.hi-print-sheet th,.hi-print-sheet td{border-color:var(--hi-color-ink)}.hi-print-sheet tr,.hi-print-sheet .hi-print-block{break-inside:avoid}}