.mh-khung{overflow:hidden;container-type:inline-size}.mh-lop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mh-khung>video{transition:transform 1.8s cubic-bezier(.45,.05,.25,1)}.mh-khung.mh-mo>video{transform:translateX(var(--mh-dich,-18%))}.mh-khung{transition:background-color 0s linear 1.8s}.mh-khung.mh-mo{background-color:#d8d4cc;transition:background-color}.mh-trang{visibility:hidden;width:44%;transition:transform 1.6s,visibility 0s linear 1.6s;position:absolute;top:0;bottom:0;right:0;transform:translate(2.5%)}.mh-trang.mo{visibility:visible;transition:transform 1.6s;transform:none}.mh-giay,.mh-trang svg{opacity:0;transition:opacity 1.4s}.mh-trang.mo .mh-giay,.mh-trang.mo svg{opacity:1}.mh-bong{position:absolute;inset:0}.mh-giay{-webkit-backdrop-filter:blur(22px)saturate(.8);backdrop-filter:blur(22px)saturate(.8);background-color:#e7e6e299;background-image:linear-gradient(#fff3,#fff0 45%);border:1px solid #fff9;border-radius:clamp(12px,1.5cqw,28px);position:absolute;inset:4% 1.6% 3.5% 2.4%;box-shadow:inset 0 1px #fff9,0 22px 54px -26px #19161266}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mh-giay{background-color:#ecebe7f2}}.mh-trang svg{width:86%;height:89%;position:absolute;top:6%;left:9%;overflow:visible}.mh-hep .mh-trang{width:50%}.mh-hep .mh-giay{border-radius:14px}.mh-trang.mh-gan svg{width:96%;height:92.5%;top:4%;left:2.4%;overflow:hidden}.mh-ve{transform-box:view-box;transform-origin:0 0;transition:transform 2s cubic-bezier(.4,0,.2,1)}.mh-net{fill:none;stroke:#2a2420;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.5s cubic-bezier(.45,.05,.3,1)}.mh-buoc:not(.hien) .mh-net{visibility:hidden}.hien .mh-net{stroke-dashoffset:0}.mh-net.mh-manh{stroke-width:2px}.mh-chu{fill:#2a2420;stroke:none;opacity:0;filter:blur(2.2px);font-family:"Source Serif 4",Georgia,serif;transition:opacity 1.3s .35s,filter 1.6s .35s}.hien .mh-chu{opacity:1;filter:blur()}.mh-nghieng{font-style:italic}.mh-net.mh-reu{stroke:#4f5f36}.mh-chu.mh-reu{fill:#4f5f36}.mh-net.mh-gach{stroke:#8b3a2b}.mh-chu.mh-gach{fill:#8b3a2b}.mh-net.mh-vang{stroke:#8f6f2f}.mh-chu.mh-vang{fill:#8f6f2f}.ngay .mh-net,.ngay .mh-chu{transition:none!important}.mh-nut{z-index:5;pointer-events:auto;letter-spacing:.02em;color:#f4efe6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14110e8c;border:1px solid #f4efe659;border-radius:999px;align-items:center;gap:8px;padding:9px 14px 9px 12px;font:500 14px/1 Inter,system-ui,sans-serif;transition:background .3s,border-color .3s;display:inline-flex;position:absolute;top:14px;left:14px}.mh-nut[hidden]{display:none}.mh-nut:hover{background:#14110eb8}.mh-nut .cham{border:1.5px solid;border-radius:50%;width:9px;height:9px;transition:background .3s}.mh-nut.dang-bat{background:#4f5f36d9;border-color:#f4efe699}.mh-nut.dang-bat .cham{background:currentColor}.mh-lop-the{pointer-events:none;z-index:4;position:absolute;inset:0}.mh-the{box-sizing:border-box;max-width:51%;left:2.4%;bottom:max(13%, calc(var(--mh-phu-de-cao,0px) + 6px));color:#33302b;-webkit-backdrop-filter:blur(14px)saturate(.75)contrast(.62)brightness(1.08);backdrop-filter:blur(14px)saturate(.75)contrast(.62)brightness(1.08);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;background-color:#e9e7e2b3;background-image:linear-gradient(#ffffff38,#fff0 60%);border:1px solid #ffffff8c;border-radius:clamp(10px,1.25cqw,24px);margin:0;padding:1em 1.6em 1.02em 2.35em;font:400 calc(.92cqw + 7px)/1.42 "Source Serif 4",Georgia,serif;transition:opacity 1.2s,transform 1.4s cubic-bezier(.22,.61,.36,1),bottom .4s;position:absolute;transform:translateY(12px);box-shadow:inset 0 1px #ffffff8c,0 14px 34px -16px #1e1a1459}.mh-the:before{content:"";background:#5b6a45;border-radius:2px;width:3px;position:absolute;top:1.08em;bottom:1.08em;left:1.05em}.mh-the.mo{opacity:1;transform:none}.mh-the-chu{white-space:pre-line;text-wrap:pretty;margin:0;font-style:normal}.mh-lien{white-space:nowrap}.mh-the-nguon{letter-spacing:.1em;text-transform:uppercase;color:#5f4237;white-space:pre-line;text-wrap:balance;margin-top:.78em;font:500 max(.6em,8.5px)/1.5 Inter,system-ui,sans-serif}.mh-the-nguon:before{content:"";vertical-align:.32em;opacity:.75;background:currentColor;width:2.2em;height:1px;margin-right:.8em;display:inline-block}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mh-the{background-color:#eceae5ed}}.mh-hep .mh-the{max-width:47%;bottom:max(5%, calc(var(--mh-phu-de-cao,0px) + 6px));border-radius:12px;padding:.8em 1.15em .84em 1.85em}.mh-hep:not(.mh-mo) .mh-the{max-width:62%}.mh-hep .mh-the:before{width:2.5px;top:.88em;bottom:.88em;left:.82em}@container (width<=520px){.mh-hep .mh-lop-the .mh-the{max-width:none;left:3%;right:3%;bottom:max(3%, calc(var(--mh-phu-de-cao,0px) + 4px));border-radius:10px;padding:.6em .95em .62em 1.55em;line-height:1.36}.mh-hep .mh-lop-the .mh-the:before{width:2px;top:.66em;bottom:.66em;left:.66em}.mh-hep .mh-lop-the .mh-the-nguon{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;margin-top:.32em;font-size:8px;overflow:hidden}}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-600-normal-CZLGqjJe.woff2)format("woff2"),url(/assets/playfair-display-latin-600-normal-CxxueQ0Z.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-vietnamese-600-normal-ICsRR-qJ.woff2)format("woff2"),url(/assets/playfair-display-vietnamese-600-normal-BPJkAZPN.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/be-vietnam-pro-latin-300-normal-Y7NOBCwQ.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-300-normal-B5D-7GXS.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/be-vietnam-pro-vietnamese-300-normal-DgHVdWqW.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-300-normal-CCFytK8Z.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-latin-400-normal-DJ5YJwmz.woff2)format("woff2"),url(/assets/source-serif-4-latin-400-normal-Dn3IlU-Z.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-vietnamese-400-normal-BbG3LG1A.woff2)format("woff2"),url(/assets/source-serif-4-vietnamese-400-normal-DR1UuFon.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-latin-400-italic-0j97Jm6B.woff2)format("woff2"),url(/assets/source-serif-4-latin-400-italic-Dv9jnFA_.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-vietnamese-400-italic-CjUPRDIa.woff2)format("woff2"),url(/assets/source-serif-4-vietnamese-400-italic-DyjhI2GX.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-serif-4-latin-600-normal-DouSKlru.woff2)format("woff2"),url(/assets/source-serif-4-latin-600-normal-DMD1h6_f.woff)format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-serif-4-vietnamese-600-normal-CznyfUKR.woff2)format("woff2"),url(/assets/source-serif-4-vietnamese-600-normal-B0WJbuqT.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff")}:root{--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR", sans-serif;--ivory:#fafaf8;--paper:#fff;--ink:#111114;--ink-2:#2a2a30;--muted:#5e5e63;--faint:#717176;--line:#ecece8;--line-strong:#dcdcd6;--champagne:#111114;--champagne-tint-bg:#f4f4f2;--champagne-tint-border:#dcdcd6;--champagne-tint-text:#3a3a40;--on-ink:#fff;--on-danger:#fff;--ok-text:#2f6b4a;--ok-bg:#f3faf6;--ok-border:#cfe3d6;--danger-text:#8e2a2a;--danger-bg:#fdf3f3;--danger-border:#f0d0d0;--danger-solid:#8e2a2a;--ink-mode-bg-top:#0f0f12;--ink-mode-bg-bottom:#0b0c10;--ink-mode-text:#f4f1ea;--ink-mode-muted:#bdb6a8;--ink-mode-hairline:#ffffff14;--ink-mode-accent:#f4f1ea;--ink-mode-rec-dot:#e0605a;--ink-mode-pill-border:#ffffff3d;--ink-mode-pill-text:#f4f1ea;--ink-mode-panel-bg:#0f0f12b8;--color-bg:var(--ivory);--color-surface:var(--paper);--color-surface-muted:var(--champagne-tint-bg);--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-accent:var(--champagne);--color-accent-strong:var(--champagne-tint-text);--color-accent-contrast:#fff;--color-danger:var(--danger-text);--color-danger-bg:var(--danger-bg);--color-success:var(--ok-text);--color-success-bg:var(--ok-bg);--color-focus-ring:var(--champagne);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:10px;--radius:18px;--radius-lg:22px;--shadow-panel:0 1px 2px #00000008, 0 12px 32px #1111140d;--touch-target:52px;--max-width:640px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ivory:#0f0f12;--paper:#17171b;--ink:#f4f1ea;--ink-2:#d9d4c8;--muted:#bdb6a8;--faint:#9a958b;--line:#ffffff14;--line-strong:#ffffff29;--champagne:#f4f1ea;--champagne-tint-bg:#ffffff0f;--champagne-tint-border:#ffffff29;--champagne-tint-text:#d9d4c8;--on-ink:#111114;--ok-text:#8fd1a8;--ok-bg:#2f6b4a2e;--ok-border:#8fd1a859;--danger-text:#e58f8a;--danger-bg:#8e2a2a2e;--danger-border:#e58f8a59;--danger-solid:#8e2a2a;--color-bg:var(--ivory);--color-surface:var(--paper);--color-surface-muted:#ffffff0d;--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-accent:var(--champagne);--color-accent-strong:var(--champagne-tint-text);--color-accent-contrast:#17171b;--color-danger:var(--danger-text);--color-danger-bg:var(--danger-bg);--color-success:var(--ok-text);--color-success-bg:var(--ok-bg);--color-focus-ring:var(--champagne);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ivory:#0f0f12;--paper:#17171b;--ink:#f4f1ea;--ink-2:#d9d4c8;--muted:#bdb6a8;--faint:#9a958b;--line:#ffffff14;--line-strong:#ffffff29;--champagne:#f4f1ea;--champagne-tint-bg:#ffffff0f;--champagne-tint-border:#ffffff29;--champagne-tint-text:#d9d4c8;--on-ink:#111114;--ok-text:#8fd1a8;--ok-bg:#2f6b4a2e;--ok-border:#8fd1a859;--danger-text:#e58f8a;--danger-bg:#8e2a2a2e;--danger-border:#e58f8a59;--danger-solid:#8e2a2a;--color-bg:var(--ivory);--color-surface:var(--paper);--color-surface-muted:#ffffff0d;--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-accent:var(--champagne);--color-accent-strong:var(--champagne-tint-text);--color-accent-contrast:#17171b;--color-danger:var(--danger-text);--color-danger-bg:var(--danger-bg);--color-success:var(--ok-text);--color-success-bg:var(--ok-bg);--color-focus-ring:var(--champagne);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ivory);color:var(--ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.6}#root{min-height:100%}h1,h2,h3{font-family:var(--font-serif);color:var(--ink);margin:0 0 var(--space-3) 0;font-weight:600}p{margin:0 0 var(--space-3) 0}h1{margin-bottom:34px;font-size:2.375rem;line-height:1.15}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.1875rem;line-height:1.3}strong{font-weight:500}a{color:var(--muted);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-size:1rem}:focus-visible{outline:2px solid var(--champagne);outline-offset:2px}.app-shell{flex-direction:column;min-height:100%;display:flex}.screen{width:100%;max-width:var(--max-width);padding:var(--space-5) var(--space-4) var(--space-7);margin:0 auto}.screen--wide{max-width:880px}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:nowrap;display:flex}.top-bar__brand{align-items:center;gap:var(--space-3);flex-shrink:0;min-width:0;display:flex;overflow:hidden}.top-bar__wordmark{font-family:var(--font-serif);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.25rem;font-weight:600;overflow:hidden}.brand-logo{object-fit:contain;filter:invert();flex-shrink:0;width:30px;height:30px;display:block}.brand-logo--on-ink{filter:none}.top-bar__right{justify-content:flex-end;align-items:center;gap:var(--space-5);flex:auto;min-width:0;display:flex}.top-bar__nav{align-items:center;gap:var(--space-5);flex-wrap:nowrap;flex-shrink:1;min-width:0;display:flex;overflow-x:auto}.top-bar__link{height:44px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;flex-shrink:0;align-items:center;padding:0 1px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s;display:inline-flex}.top-bar__link:hover,.top-bar__link:focus-visible{color:var(--ink);text-decoration:none}.top-bar__link.is-active{color:var(--ink);border-bottom-color:var(--champagne)}.top-bar__signout{flex-shrink:0}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:var(--space-4) var(--space-5)}.list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.list-item{border:none;border-bottom:1px solid var(--line);padding:var(--space-4);gap:var(--space-2);background:0 0;border-radius:0;flex-direction:column;display:flex}.list-item--link{color:inherit;cursor:pointer;text-decoration:none;display:flex}.list-item--link:hover,.list-item--link:focus-visible{text-decoration:none}.list-item--link:hover{background:var(--ivory)}.list-item:has(>.list-item--link:hover){background:var(--ivory)}.empty-state{color:var(--muted);padding:var(--space-4) 0;font-size:.9375rem}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);background:var(--ink);color:var(--on-ink);cursor:pointer;touch-action:manipulation;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;font-size:.9375rem;font-weight:500;text-decoration:none;transition:opacity .12s,background-color .12s,border-color .12s,color .12s;display:inline-flex}.button:hover:not(:disabled){opacity:.88}.button:hover,.button:focus-visible{text-decoration:none}.button:disabled{color:var(--faint);border-color:var(--line-strong);cursor:not-allowed;background:0 0}.button--secondary{color:var(--ink);border-color:var(--line-strong);background:0 0}.button--secondary:hover:not(:disabled){background:var(--line);opacity:1}.button--danger{background:var(--danger-solid);color:var(--on-danger);border-color:var(--danger-solid)}.button--danger:disabled{color:var(--danger-text);border-color:var(--danger-border)}.button--ghost{color:var(--ink);padding:0 var(--space-3);background:0 0;border-color:#0000;min-height:40px}.button--ghost:hover:not(:disabled){background:var(--champagne-tint-bg);opacity:1}.button--block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:500}.field__input{min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}.field__input:focus-visible{border-color:var(--champagne)}.field__hint{color:var(--muted);font-size:.8125rem;line-height:1.5}.badge{align-items:center;gap:var(--space-1);padding:4px var(--space-3);background:var(--ivory);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;font-size:.8125rem;font-weight:500;display:inline-flex}.badge--accent{background:var(--champagne-tint-bg);border-color:var(--champagne-tint-border);color:var(--champagne-tint-text)}.badge--success{background:var(--ok-bg);border:1px solid var(--ok-border);color:var(--ok-text)}.badge--danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.banner{border-radius:var(--radius);padding:var(--space-3) var(--space-4);border:1px solid var(--line);font-size:.9375rem}.banner--error{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}[role=alert],[aria-live]{scroll-margin-top:var(--space-4)}.auth-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-layout__brand{justify-content:space-between;gap:var(--space-6);padding:var(--space-7) var(--space-6);background-color:var(--ink-mode-bg-top);background-image:linear-gradient(180deg, var(--ink-mode-bg-top), var(--ink-mode-bg-bottom));flex-direction:column;display:flex}.auth-layout__brand-copy{gap:var(--space-2);flex-direction:column;display:flex}.auth-layout__wordmark{font-family:var(--font-serif);color:var(--ink-mode-text);font-size:2.5rem;font-weight:600;line-height:1.15}.auth-layout__tagline{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mode-muted);font-size:.75rem;font-weight:500}.auth-layout__form{padding:var(--space-6) var(--space-4);background:var(--paper);justify-content:center;align-items:center;display:flex}.auth-form{width:100%;max-width:380px}.auth-form__accent-line{height:1px;margin-top:var(--space-4);background:var(--line)}@media (width<=780px){.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-layout__brand{justify-content:flex-start;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4);flex-direction:row}.auth-layout__wordmark{font-size:1.5rem}}.ink-scope,.recording-screen{--ivory:var(--ink-mode-bg-top);--paper:var(--ink-mode-bg-bottom);--ink:var(--ink-mode-text);--ink-2:var(--ink-mode-text);--muted:var(--ink-mode-muted);--faint:var(--ink-mode-muted);--line:var(--ink-mode-hairline);--line-strong:var(--ink-mode-pill-border);--on-ink:var(--ink-mode-bg-top);--champagne:var(--ink-mode-pill-text);--champagne-tint-bg:var(--ink-mode-hairline);--champagne-tint-border:var(--ink-mode-pill-border);--champagne-tint-text:var(--ink-mode-text);--color-bg:var(--ivory);--color-surface:var(--paper);--color-surface-muted:var(--champagne-tint-bg);--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-accent:var(--champagne);--color-accent-strong:var(--champagne-tint-text);--danger-text:#e58f8a;--danger-border:#e58f8a59;color:var(--ink-mode-text)}.recording-screen{background-color:var(--ink-mode-bg-top);background-image:linear-gradient(180deg, var(--ink-mode-bg-top), var(--ink-mode-bg-bottom));touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recording-screen__status,.recording-screen__hint,.recording-screen__error,.recording-screen__controls{z-index:1;position:relative}.recording-screen__status{letter-spacing:.02em;color:var(--ink-mode-pill-text);background:var(--ink-mode-hairline);border:1px solid var(--ink-mode-pill-border);padding:6px var(--space-4);align-items:center;gap:var(--space-2);border-radius:999px;font-size:.875rem;font-weight:500;display:flex}.recording-screen__hint{margin-top:var(--space-2);color:var(--ink-mode-muted);text-align:center;font-size:.8125rem}.recording-screen__dot{background:#e8a094;border-radius:50%;width:10px;height:10px}.recording-screen__dot--live{background:var(--ink-mode-rec-dot)}.recording-screen__error{top:var(--space-5);left:var(--space-4);right:var(--space-4);color:#f4d9d3;border-radius:var(--radius);padding:var(--space-3) var(--space-4);text-align:center;background:#3a2320;position:absolute}.recording-screen__controls{bottom:var(--space-6);left:var(--space-4);right:var(--space-4);gap:var(--space-3);max-width:420px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--ink-mode-panel-bg);border:1px solid var(--ink-mode-hairline);flex-direction:column;margin:0 auto;display:flex;position:absolute}.recording-screen:has(.recording-screen__controls) .recording-screen__status{position:absolute;top:96px;left:50%;transform:translate(-50%)}.recording-screen:has(.recording-screen__controls) .recording-screen__hint{top:140px;left:var(--space-4);right:var(--space-4);position:absolute}.mic-level{background:var(--color-surface-muted);border-radius:999px;height:10px;overflow:hidden}.mic-level__fill{background:var(--color-accent);height:100%;transition:width .1s linear}.audio-player{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);display:flex}.audio-player__element{display:none}.audio-player__toggle{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;min-height:40px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;line-height:1;display:inline-flex}.audio-player__seek{min-width:0;accent-color:var(--color-accent);flex:1}.audio-player__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:5.5ch;font-size:.8125rem}.file-picker{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.file-picker__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-picker__name{color:var(--muted);font-size:.875rem}@media (width<=420px){.screen{padding:var(--space-4) var(--space-3) var(--space-6)}h1{margin-bottom:var(--space-5);font-size:1.875rem}}.sign-in-door{background:var(--ivory);border:1px solid var(--line);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.sign-in-door__option{appearance:none;color:var(--muted);padding:0 var(--space-4);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:36px;font-size:.875rem;font-weight:500}.sign-in-door__option:hover{color:var(--ink)}.sign-in-door__option:focus-visible{outline:2px solid var(--champagne);outline-offset:2px}.sign-in-door__option.is-active{background:var(--ink);color:var(--on-ink)}.student-shell{min-height:100vh;display:flex}.student-shell__main{flex-direction:column;flex:auto;min-width:0;min-height:100vh;display:flex}.student-shell__wordmark{font-family:var(--font-serif);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:600;overflow:hidden}.student-shell__rail{gap:var(--space-5);width:260px;padding:var(--space-5) var(--space-4);background:var(--paper);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;display:flex}.student-shell__rail-brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.student-shell__rail-tabs{gap:var(--space-1);flex-direction:column;display:flex}.student-shell__rail-tab{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);align-items:center;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.student-shell__rail-tab:hover,.student-shell__rail-tab:focus-visible{color:var(--ink);background:var(--ivory);text-decoration:none}.student-shell__rail-tab.is-active{color:var(--ink);background:var(--champagne-tint-bg);font-weight:600}.student-shell__rail-footer{padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:.875rem;overflow:hidden}.student-shell__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--paper);display:flex}.student-shell__header-brand{align-items:center;gap:var(--space-2);min-width:0;display:flex;overflow:hidden}.student-shell__header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.student-shell__avatar{background:var(--ink);width:40px;height:40px;color:var(--on-ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.student-shell__avatar:hover,.student-shell__avatar:focus-visible{opacity:.88;text-decoration:none}.student-shell__content{flex:auto}.student-shell__tabbar{border-top:1px solid var(--line);background:var(--paper);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:sticky;bottom:0}.student-shell__tabbar-item{min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.student-shell__tabbar-item:hover,.student-shell__tabbar-item:focus-visible{color:var(--ink);text-decoration:none}.student-shell__tabbar-item.is-active{color:var(--ink);font-weight:600}.student-shell__tabbar-item[aria-disabled=true]{color:var(--faint);cursor:not-allowed}@media (width>=1024px){.student-shell__content .screen{max-width:1180px}}@media (width>=768px) and (width<=1023.98px){.student-shell__content .screen{padding-left:var(--space-6);padding-right:var(--space-6)}.student-shell__content ul.list{gap:var(--space-3);box-shadow:none;background:0 0;border:none;grid-template-columns:1fr 1fr;display:grid}.student-shell__content ul.list .list-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}}.zalo-button{white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.zalo-button--header{height:40px;padding:0 var(--space-4);border:1px solid var(--line-strong);color:var(--ink);background:0 0;border-radius:999px;font-size:.8125rem;font-weight:500}.zalo-button--header:hover,.zalo-button--header:focus-visible{background:var(--ivory);text-decoration:none}.zalo-button--rail{width:100%}.zalo-qr-panel{text-align:center;align-items:center;width:100%;max-width:320px}.zalo-qr-panel__canvas{border-radius:var(--radius-sm);border:1px solid var(--line)}.view-as-banner{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius);background:var(--ink-mode-bg-top);color:var(--ink-mode-text);align-items:center;display:flex}.view-as-banner__label{letter-spacing:.02em;font-weight:600}.view-as-controls{flex-wrap:wrap;align-items:flex-end}.view-as-controls .button.is-active{background:var(--ink);color:var(--on-ink)}.view-as-preview{width:100%;max-width:900px;padding:var(--space-5) 0;justify-content:center;display:flex}.view-as-preview__frame-wrap{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-panel);overflow:hidden}.view-as-preview__frame{transform-origin:0 0;border:none;display:block}.video-page{min-height:100vh;padding:var(--space-4);gap:var(--space-4);background-color:var(--ink-mode-bg-top);background-image:linear-gradient(180deg, var(--ink-mode-bg-top), var(--ink-mode-bg-bottom));flex-direction:column;display:flex}.video-page__top{align-items:center;display:flex}.video-page__back{color:var(--color-text-muted);font-size:.875rem;text-decoration:none}.video-page__back:hover,.video-page__back:focus-visible{color:var(--color-text)}.video-page__layout{gap:var(--space-4);flex-direction:column;flex:1;display:flex}@media (width>=900px){.video-page__layout{flex-direction:row;align-items:flex-start}.video-page__layout>.video-player{flex:1;min-width:0}.video-page__layout>.chapter-list{flex-shrink:0;width:320px}}.video-player{gap:var(--space-3);flex-direction:column;display:flex}.video-player__frame{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%;position:relative;overflow:hidden}.video-player__element{background:#000;width:100%;height:100%;display:block}.video-player__big-play{width:100%;height:100%;color:var(--ink-mode-text);cursor:pointer;background:#00000040;border:none;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.video-player__lease-notice{left:50%;bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-mode-text);border:1px solid var(--ink-mode-hairline);background:#000000b8;font-size:.8125rem;position:absolute;transform:translate(-50%)}.video-player__controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.video-player__toggle,.video-player__cc{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;min-height:44px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;line-height:1;display:inline-flex}.video-player__cc.is-active{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.video-player__fullscreen{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--ink);background:var(--ink);min-width:44px;height:44px;min-height:44px;color:var(--on-ink);cursor:pointer;border-radius:999px;flex-shrink:0;padding:0 11px;font-size:.8125rem;line-height:1;display:inline-flex}.video-player__fullscreen-icon{flex-shrink:0}.video-player__fullscreen-label{white-space:nowrap;display:none}@media (width>=600px){.video-player__fullscreen-label{display:inline}}.video-player__toggle{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.video-player__seek-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}@media (width<=599px){.video-player__seek-wrap{flex:0 0 100%;order:-1;width:100%}}.video-player__seek{width:100%;accent-color:var(--color-accent)}.video-player__chapter-mark{background:var(--color-text-muted);pointer-events:none;width:2px;height:8px;position:absolute;top:50%;transform:translate(-1px,-50%)}.video-player__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:8ch;font-size:.8125rem}.video-player__subtitle-text{left:0;right:0;bottom:var(--space-4);padding:0 var(--space-3);text-align:center;color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;white-space:pre-line;font-size:1rem;line-height:1.4;position:absolute}.video-player__subtitle-text:not(.video-player__subtitle-text--below) .video-player__subtitle-text-inner{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#0000009e;border-radius:4px;padding:2px 6px}.video-player__frame.mh-mo .video-player__subtitle-text{text-align:left;width:56%;left:0;right:auto}@media (width<=900px){.video-player__frame.mh-mo .video-player__subtitle-text{width:50%}}.video-player__subtitle-text--below{padding:0 var(--space-3);text-align:center;color:var(--color-text);text-shadow:none;white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.2rem;max-height:4.2rem;font-size:1rem;line-height:1.4;display:-webkit-box;position:static;overflow:hidden}:is(.video-player:fullscreen,.video-player.video-player--pseudo-fullscreen){background:#000;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.video-player.video-player--pseudo-fullscreen{z-index:1000;position:fixed;inset:0}.video-player--pseudo-fullscreen .video-player__frame{aspect-ratio:auto;border-radius:0;flex:1}.video-player:fullscreen .video-player__frame{aspect-ratio:auto;border-radius:0;flex:1}.video-player--pseudo-fullscreen .video-player__controls{padding:var(--space-3);opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000b3);transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.video-player:fullscreen .video-player__controls{padding:var(--space-3);opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000b3);transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.video-player--pseudo-fullscreen.video-player--controls-visible .video-player__controls{opacity:1;pointer-events:auto}.video-player:fullscreen.video-player--controls-visible .video-player__controls{opacity:1;pointer-events:auto}.chapter-list__items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chapter-list__item{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.chapter-list__item:hover,.chapter-list__item:focus-visible{background:var(--color-surface-muted)}.chapter-list__item.is-active{background:var(--color-surface-muted);font-weight:600}.chapter-list__item-time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex-shrink:0;font-size:.8125rem}.chapter-list__item-title{overflow-wrap:break-word;min-width:0}.video-toc-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.video-card,.video-part__hero,.video-chapter{color:inherit;background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;transition:transform .16s,border-color .16s}.video-card{border-radius:var(--radius);height:100%;box-shadow:var(--shadow-panel);flex-direction:column;display:flex;overflow:hidden}.video-card:hover,.video-part__hero:hover{transform:translateY(-2px)}.video-card:hover,.video-card:focus-visible,.video-part__hero:hover,.video-part__hero:focus-visible,.video-chapter:hover,.video-chapter:focus-visible{text-decoration:none}.video-card__body{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5);flex-direction:column;display:flex}.video-card__eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8rem}.video-card__title{font-family:var(--font-serif);font-size:1.2rem;font-weight:500;line-height:1.3}.video-card__meta{color:var(--color-text-muted);font-size:.9rem}.video-thumb{aspect-ratio:16/9;background-color:#1c1c21;background-image:linear-gradient(135deg,#2a2a30 0%,#111114 100%);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-thumb__placeholder{font-family:var(--font-serif);color:#f4f1ea;font-size:1.4rem}.video-thumb--small{border-radius:var(--radius-sm);flex:none;width:120px}.video-thumb--small .video-thumb__placeholder{font-size:1.05rem}.video-progress{background:var(--color-surface-muted);border-radius:999px;height:4px;display:block;overflow:hidden}.video-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.video-part{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.video-part__hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.video-part__hero .video-thumb{height:100%}.video-part__info{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.video-part__title{font-family:var(--font-serif);font-size:1.45rem;font-weight:500;line-height:1.3}.video-part__cta{margin-top:var(--space-2);align-self:flex-start}.video-chapters{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.video-chapter{align-items:center;gap:var(--space-3);height:100%;padding:var(--space-2);border-radius:var(--radius);display:flex}.video-chapter:hover{border-color:var(--line-strong)}.video-chapter__text{flex-direction:column;gap:2px;min-width:0;display:flex}.video-chapter__title{font-weight:500;line-height:1.35}.video-chapter__meta{color:var(--color-text-muted);font-size:.85rem}.video-toc-view{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.video-toc-view__option{min-height:36px;padding:0 var(--space-4);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.9rem}.video-toc-view__option[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.video-chapter-list{padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);margin:0;list-style:none}.video-chapter-list>li+li{border-top:1px solid var(--color-border)}.video-chapter-line{align-items:baseline;gap:var(--space-3);padding:var(--space-3) 0;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.video-chapter-line:hover,.video-chapter-line:focus-visible{text-decoration:none}.video-chapter-line:hover .video-chapter-line__title{text-decoration:underline}.video-chapter-line__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:3.2em;font-size:.85rem}.video-chapter-line__title{font-weight:500;line-height:1.4}.video-chapter-line__meta{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}@media (width<=640px){.video-part__hero{grid-template-columns:1fr}.video-part__hero .video-thumb{height:auto}.video-chapters{grid-template-columns:1fr}.video-thumb--small{width:104px}}@media (prefers-reduced-motion:reduce){.video-card,.video-part__hero,.video-chapter{transition:none}.video-card:hover,.video-part__hero:hover{transform:none}}