@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";[data-xq-theme=site]{--app: #f6f1ea;--panel: #fffdf9;--phead: #efe7db;--side: #f1eae0;--field: #ffffff;--ink: #2a2318;--muted: #6a5f50;--line: rgba(42, 35, 24, .15);--rule: rgba(42, 35, 24, .36);--selrow: #f5e7cd;--sideact: #f2e3c6;--chip: #ece3d5;--accent: #c8913a;--accent-dark: #a97724;--accent-soft: #f2e3c6;--oninv: #2a2318;--pos: #14743c;--neg: #3a4fa8;--run: #1f8a4c;--ready: #6a5f50;--err: #9c2b16;--ben-do-thong-ke: #9c2b16;--wood: #d4a46c;--wood-2: #dcb078;--font: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--tx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}html,body{margin:0;padding:0}.xq-page{background:var(--app);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.xq-page *,.xq-page *:before,.xq-page *:after{box-sizing:border-box;border-radius:0}:where(.xq-page) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sh-acct{position:relative;display:flex;align-items:center}.sh-acct-login,.sh-acct-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}.sh-acct-login{box-shadow:inset 0 -2px 0 var(--accent)}.sh-acct-ico{flex:none;display:block;color:var(--muted)}.sh-acct-login:hover .sh-acct-ico{color:var(--ink)}.sh-acct-btn{justify-content:center;width:44px;padding:0}.sh-acct-login:hover,.sh-acct-btn:hover{background:var(--accent-soft)!important}.sh-acct-login:focus-visible,.sh-acct-btn:focus-visible,.sh-acct-out:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-acct .sh-acct-ava{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;overflow:hidden;border-radius:50%!important;background:var(--accent);color:var(--oninv, #fff);font-size:15px;font-weight:800;line-height:1}.sh-acct .sh-acct-ava img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%!important}.sh-acct-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sh-acct-menu{position:absolute;right:0;top:100%;min-width:200px;background:var(--panel);border:1px solid var(--rule);box-shadow:0 6px 18px #2a23182e;z-index:400}.sh-acct-who{padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-acct-link{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.sh-acct-link:hover,.sh-acct-link[aria-current=page]{background:var(--accent-soft)}.sh-acct-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-acct-out{display:block;width:100%;min-height:44px;padding:0 12px;text-align:left;font-size:13px;font-weight:700;color:var(--err)!important;padding:0 12px!important}.sh-acct-out:hover{background:var(--accent-soft)!important}[data-xq-theme=site]{--sh-header-h: 48px}.sh-header,.sh-header *,.sh-header *:before,.sh-header *:after{box-sizing:border-box;border-radius:0}:where(.sh-header) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sh-header{font-family:var(--font);font-size:13px;line-height:1.4;color:var(--ink);display:flex;align-items:center;gap:22px;padding:0 14px;height:var(--sh-header-h);flex:none;border-bottom:2px solid var(--rule);background:var(--app);background-image:var(--tx);position:relative;z-index:300}.sh-brand{display:flex;align-items:center;flex:none}.sh-brand img{display:block}.sh-head-title{display:flex;flex-direction:column;min-width:0;flex:1}.sh-head-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-head-sub{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-nav{display:flex;gap:2px;align-self:stretch;min-width:0;overflow:hidden}.sh-nav-link{display:flex;align-items:center;padding:0 10px;font-size:13px;white-space:nowrap;text-decoration:none;color:var(--muted)}.sh-nav-on{font-weight:800;color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.sh-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.sh-gopy{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.sh-gopy:hover{background:var(--chip)}.sh-gopy svg{flex:none}.sh-gopy:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-burger{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--ink);cursor:pointer}.sh-burger:hover{background:var(--accent-soft)}@media (max-width: 1099px){.sh-nav{display:none}}@media (max-width: 767px){[data-xq-theme=site]{--sh-header-h: 52px}.sh-header{padding:0 12px;gap:10px}.sh-brand img{width:28px;height:28px}.sh-gopy{min-height:44px;min-width:44px;padding:0 8px}.sh-right{gap:2px}}@media (max-width: 399px){.sh-gopy{min-width:44px;min-height:44px;padding:0;justify-content:center}.sh-gopy .sh-gopy-chu{display:none}}@media (max-width: 399px){.sh-header .sh-acct-login{gap:6px;padding:0 6px}}@media (max-width: 339px){.sh-header .sh-acct-login{min-width:44px;justify-content:center}.sh-header .sh-acct-login>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}[data-xq-theme=site]{--app: #f6f1ea;--panel: #fffdf9;--phead: #efe7db;--side: #f1eae0;--field: #ffffff;--ink: #2a2318;--muted: #6a5f50;--line: rgba(42, 35, 24, .15);--rule: rgba(42, 35, 24, .36);--selrow: #f5e7cd;--sideact: #f2e3c6;--chip: #ece3d5;--accent: #c8913a;--accent-dark: #a97724;--accent-soft: #f2e3c6;--oninv: #2a2318;--pos: #14743c;--neg: #3a4fa8;--run: #1f8a4c;--ready: #6a5f50;--err: #9c2b16;--ben-do-thong-ke: #9c2b16;--wood: #d4a46c;--wood-2: #dcb078;--font: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--tx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}:root{--pt-header-h: 48px}@media (max-width: 767px){:root{--pt-header-h: 52px}}#phan-tich-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--app);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}@media (max-width: 767px){#phan-tich-root{bottom:auto;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto}}#phan-tich-root *,#phan-tich-root *:before,#phan-tich-root *:after,:is(#phan-tich-feedback,[data-feedback-box]),:is(#phan-tich-feedback,[data-feedback-box]) *{box-sizing:border-box;border-radius:0}#phan-tich-root button,:is(#phan-tich-feedback,[data-feedback-box]) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}#phan-tich-root button:disabled,:is(#phan-tich-feedback,[data-feedback-box]) button:disabled{opacity:.4;cursor:not-allowed}#phan-tich-root input,#phan-tich-root textarea,:is(#phan-tich-feedback,[data-feedback-box]) input,:is(#phan-tich-feedback,[data-feedback-box]) select,:is(#phan-tich-feedback,[data-feedback-box]) textarea{font:inherit;color:inherit}#phan-tich-root :focus-visible{outline:2px solid var(--accent);outline-offset:2px}#phan-tich-root .pt-nav{position:relative;z-index:300}.pt-bar{background-image:var(--tx)!important}.pt-well{background-image:radial-gradient(120% 90% at 50% 0%,rgba(42,35,24,.05),transparent 60%),var(--tx)}.pt-flat{background-image:none!important}#phan-tich-root .pt-small-btn{height:26px;padding:0 9px;font-size:12px;border:1px solid var(--line);display:flex;align-items:center;gap:5px;text-decoration:none;color:inherit}.pt-mono{font-family:var(--mono)}.pt-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pt-num{font-family:var(--mono);font-weight:800;text-align:right}@keyframes ptPulse{0%,to{opacity:1}50%{opacity:.35}}.pt-pulse{animation:ptPulse 1.4s ease-in-out infinite}#phan-tich-root .board-top,#phan-tich-root .board-bottom{background:transparent}#phan-tich-notebook{--primary: var(--accent);--primary-dark: var(--accent-dark);--primary-soft: var(--accent-soft);--danger: var(--err);--success: var(--pos);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;font-family:var(--font);color:var(--ink)}#phan-tich-notebook [hidden]{display:none!important}#phan-tich-notebook #nbDraftBar:not(:empty){position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:150;background:var(--panel);border:2px solid var(--rule);padding:8px 12px;font-size:12.5px}.pt-main-ban>.pt-well{place-items:start center!important;padding-top:4px!important}@media (max-width: 767px){#phan-tich-notebook #nbDraftBar:not(:empty){left:8px;right:8px;transform:none;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:0;border:0;background:transparent;z-index:110}#phan-tich-notebook #nbDraftBar .nbui-bar{flex-wrap:nowrap;margin:0;padding:6px 6px 6px 12px;background:var(--panel);border:2px solid var(--rule);box-shadow:0 4px 16px #0000002e}#phan-tich-notebook #nbDraftBar .nbui-bar-message{min-width:0;font-size:13px;line-height:1.3}#phan-tich-notebook #nbDraftBar .nbui-bar-actions{flex:none;flex-wrap:nowrap;gap:6px}#phan-tich-notebook #nbDraftBar .nbui-bar-btn{min-height:44px;padding:0 14px;white-space:nowrap}}@media (max-width: 767px){html:has(#phan-tich-root [role=dialog]) #phan-tich-notebook #nbDraftBar{display:none}}.xv-app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--app);color:var(--ink)}.xv-nen{display:flex;flex-direction:column;flex:1;min-height:0}.xv-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.xv-ssr{padding:24px;color:var(--muted)}.xv-khung{flex:1;min-height:480px;display:flex;flex-direction:column}.xv-thanh{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px;border-bottom:2px solid var(--rule);background-color:var(--app)}.xv-thanh-trai{min-width:0}.xv-thanh-phai{flex:none;display:flex;align-items:center;gap:6px}.xv-than{flex:1;min-height:0;display:flex;flex-direction:row}.xv-giua,.xv-o-ban{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.xv-o-ban .pt-well{place-items:start center!important;padding-top:4px!important}.xv-cot-trai{width:var(--xv-trai);flex:none;min-height:0;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--line)}.xv-cot-phai{width:var(--xv-phai);flex:none;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto;border-left:1px solid var(--line)}.xv-cot-nuoc{flex:1;min-height:0;display:flex;flex-direction:column}.xv-cot-nuoc-dau{flex:none;display:flex;flex-wrap:nowrap;align-items:center;gap:2px 6px;min-height:38px;padding:3px 8px;border-bottom:1px solid var(--line)}.xv-cot-nuoc-dau>button,.xv-cot-nuoc-dau .xv-ky-phap-o{flex:none}.xv-cot-nuoc-ten{margin:0;white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.xv-cot-nuoc-dem{margin-left:auto;flex:none;font-size:11px;color:var(--muted);white-space:nowrap}.xv-cot-nuoc-than{flex:1;min-height:0;display:flex;flex-direction:column}.xv-cot-nuoc-than .xv-ds-nuoc{border:0;background:transparent}.xv-cot-nuoc-than>.xv-cay{padding:8px 8px 0}.xv-cot-nuoc-than>.xv-tt-cho{margin:8px}.xv-giua>.xv-trang-thai{padding:0 8px 4px}.xv-chi-tiet-vung .xv-chi-tiet{margin:0 8px 6px}.xv-dk-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:48px;padding:2px 12px;border-top:1px solid var(--line)}.xv-dk-bar .xv-trang-thai{min-height:0;text-align:left;white-space:nowrap;font-size:12px}.xv-tien-do{flex:1 1 60px;height:2px;background:var(--line)}.xv-tien-do-day{display:block;height:100%;background:var(--accent)}.xv-trang-thai-hang{flex:none}.xv-trang-thai-hang .xv-trang-thai{text-align:center;font-size:12px}.xv-cot-ngan{padding:0;gap:0;overflow:hidden}.xv-ngan-dai{flex:none;display:flex;overflow-x:auto;background:var(--phead);border-bottom:1px solid var(--line)}.xv-ngan{flex:none;min-height:44px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--muted);background:transparent;border:0;white-space:nowrap;cursor:pointer}.xv-ngan:hover{color:var(--ink)}.xv-ngan.is-hien{font-weight:800;color:var(--oninv);background:var(--accent)}.xv-ngan:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.xv-bang{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}.xv-bang.is-nuoc{padding:0;overflow:hidden;background:var(--side)}.xv-bac-hep .xv-than{flex-direction:column}.xv-bac-hep .xv-giua{flex:none}.xv-bac-hep .xv-o-ban{flex:none;height:270px}.xv-bac-hep[data-co-o] .board-frame{--cell-size: var(--xv-co-o) !important}.xv-bac-hep[data-co-o] .xv-o-ban{flex:none;height:auto}.xv-bac-hep[data-co-o] .xv-o-ban .pt-well{flex:none!important;padding:8px!important}.xv-cot-ngan .xv-cot-nuoc-ten{display:none}.xv-bac-hep .xv-cot-ngan{width:auto;flex:1;border-top:1px solid var(--line);border-left:0}.xv-bac-hep .xv-cot-nuoc-dau{min-height:44px;padding:0 8px}.xv-bac-hep .xv-dk-bar{flex-wrap:nowrap;justify-content:center;min-height:56px;border-top:2px solid var(--rule)}.xv-bac-hep .xv-dk .xv-nut{min-width:44px}.xv-bac-vua .xv-cot-ngan{width:var(--xv-phai)}@media (max-height: 500px){.xv-khung{min-height:0}.xv-bac-hep .xv-than{display:grid;grid-template-columns:minmax(0,1fr) min(300px,46vw);grid-template-rows:minmax(0,1fr) auto}.xv-bac-hep .xv-giua{flex:none;min-height:0;border-right:1px solid var(--line)}.xv-bac-hep .xv-o-ban{flex:1;height:auto;min-height:0}.xv-bac-hep .xv-cot-ngan{width:auto;min-width:0;border-top:0}.xv-bac-hep .xv-dk-bar{grid-column:1 / -1;min-height:48px}}.xv-dk{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap}.xv-nut{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer}.xv-nut:hover:not(:disabled){background:var(--chip)}.xv-nut:disabled{opacity:.4;cursor:default}.xv-nut-nho{min-width:36px;min-height:32px;padding:0 8px;font-size:13px}@media (max-width: 1023px){.xv-nut-nho{min-width:44px;min-height:44px}}.xv-nut:focus-visible,.xv-btn-chinh:focus-visible,.xv-nuoc:focus-visible{outline:2px solid var(--accent-dark);outline-offset:1px}.xv-btn-chinh{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:var(--accent);color:var(--oninv);border:1px solid var(--accent-dark);font-weight:700;text-decoration:none;cursor:pointer}.xv-btn-chinh:hover{background:var(--accent-dark)}.xv-trang-thai{margin:0;text-align:center;color:var(--muted);font-weight:600;min-height:1.4em}[data-feedback-box]{--fb-header-h: 48px}@media (max-width: 767px){[data-feedback-box]{--fb-header-h: 52px}}[data-feedback-box],[data-feedback-box] *{box-sizing:border-box;border-radius:0}[data-feedback-box] button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}[data-feedback-box] button:disabled{opacity:.4;cursor:not-allowed}[data-feedback-box] input,[data-feedback-box] select,[data-feedback-box] textarea{font:inherit;color:inherit}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-backdrop{position:fixed;inset:var(--pt-header-h, var(--fb-header-h)) 0 0 0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#2a231866}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-backdrop[hidden]{display:none!important}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal{width:min(520px,100%);max-height:calc(100vh - var(--pt-header-h, var(--fb-header-h)) - 32px);overflow:auto;background:var(--panel);border:2px solid var(--rule);color:var(--ink);font-family:var(--font);font-size:13px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--phead);border-bottom:2px solid var(--rule)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form{display:flex;flex-direction:column;gap:10px;padding:14px}:is(#phan-tich-feedback,[data-feedback-box]) [hidden]{display:none!important}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form textarea,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form input,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form select{width:100%;padding:8px 9px;background:var(--field);border:1px solid var(--rule);font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--ink)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions{display:flex;justify-content:flex-end;gap:8px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button{padding:7px 16px;font-size:12px;font-weight:800;border:2px solid var(--rule)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button[type=submit]{background:var(--accent);color:var(--oninv);border-color:var(--accent)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-status{margin:0;font-size:12px;color:var(--muted)}@media (max-width: 767px){:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header button{min-height:44px;min-width:44px}}html.fb-khoa,html.fb-khoa body{overflow:hidden!important;overscroll-behavior:none}@media (max-width: 767px){:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-backdrop{inset:max(var(--fb-vv-t, 0px),var(--pt-header-h, var(--fb-header-h))) 0 var(--fb-vv-b, 0px) 0;padding:8px 12px;overscroll-behavior:contain;touch-action:none}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal{display:flex;flex-direction:column;max-height:calc(100vh - var(--pt-header-h, var(--fb-header-h)) - 16px);max-height:calc(var(--fb-vv-h, 100dvh) - var(--pt-header-h, var(--fb-header-h)) - 16px);overflow:hidden;touch-action:pan-y}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header{flex:none}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-status{order:1;min-height:1.4em}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions{order:2;position:sticky;bottom:0;margin:0 -14px -14px;padding:8px 14px 14px;background:var(--panel);border-top:1px solid var(--rule)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form textarea,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form input,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form select{font-size:16px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form textarea{min-height:96px}}@media (max-width: 767px) and (max-height: 520px){:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form{gap:6px;padding:10px 14px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form textarea{min-height:64px;height:64px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header{padding:4px 14px}}.hc-app{--primary: var(--accent);--primary-dark: var(--accent-dark);--primary-soft: var(--accent-soft);--success: var(--pos);--success-soft: #e7f4ea;--danger: var(--err);--danger-soft: #f7d9d3;--shadow-sm: 0 2px 8px rgba(32, 24, 16, .06);--shadow-md: 0 8px 24px rgba(32, 24, 16, .08);--shadow-lg: 0 18px 40px rgba(32, 24, 16, .1);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 22px;--space-xs: 8px;--space-sm: 14px;--space-md: 24px;--space-lg: 32px;min-height:100vh;background:var(--app)}.hc-app .hoc-co-page{font-size:16px;line-height:normal}.hoc-co-page{max-width:1130px;margin:0 auto;padding:var(--space-lg) 20px 32px}.hoc-co-page [hidden]{display:none!important}.hc-header{margin-bottom:var(--space-md);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px var(--space-md)}.hc-header-main{flex:1 1 420px;min-width:0}.hc-header-play{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:0 1 auto}.hc-header-play-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hc-header-play-sep{color:var(--muted);font-size:13px;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.hc-header-play-link{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.hc-header-play-link:hover{border-color:#a6702573;color:var(--primary-dark)}.hc-header-play-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-header h1{margin:0 0 6px;font-size:30px;letter-spacing:-.01em}.hc-sub{margin:0;color:var(--muted);font-size:15px;max-width:640px}.hc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-md)}.hc-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.hc-tab:hover{border-color:#a6702573}.hc-tab.active{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-tab-count{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark)}.hc-tab.active .hc-tab-count{background:#ffffff38;color:#fff}.hc-section{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-md)}.hc-section-title{margin:0 0 14px;font-size:20px;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.hc-topic-title{margin:18px 0 10px;font-size:16px;display:flex;align-items:baseline;gap:8px}.hc-subtopic-title{margin:12px 0 8px;font-size:13.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px}.hc-count{font-size:12px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.hc-empty{color:var(--muted);padding:var(--space-md);text-align:center}.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.hc-grid{max-width:1000px}.hc-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.hc-card:hover,.hc-card:focus-visible{transform:translateY(-1px);border-color:#a6702580;box-shadow:var(--shadow-sm);outline:none}.hc-card-num{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}.hc-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-card-title{font-size:14px;font-weight:600;line-height:1.35}.hc-card-meta{font-size:12px;color:var(--muted)}.hc-crumb{display:block;font-size:12px;color:var(--muted);margin:0 4px 8px;min-width:0}.hc-lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--space-sm) var(--space-md);align-items:start}.hc-lesson-topbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-lesson-content{grid-column:2;grid-row:1 / span 2}.hc-sidebar{background:var(--panel);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md);max-height:calc(100vh - 96px);overflow-y:auto;position:sticky;top:16px}.hc-sidebar-node{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);margin:4px 4px 10px}.hc-side-lesson{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;padding:8px 10px;border-radius:10px;cursor:pointer}.hc-side-lesson:hover{background:var(--primary-soft)}.hc-side-lesson.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.hc-lesson-grid{display:grid;grid-template-columns:minmax(430px,1fr) 320px;gap:var(--space-md);align-items:start}.board-column,.hc-panel{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md) var(--space-md);box-shadow:var(--shadow-lg)}.board-column{max-width:100%;overflow:hidden}.board-frame{margin:0 auto 12px}.board,cg-container{border-radius:var(--radius-sm)}#hoc-co-status{margin:0;padding:10px 14px;border-radius:14px;font-size:15px;background:#fffaf4;color:var(--muted);box-shadow:var(--shadow-sm);min-height:1.5em}#hoc-co-status.wrong,#hoc-co-status.wrong.pulse{color:var(--danger);background:var(--danger-soft)}#hoc-co-status.ok{color:var(--success);background:var(--success-soft)}#hoc-co-status.branch{color:var(--ink);background:#f4efe6;border-left:3px solid var(--line);border-radius:4px 14px 14px 4px;animation:hc-status-fade .22s ease-out}@keyframes hc-status-fade{0%{opacity:.35;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes hc-status-fade{0%{opacity:.5}to{opacity:1}}}@keyframes hc-status-pulse{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}#hoc-co-status.pulse{animation:hc-status-pulse .32s ease-in-out}@media (prefers-reduced-motion: reduce){@keyframes hc-status-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}}.hc-panel-title{margin:0 0 10px;font-size:20px;line-height:1.3}#hoc-co-progress{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.hc-progress-track{display:block;height:5px;border-radius:999px;background:var(--accent-soft);overflow:hidden;margin-bottom:12px}.hc-bar-fill{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.hc-instruction{padding:14px 16px;border-radius:16px;background:#fffaf4;margin-bottom:12px;font-size:15px;line-height:1.6;box-shadow:var(--shadow-sm)}#hoc-co-instruction p{margin:0 0 8px;color:var(--ink)}#hoc-co-instruction p:last-child{margin-bottom:0}#hoc-co-notation{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--primary-dark)}#hoc-co-notation:empty{display:none}.side-to-move{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5;border:1px solid transparent}.side-to-move.red{color:#a3341f;background:#fdece7;border-color:#f2c4b6}.side-to-move.black{color:#24303d;background:#e9edf2;border-color:#c3ccd6}.hc-desc{font-size:14.5px;line-height:1.65;color:var(--ink)}.hc-desc p{margin:0 0 10px}.hc-preface{margin:0 0 12px;font-size:14px}.hc-preface>summary{cursor:pointer;color:var(--muted);font-weight:600}.hc-preface[open]{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#faf6ec}.hc-preface[open]>summary{color:inherit;margin-bottom:4px}.hc-preface p{margin:0 0 8px;line-height:1.6}.hc-complete{margin-top:12px;padding:16px;border-radius:16px;background:var(--success-soft);box-shadow:var(--shadow-sm)}.hc-complete h3{margin:0 0 8px;font-size:16px;color:var(--success)}.hc-complete p{margin:0 0 8px;font-size:14px;line-height:1.6}.hc-complete-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hc-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.hc-btn:hover{border-color:#a6702573}.hc-btn.primary{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-btn.primary:hover{background:var(--primary-dark)}.hc-square-highlight{box-shadow:inset 0 0 0 4px #7a4516fa,0 0 0 2px #ecc485d9;background:#7a45161f;box-sizing:border-box}.hc-legal-dot{border-radius:50%;background:#e68f0073}.hc-lesson-content svg.cg-shapes{shape-rendering:geometricPrecision}.hc-lesson-content svg.cg-shapes line{stroke-width:.1!important}.hc-lesson-content svg.cg-shapes marker path{transform:scale(.8);transform-origin:1.5px 2px}@media (max-width: 1000px){.hc-lesson-layout{grid-template-columns:1fr}.hc-lesson-layout>.hc-lesson-topbar{grid-column:1;grid-row:1}.hc-lesson-layout>.hc-lesson-content{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:3;position:static;max-height:60vh}}@media (max-width: 860px){.hc-lesson-grid{grid-template-columns:1fr}.hoc-co-page{padding:var(--space-md) 12px 24px}.hc-header h1{font-size:24px}.hc-section{padding:var(--space-sm)}.hc-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.hc-grid{grid-template-columns:1fr}.hc-tab{padding:8px 13px;font-size:13px}}.hc-guide-origin,.hc-guide-target{display:grid;place-items:center;box-sizing:border-box;border-radius:50%}.hc-guide-origin{border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #46bd7b8c,0 0 10px #46bd7b80;animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.capture{border:2px dashed rgba(230,143,0,.95);animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.star{color:#327ee2;font-size:130%;line-height:1;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8),0 0 7px rgba(0,0,0,.3);animation:hc-guide-star 1.6s ease-in-out infinite}@keyframes hc-guide-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}@keyframes hc-guide-star{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(8deg)}}@media (prefers-reduced-motion: reduce){.hc-guide-origin,.hc-guide-target.capture,.hc-guide-target.star{animation:none}}.hc-guide-finger{box-sizing:border-box;display:grid;place-items:center;transform:translate(30%,30%);filter:drop-shadow(0 1px 2px rgba(255,255,255,.85));animation:hc-guide-tap 1.6s ease-in-out infinite}.hc-guide-finger svg{width:132%;height:132%;overflow:visible}@keyframes hc-guide-tap{0%,to{transform:translate(30%,30%)}50%{transform:translate(26%,18%)}}@media (prefers-reduced-motion: reduce){.hc-guide-finger{animation:none}}.hc-resume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:14px 16px;margin-bottom:var(--space-md);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-soft)}.hc-resume-label{grid-column:1;margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-dark)}.hc-resume-main{grid-column:1;margin:0;font-weight:600;color:var(--ink)}.hc-resume-btn{grid-column:2;grid-row:1 / span 2;padding:9px 18px;border:1px solid var(--primary-dark);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}.hc-resume-btn:hover{filter:brightness(1.05)}.hc-resume-btn:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-cat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 12px 12px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.hc-cat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.hc-cat:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-ring-track{fill:none;stroke:var(--line);stroke-width:5}.hc-ring-fill{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.hc-cat-xong .hc-ring-fill{stroke:var(--primary-dark)}.hc-cat .hc-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--primary-dark)}.hc-cat .hc-icon svg{width:30px;height:30px}.hc-cat .hc-icon:not(.doi) img{width:38px;height:38px;object-fit:contain}.hc-cat .hc-icon.doi img{object-fit:contain}.hc-cat-name{font-weight:600;line-height:1.3}.hc-cat-meta{font-size:.8rem;color:var(--muted)}.hc-cat-prog{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}.hc-cat-bar{flex:1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.hc-cat-fill{display:block;height:100%;background:var(--primary)}.hc-cat-pct{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.4em;text-align:right}.hc-cat-xong{border-color:var(--primary)}.hc-cat-xong .hc-cat-fill{background:var(--primary-dark)}.hc-cat-xong .hc-cat-pct{color:var(--primary-dark)}.hc-browse-label{margin:14px 0 8px;font-size:1.02rem;font-weight:600}@media (prefers-reduced-motion: reduce){.hc-ring-fill{transition:none}}.hc-cat-back{display:inline-block;margin-bottom:var(--space-md);padding:6px 2px;border:0;background:none;font:inherit;font-weight:600;color:var(--primary-dark);cursor:pointer}.hc-cat-back:hover{text-decoration:underline}.hc-cat-back:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-card.done{border-color:var(--primary)}.hc-card.done .hc-kind{position:relative}.hc-card.done .hc-kind:after{content:"✓";position:absolute;top:-6px;right:-8px;font-size:.7rem;line-height:1;color:var(--primary-dark)}.hc-done-note{margin:0 0 8px;color:var(--muted)}.hc-topic-title:has(.hc-icon),.hc-subtopic-title:has(.hc-icon){display:flex;align-items:center;gap:8px}.hc-topic-title .hc-icon:not(.doi) img,.hc-subtopic-title .hc-icon:not(.doi) img{width:30px;height:30px;object-fit:contain;display:block}.hc-topic-title .hc-icon.doi img,.hc-subtopic-title .hc-icon.doi img{object-fit:contain;display:block}.hc-side-group{margin:10px 0 4px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hc-side-group:first-child{margin-top:0}.hc-side-lesson.done:after{content:"✓";margin-left:6px;font-size:.8em;color:var(--primary-dark)}.hc-crumb-link{border:0;padding:0;background:none;font:inherit;color:var(--primary-dark);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hc-crumb-link:hover{filter:brightness(1.15)}.hc-crumb-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}.hc-subtabs[hidden]{display:none}.hc-subtab{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}.hc-subtab:hover{border-color:var(--primary)}.hc-subtab:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtab.active{background:var(--primary-soft);border-color:var(--primary);font-weight:600}.hc-subtab .hc-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--primary-dark)}.hc-subtab .hc-icon svg{width:24px;height:24px}.hc-subtab .hc-icon:not(.doi) img{width:27px;height:27px;object-fit:contain}.hc-subtab-count{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-subtab.xong .hc-subtab-count{color:var(--primary-dark)}.hc-icon.doi{position:relative}.hc-icon.doi img{position:absolute;width:62%;height:62%}.hc-icon.doi img:first-child{left:0;top:0;z-index:2}.hc-icon.doi img:last-child{right:0;bottom:0;opacity:.92}.hc-topic-more{display:none}@media (max-width: 768px){.hc-header .hc-sub{display:none}.hc-header{margin-bottom:12px}.hc-header h1{font-size:1.5rem}.hc-tabs{gap:4px;margin-bottom:10px}.hc-tab{padding:5px 9px;font-size:.86rem}.hc-tab-count{display:none}.hc-subtabs{gap:5px;margin-bottom:10px}.hc-subtab{padding:4px 8px;font-size:.78rem;gap:4px}.hc-subtab .hc-icon{display:none}.hc-subtab-count{font-size:.72rem}.hc-resume{grid-template-columns:1fr auto;gap:2px 10px;padding:9px 11px;margin-bottom:10px}.hc-resume-label{font-size:.66rem;letter-spacing:.08em}.hc-resume-main{font-size:.92rem}.hc-resume-btn{padding:7px 13px;font-size:.88rem}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-card{padding:8px 9px;gap:7px}.hc-card-title{font-size:.88rem}.hc-card-meta{font-size:.74rem}.hc-card-num{flex:none}.hc-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-cat{padding:10px;gap:3px 9px}.hc-cat .hc-icon{width:36px;height:36px}.hc-cat .hc-icon:not(.doi) img{width:34px;height:34px}.hc-cat .hc-icon svg{width:28px;height:28px}.hc-cat-name{font-size:.9rem}.hc-cat-meta{font-size:.74rem}.hc-topic-title,.hc-subtopic-title{margin:12px 0 6px}}@media (max-width: 500px){.hc-lesson-grid>.board-column{margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0;border-radius:0;max-width:none}.board-column>:not(.board-frame){padding-left:12px;padding-right:12px}}.hc-card-title{display:inline-flex;align-items:center;gap:6px}.hc-kind{display:inline-grid;place-items:center;width:17px;height:17px;flex:none}.hc-kind svg{width:17px;height:17px;display:block}.hc-kind-vidu{color:var(--primary-dark)}.hc-kind-luyentap{color:#7a6a3f}.hc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hc-topic-desc{margin:-2px 0 10px;max-width:34rem;font-size:.94rem;line-height:1.7;color:var(--muted)}.hc-topic-desc p{margin:0 0 .75em}.hc-topic-desc p:last-child{margin-bottom:0}.hc-chip{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-chip svg{width:14px;height:14px;display:block}.hc-chip-vidu{color:var(--primary-dark)}.hc-chip-luyentap{color:#7a6a3f}.hc-units{display:flex;flex-direction:column;gap:8px}.hc-unit{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.hc-unit:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.hc-unit:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-unit-no{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-variant-numeric:tabular-nums}.hc-unit-xong .hc-unit-no{background:var(--primary);color:#fff}.hc-unit-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-unit-name{font-weight:600}.hc-unit-meta{font-size:.82rem;color:var(--muted)}.hc-unit-prog{position:relative;width:40px;height:40px;display:grid;place-items:center}.hc-unit-prog>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.hc-unit-prog .hc-ring-track,.hc-unit-prog .hc-ring-fill{stroke-width:5}.hc-unit-count{font-size:.62rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-unit-xong .hc-ring-fill{stroke:var(--success)}.hc-unit-xong .hc-unit-count{color:var(--success)}.hc-unit-go{font-size:1.4rem;line-height:1;color:var(--muted)}.hc-resume-sub{grid-column:1;margin:2px 0 0;font-size:.8rem;color:var(--muted)}.hc-resume-bar{grid-column:1;height:5px;margin-top:6px;border-radius:3px;background:#786e5033;overflow:hidden}.hc-resume-fill{display:block;height:100%;background:var(--primary)}@media (max-width: 768px){.hc-unit{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 12px}.hc-unit-go{display:none}.hc-unit-no{width:32px;height:32px;font-size:.9rem}.hc-unit-prog{width:38px;height:38px}.hc-unit-name{font-size:.94rem}.hc-unit-meta{font-size:.78rem}.hc-topic-desc{max-height:3.4em;overflow:hidden;margin-bottom:2px}.hc-topic-desc.mo{max-height:none;overflow:visible}.hc-topic-more{display:inline-block;margin:0 0 6px;padding:0;border:0;background:none;color:var(--primary-dark);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.hc-topic-more:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-section-title{margin-bottom:6px}}.hc-drills[hidden]{display:none}.hc-drills{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.hc-drills-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hc-drills-links{display:flex;flex-direction:column;gap:8px}.hc-drill-link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);text-decoration:none;transition:border-color .12s,box-shadow .12s}.hc-drill-link:hover{border-color:var(--primary);border-style:solid;box-shadow:var(--shadow-sm)}.hc-drill-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-drill-name{font-weight:700;font-size:14.5px}.hc-drill-name:after{content:" →";color:var(--muted);font-weight:400}.hc-drill-desc{font-size:12.5px;line-height:1.5;color:var(--muted)}.hc-step-next{margin-top:10px;align-self:flex-start}.hc-step-next[hidden]{display:none}.hc-complete.duoi-ban{margin:10px 0 0;padding:14px 16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 28px #281e0a2e}.hc-complete.duoi-ban h3{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;color:var(--ink)}.hc-complete.duoi-ban h3:before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.hc-complete.duoi-ban .hc-complete-actions{margin-top:12px}.hc-complete.duoi-ban .hc-complete-actions .hc-btn{flex:1 1 0}.hc-kindmeta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.hc-kindmeta-o{display:inline-flex;align-items:center;gap:4px}.hc-kindmeta .hc-kind{width:1.05em;height:1.05em}.hc-kindmeta .hc-kind svg{width:100%;height:100%}.hc-bien-so{display:grid;place-items:center;pointer-events:none}.hc-bien-so:before{content:attr(data-n);min-width:1.2em;height:1.2em;padding:0 .2em;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#327ee2;color:#fff;border:1.5px solid rgba(255,255,255,.95);font-size:88%;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 1px 3px #00000059}.hc-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hc-status-row>.hc-status-live{flex:1 1 12rem}.hc-status-live>#hoc-co-status{margin:0}.hc-status-row>.hc-step-next{flex:0 0 auto}.hc-answer{margin-top:8px}.hc-answer[hidden]{display:none}.hc-hint-sq{box-sizing:border-box;border:3px solid #e0a52b;border-radius:6px;background:#e0a52b2e}.hc-hint-sq.target{border-color:#5c8a3a;background:#5c8a3a2e}.hc-bien-nut{margin-top:.5rem}.hc-bien-nut[hidden]{display:none}.hc-app .ghost{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}.hc-app .ghost.nav-btn{padding:0;border-radius:50%;font-size:18px}.hc-app .ghost:hover,.hc-app .ghost:focus-visible{border-color:#a6702573;box-shadow:0 0 0 3px #c8913a29;outline:none}.hc-app .ghost:disabled,.hc-app .ghost:disabled:hover{box-shadow:none;cursor:default}.hc-bien-ds{margin-top:.75rem}.hc-bien-ds>summary{cursor:pointer;font-weight:600}.hc-ghichu-ds{margin-top:.75rem}.hc-ghichu-ds>summary{cursor:pointer;font-weight:600}.hc-ghichu-muc+.hc-ghichu-muc{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line, rgba(0, 0, 0, .12))}.hc-ghichu-nuoc{margin:.45rem 0 .2rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.hc-ghichu-loi{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink)}.hc-bien-muc{display:inline-flex;align-items:center;gap:.3rem;text-align:left;padding:.3rem .55rem;font-variant-numeric:tabular-nums;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:8px;background:transparent;font:inherit;color:inherit;cursor:pointer}.hc-bien-muc:hover,.hc-bien-muc:focus-visible{border-color:#327ee2;background:#327ee20f}.hc-doc{border:1px solid rgba(50,126,226,.35);border-radius:10px;background:#327ee20d;padding:.75rem .85rem}.hc-doc[hidden]{display:none}.hc-doc-badge{margin:0 0 .5rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2a63a8}.hc-doc-duong{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.6rem;font-size:.86rem}.hc-doc-crumb{border:0;background:transparent;padding:.1rem .2rem;font:inherit;color:#2a63a8;cursor:pointer;border-radius:4px}.hc-doc-crumb:disabled{color:inherit;font-weight:600;cursor:default}.hc-doc-crumb:not(:disabled):hover,.hc-doc-crumb:focus-visible{background:#327ee21f}.hc-doc-crumb-sep{opacity:.5}.hc-doc-noi p{margin:0 0 .5rem}.hc-doc-con{margin-top:.7rem;padding-top:.6rem;border-top:1px solid rgba(50,126,226,.22)}.hc-doc-con[hidden]{display:none}.hc-doc-con-nhan{margin:0 0 .35rem;font-size:.85rem;font-weight:600}.hc-doc-muc{display:block;width:100%;text-align:left;margin-top:.35rem;padding:.4rem .55rem;border:1px solid rgba(50,126,226,.3);border-radius:8px;background:#fff;font:inherit;color:inherit;cursor:pointer}.hc-doc-muc:hover,.hc-doc-muc:focus-visible{border-color:#327ee2;background:#327ee214}.hc-doc-ae{margin-top:.5rem}.hc-doc-cuoi{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hc-doc-cuoi>.hc-btn{flex:1 1 auto}.hc-bien-nhom+.hc-bien-nhom{margin-top:.6rem}.hc-bien-nhom-nhan{margin:.5rem 0 .3rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;opacity:.7}.hc-bien-hang{display:flex;flex-wrap:wrap;gap:.35rem}.hc-o-cham{border-radius:50%;cursor:pointer}.hc-o-cham:hover,.hc-o-cham:focus-visible{background:#327ee22e;outline:2px solid #327ee2;outline-offset:-4px}.hc-cham-goi{margin:.5rem 0 0;font-size:.86rem;opacity:.8}.hc-bien-dem{display:inline-block;min-width:1.1em;padding:0 .25em;border-radius:999px;background:#327ee229;color:#2a63a8;font-size:.74rem;font-weight:600;text-align:center}.hc-doc-muc-day{border-color:#327ee2;background:#327ee21a;font-weight:600}.hc-bien-ds--chinh{border:1px solid rgba(50,126,226,.3);border-radius:10px;padding:.5rem .7rem;background:#327ee20a}.hc-bien-phu-de{margin:.35rem 0 0;font-size:.84rem;opacity:.8}@media (max-width: 768px){.hc-doc-crumb{min-height:34px;padding:.35rem .45rem}.hc-doc-cuoi>.hc-btn{min-height:44px}.hc-bien-muc,.hc-doc-muc{min-height:40px}}.hc-doc-dai{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.3rem;max-height:9rem;overflow-y:auto;overflow-x:hidden;padding:.15rem .1rem .35rem 0;margin-bottom:.5rem;scrollbar-width:thin}.hc-doc-dai[hidden]{display:none}.hc-doc-nuoc{flex:0 0 auto;min-height:30px;padding:.3rem .5rem;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:6px;background:#fff;font:inherit;font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;cursor:pointer}.hc-doc-nuoc:hover,.hc-doc-nuoc:focus-visible{border-color:#327ee2}.hc-doc-nuoc--y{border-color:#327ee280;background:#327ee214;font-weight:600}.hc-doc-nuoc--y:after{content:"•";margin-left:.3em;color:#2f6fc4}.hc-doc-nuoc--day.hc-doc-nuoc--y:after{color:#fff}.hc-doc-nuoc--day{background:#327ee2;border-color:#327ee2;color:#fff;font-weight:600}@media (max-width: 768px){.hc-doc-nuoc{min-height:34px}}@media (max-width: 768px){.hc-doc{padding:.6rem .65rem}.hc-doc-badge{margin-bottom:.35rem;font-size:.72rem}.hc-doc-duong{margin-bottom:.4rem}.hc-doc-dai{max-height:6rem;margin-bottom:.4rem}.hc-doc-cuoi{margin-top:.5rem;flex-wrap:nowrap}.hc-doc-cuoi>.hc-btn{flex:1 1 0;min-width:0;padding-left:.4rem;padding-right:.4rem;font-size:.86rem}}.hc-drills--muc-luc{margin-top:.9rem;padding:.75rem .9rem;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:12px;background:#327ee20a}.hc-drills--muc-luc[hidden]{display:none}.hc-drills--muc-luc .hc-drills-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.hc-drills--muc-luc .hc-drill-link{flex:1 1 16rem;min-width:0}@media (max-width: 560px){.hc-drills--muc-luc .hc-drills-links{flex-direction:column}.hc-drills--muc-luc .hc-drill-link{flex:0 0 auto}}.cong-phien-moi{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;max-width:min(92vw,34rem);padding:10px 12px;border:1px solid var(--line, rgba(0, 0, 0, .14));border-radius:10px;background:var(--panel, #fff);box-shadow:0 6px 24px #00000029;font-size:14px;line-height:1.45}.cong-phien-nut{flex:0 0 auto;padding:7px 12px;border:0;border-radius:8px;background:var(--primary, #327ee2);color:#fff;font:inherit;font-weight:600;cursor:pointer}.cong-phien-bo{flex:0 0 auto;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted, #6b645b);font-size:18px;line-height:1;cursor:pointer}@media (max-width: 560px){.cong-phien-moi{flex-wrap:wrap;bottom:10px}}.app-footer{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.app-footer-left{display:flex;align-items:center;gap:16px}.app-footer .beta-notice{font-style:italic}.app-footer .footer-feedback-btn{font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.app-footer .footer-feedback-btn:hover{background:var(--primary-soft);color:var(--ink)}@media (max-width: 600px){.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}.hoc-co-page:has(#hc-lesson-view){--hc-cot: clamp(260px, 24vw, 320px);max-width:1210px;padding-top:4px}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout{grid-template-columns:var(--hc-cot) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid{grid-template-columns:minmax(0,1fr) var(--hc-cot)}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid>.board-column{padding-top:0}.hoc-co-page:has(#hc-lesson-view) .hc-sidebar{top:4px}@media (max-width: 1000px){.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-lesson-content{grid-column:1;grid-row:1}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-lesson-topbar{grid-column:1;grid-row:2}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:3}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid{grid-template-columns:1fr}}@media (max-width: 860px){.hoc-co-page:has(#hc-lesson-view){padding-top:4px}}.hc-luyen{max-width:1130px;padding-top:4px}.hc-luyen .hc-crumb{margin-bottom:8px}.hc-luyen .hc-lesson-grid.hc-luyen-khong-ban{grid-template-columns:minmax(0,1fr)}.hc-luyen .hc-lesson-grid.hc-luyen-khong-ban>.board-column{display:none}.hc-luyen-nut{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hc-luyen-cham{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.hc-luyen-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--muted)}.hc-luyen-dot.hien-tai{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft)}.hc-luyen-dot.dung{border-color:var(--success);color:#fff;background:var(--success)}.hc-luyen-dot.sai{border-color:var(--danger);color:#fff;background:var(--danger)}.hc-luyen-chip-den{padding:8px 12px;border-radius:12px;background:#2e2a26;color:#f5efe3;font-size:13px;font-weight:600;margin:0 0 12px}.hc-luyen-hoi{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--muted)}.hc-luyen-o{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.hc-luyen-truong{display:flex;flex-direction:column;gap:4px;min-width:0}.hc-luyen-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hc-luyen-chon{width:100%;min-height:44px;padding:10px 4px;font:inherit;font-size:14px;font-weight:600;text-align:center;text-align-last:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.hc-luyen-chon.sai{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.hc-luyen-nhan{font-size:11px;color:var(--muted);text-align:center}.hc-luyen-sai{min-height:18px;font-size:13px;color:var(--danger);margin-bottom:8px}.hc-luyen-dap-an{padding:12px 14px;border-radius:14px;background:var(--success-soft);margin-bottom:12px}.hc-luyen-dap-an-chu{font-size:24px;font-weight:700;color:var(--success);margin:0 0 4px}.hc-luyen-dap-an-doc{font-size:14px;line-height:1.5;color:var(--ink);margin:0}.hc-luyen-hanh-dong{display:flex;flex-wrap:wrap;gap:10px}.hc-luyen-hanh-dong>.hc-btn{flex:1 1 140px}.hc-luyen-the{text-align:center;padding:var(--space-md);border-radius:16px;background:var(--success-soft);display:flex;flex-direction:column;align-items:center;gap:10px}.hc-luyen-the h2{color:var(--success);margin:0}.hc-luyen-the p{color:var(--muted);margin:0}.hc-luyen-the.loi{background:var(--danger-soft)}.hc-luyen-the.loi p{color:var(--danger)}.hc-luyen-dang-tai{padding:24px 0;text-align:center;color:var(--muted);font-size:14px}.hc-luyen-nuoc{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.hc-luyen-nuoc-hang{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.hc-luyen-nuoc-hang .so{min-width:20px;font-size:13px;color:var(--muted);text-align:right}.hc-luyen-nuoc-hang .ben{min-width:38px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;text-align:center}.hc-luyen-nuoc-hang .ben.do{background:#f6e3de;color:#a33327}.hc-luyen-nuoc-hang .ben.den{background:#2e2a26;color:#f5efe3}.hc-luyen-nuoc-hang .ky-hieu{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:.5px}.hc-luyen-tien-do{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 8px}@media (max-width: 768px){.hc-luyen-o{gap:6px}.hc-luyen-chon{font-size:13px;padding:10px 2px;border-radius:10px}.hc-luyen-nuoc{gap:4px;margin-bottom:10px}.hc-luyen-nuoc-hang{padding:5px 8px;gap:8px}.hc-luyen-nuoc-hang .ky-hieu{font-size:15px}}.hc-app.hc-hep{--hc-co-o: 32px;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.hc-hep>.sh-header{flex:none}.hc-app.hc-hep .hoc-co-page,.hc-app.hc-hep .hoc-co-page:has(#hc-lesson-view){flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column}.hc-hep #hc-lesson-view,.hc-hep #hc-lesson-view .hc-lesson-layout,.hc-hep #hc-lesson-view .hc-lesson-content{flex:1;min-height:0;display:flex;flex-direction:column}.hc-hep .board-frame{--cell-size: var(--hc-co-o) !important;margin:0 auto}.hc-hep .hc-lesson-grid{display:block;flex:none}.hc-hep .hc-lesson-grid>.board-column,.hc-hep #hc-lesson-view .hc-lesson-grid>.board-column,.hc-hep .hc-luyen .hc-lesson-grid>.board-column{margin:0;padding:0;border-radius:0;box-shadow:none;background:transparent;max-width:none;overflow:visible}.hc-hep .board-column>:not(.board-frame){padding-left:12px;padding-right:12px}.hc-hep .hc-status-row{flex-wrap:nowrap;align-items:center;gap:8px;height:auto;min-height:48px;box-sizing:border-box;overflow:hidden;padding-top:4px;padding-bottom:4px}.hc-hep .hc-status-row>.hc-status-live{flex:1 1 auto;min-width:0}.hc-hep .hc-status-live>#hoc-co-status{padding:6px 12px;font-size:14px;line-height:1.35;min-height:0;max-height:30vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hc-hep .hc-hop{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 12px;background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.hc-hep .hc-hop>*{flex:none}.hc-hep .hc-hop>.hc-panel{display:contents}.hc-hep .hc-hop>.hc-panel>*{flex:none;min-width:0}.hc-hep .hc-hop .hc-doc{order:-5}.hc-hep .hc-hop .hc-complete{order:-4;margin-top:0}.hc-hep .hc-hop #hc-instruction-card{order:-3;margin-bottom:0;padding:8px 12px;font-size:14px;line-height:1.5}.hc-hep .hc-hop #hc-instruction-card:not(:has(#hoc-co-instruction>*,#hoc-co-notation:not(:empty),#hc-cham-goi,#hoc-co-side:not([hidden]))){display:none}.hc-hep .hc-hop #hoc-co-progress,.hc-hep .hc-hop #hc-progress-track{order:-2;margin:0}.hc-hep .hc-hop .hc-panel-title{order:-1;margin:0;font-size:17px}.hc-hep .hc-hop>.hc-lesson-topbar{margin:0}.hc-hep .hc-hop .hc-crumb{margin:0;font-size:12px}.hc-hep .hc-hop>.hc-sidebar{position:static;max-height:none;overflow:visible;box-shadow:none;border:1px solid var(--line);padding:8px}.hc-hep .hc-hop .footer-feedback-btn{min-height:44px;padding:0 16px}.hc-hep .hc-hop>.app-footer{padding:8px 0 0;margin:0;max-width:none}.hc-hep .hc-thanh-duoi{flex:none;display:flex;align-items:center;gap:8px;min-height:58px;box-sizing:border-box;padding:6px 12px max(6px,env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--panel)}.hc-hep .hc-thanh-duoi>.hc-btn,.hc-hep .hc-thanh-duoi .hc-luyen-nut{flex:1 1 0;min-width:44px;min-height:44px;margin:0;align-self:auto;justify-content:center;text-align:center}.hc-hep .hc-thanh-duoi>.hc-btn[hidden]{display:none!important}.hc-hep .hc-thanh-duoi .hc-luyen-hanh-dong{flex:1;flex-wrap:nowrap}.hc-hep .hc-thanh-duoi .hc-bien-nut{flex:1 1 100%;display:flex;gap:6px;margin:0}.hc-hep .hc-thanh-duoi .hc-bien-nut[hidden]{display:none}.hc-hep .hc-thanh-duoi .hc-bien-nut>.nav-btn{flex:1 1 0;min-width:44px;min-height:44px}.hc-hep .hc-luyen{flex:1;min-height:0}.hc-hep .hc-luyen .hc-hop>.hc-panel{display:flex;flex-direction:column;background:transparent;box-shadow:none;border-radius:0;padding:0}.hc-hep .hc-luyen .hc-hop>.hc-panel .hc-panel-title{order:9;font-size:16px;margin:8px 0 0}.hc-hep .hc-luyen .hc-hop>.hc-panel .hc-luyen-cham{order:8;margin:8px 0 0}.hc-hep .hc-luyen .hc-hop .hc-luyen-hoi{margin:0 0 8px;font-size:14px;line-height:1.4}.hc-hep .hc-luyen .hc-hop .hc-luyen-chip-den{margin:0 0 8px}.hc-hep .hc-luyen .hc-hop .hc-luyen-o{margin-bottom:6px}.hc-hep .hc-luyen .hc-hop .hc-luyen-sai{margin-bottom:4px}.hc-app.hc-khung{min-height:0}.hc-khung>.sh-header{flex:none}.hc-khung-main{font-size:16px;line-height:normal}.hc-khung-main [hidden]{display:none!important}.hc-khung-main>.cong-phien-moi{flex:none;margin:8px 12px 0}.hc-khung-main>#hc-lesson-view{flex:1;min-height:0;display:flex;flex-direction:column}.hc-khung .xv-gieng{background:var(--app)}.hc-khung-trai{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:10px}.hc-khung-trai>.hc-lesson-topbar{flex:none}.hc-khung-trai .hc-crumb{margin:0 4px}.hc-khung-trai>.hc-sidebar{flex:1 1 auto;min-height:0;max-height:none;position:static;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px;background:transparent;box-shadow:none;border-radius:0}.hc-khung-trai-gian{flex:1 1 auto;min-height:0}.hc-khung-trai>.app-footer{flex:none;flex-wrap:wrap;max-width:none;width:auto;margin:0 -10px;padding:8px 10px;gap:6px 10px}.hc-khung-trai .footer-feedback-btn{min-height:32px}.xv-bac-vua .hc-khung-trai{flex:none;padding:8px 0 0;border-top:1px solid var(--line)}.xv-bac-vua .hc-khung-trai>.hc-sidebar{flex:none;overflow:visible}.xv-bac-vua .hc-khung-trai-gian{display:none}.xv-bac-vua .hc-khung-trai>.app-footer{margin:0;padding:8px 0}.hc-khung .xv-cot-phai>.hc-panel,.hc-khung .xv-bang>.hc-panel{flex:none;padding:6px 6px 12px;background:transparent;box-shadow:none;border-radius:0}.hc-khung .hc-panel-title{font-size:19px}.hc-khung .xv-dk-bar{flex-wrap:nowrap;gap:8px;height:auto;min-height:58px;box-sizing:border-box;padding:2px 10px}.hc-khung .xv-dk-bar>.hc-status-row{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px}.hc-khung .xv-dk-bar>.xv-dk{order:2;flex:none}.hc-khung .xv-dk-bar>.xv-dk:not(:has(.hc-bien-nut:not([hidden]))){display:none}.hc-khung .hc-status-live>#hoc-co-status{padding:6px 12px;font-size:14px;line-height:1.35;max-height:min(34vh,280px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hc-khung .hc-bien-nut{margin:0;flex-wrap:nowrap}a.hc-side-lesson{box-sizing:border-box;text-decoration:none}