.tc4{--rung-50:var(--bd-rung-50,#f1f5f2);--rung-100:var(--bd-rung-100,#e1eae4);--rung-200:var(--bd-rung-200,#c3d2c9);--rung-300:var(--bd-rung-300,#98afa3);--rung-400:var(--bd-rung-400,#6a8679);--rung-500:var(--bd-rung-500,#456357);--rung-600:var(--bd-rung-600,#314940);--rung-700:var(--bd-rung-700,#283d35);--rung-800:var(--bd-rung-800,#1f322b);--rung-900:var(--bd-rung-900,#16231e);--e-ph:var(--bd-ease-phan-hoi,cubic-bezier(.2,.8,.2,1));--e-cc:var(--bd-ease-chuyen,cubic-bezier(.3,.7,.1,1));color:var(--bd-ink);font-family:var(--font-chu);font-size:14px;line-height:1.4}.tc4 :where(a){color:var(--bd-brand);text-decoration:none}.tc4 :where(button){color:inherit;font-family:inherit}.tc4 .c4-num{font-family:var(--font-tieu-de);font-variant-numeric:tabular-nums}.tc4 .c4-ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.tc4 .c4-ic .c4-ac{fill:currentColor;stroke:none}.tc4 .c4-ic.c4-hat .c4-ac{fill:var(--bd-hat)}.tc4 .c4-i16{stroke-width:2px;width:16px;height:16px}.tc4 .c4-i14{stroke-width:2px;width:14px;height:14px}.tc4 .c4-one{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tc4 .c4-sub{color:var(--bd-ink-2);font-size:12px}.tc4 .c4-card{background:var(--bd-surface);border:1px solid var(--bd-line);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.tc4 .c4-hd{align-items:center;gap:8px;min-width:0;height:36px;display:flex}.tc4 .c4-hd h1,.tc4 .c4-hd h2{font:600 20px/28px var(--font-tieu-de);min-width:0;margin:0}.tc4 .c4-hd h3{font:600 16px/22px var(--font-tieu-de);flex:1;min-width:0;margin:0}.tc4 .c4-mi{background:var(--bd-brand-soft);width:36px;height:36px;color:var(--bd-brand);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.tc4 .c4-tag{background:var(--bd-brand-soft);height:24px;color:var(--bd-brand);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.tc4 .c4-lk{color:var(--bd-brand);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;min-height:36px;padding:0;font-size:14px;font-weight:600;display:inline-flex;position:relative}.tc4 .c4-lk:after{content:"";position:absolute;inset:-4px}.tc4 .c4-btn{height:44px;font:600 14px/1 var(--font-chu);cursor:pointer;border:1px solid var(--bd-line);background:var(--bd-surface);color:var(--bd-ink);white-space:nowrap;box-sizing:border-box;transition:background .18s var(--e-ph),transform .18s var(--e-ph);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.tc4 .c4-btn:active{transform:scale(.97)}.tc4 .c4-btn.c4-pri{background:var(--bd-brand);border-color:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-btn.c4-sm{height:36px;font-size:12px}.tc4 .c4-chip{border:1px solid var(--bd-line);background:var(--bd-surface);height:36px;font:500 14px/1 var(--font-chu);color:var(--bd-ink);cursor:pointer;white-space:nowrap;transition:background .18s var(--e-ph),border-color .18s var(--e-ph),transform .18s var(--e-ph);border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tc4 .c4-chip:active{transform:scale(.97)}.tc4 .c4-chip .c4-t{color:var(--bd-ink-2);font-variant-numeric:tabular-nums;font-size:12px}.tc4 .c4-chip.c4-on{background:var(--bd-brand);border-color:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-chip.c4-on .c4-t{color:var(--bd-on-block-2)}.tc4 .c4-chip.c4-dis{opacity:.45}.tc4 .c4-fb{border:1px solid var(--bd-line);background:var(--bd-surface);height:44px;font:500 14px/1 var(--font-chu);color:var(--bd-ink);max-width:240px;transition:border-color .18s var(--e-ph),background .18s var(--e-ph);border-radius:10px;flex:none;align-items:center;display:inline-flex}.tc4 .c4-fb.c4-on{border-color:var(--bd-brand);background:var(--bd-brand-soft)}.tc4 .c4-fb.c4-mo{border-color:var(--bd-brand);box-shadow:0 0 0 3px #3149401f}.tc4 .c4-fbm{height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:0 12px;display:inline-flex}.tc4 .c4-fbm .c4-ic{color:var(--bd-brand)}.tc4 .c4-tg.c4-on{border-style:solid;border-color:var(--bd-brand);background:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-seg{background:var(--bd-surface-2);border-radius:12px;gap:4px;padding:4px;display:grid}.tc4 .c4-sg{height:36px;color:var(--bd-ink-2);font:500 14px/1 var(--font-chu);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.tc4 .c4-sg.c4-on,.tc4 .c4-vt button.c4-on{background:var(--bd-surface);color:var(--bd-ink);font-weight:600;box-shadow:0 1px 2px #16231e1f}@keyframes tc4-len{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tc4 .c4-lop{z-index:25;position:fixed;inset:0}.tc4 .c4-kr{text-align:left;cursor:pointer;width:100%;min-height:56px;font:inherit;box-sizing:border-box;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.tc4 .c4-kr.c4-on{background:var(--bd-brand-soft)}.tc4 .c4-kr.c4-dis{opacity:.5}.tc4 .c4-kr .c4-ck2{border:1.5px solid var(--rung-300);background:var(--bd-surface);color:#0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tc4 .c4-kr.c4-on .c4-ck2{background:var(--bd-brand);border-color:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-cu{background:var(--bd-hat-100);height:20px;color:var(--bd-hat-700);border-radius:6px;flex:none;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.tc4 .c4-dot{border-radius:50%;flex:none;width:8px;height:8px}.tc4 .c4-th,.tc4 .c4-tr .c4-rw{align-items:center;gap:12px;padding:0 12px;display:grid}.tc4 .c4-th button.c4-on{color:var(--bd-ink)}.tc4 .c4-tr{border-top:1px solid var(--bd-surface-2);transition:background .18s var(--e-ph)}.tc4 .c4-tr .c4-rw{cursor:pointer;height:60px}.tc4 .c4-tr.c4-mo{background:var(--rung-50)}.tc4 .c4-ck.c4-on{background:var(--bd-brand);border-color:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-ib{width:28px;height:28px;color:var(--bd-ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.tc4 .c4-ib:after{content:"";position:absolute;inset:-8px}.tc4 .c4-ib.c4-on .c4-ic{fill:var(--bd-hot)}.tc4 .c4-stt{background:var(--bd-bg);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:72px;padding:12px;display:flex}.tc4 .c4-stt b{font:600 16px/22px var(--font-tieu-de)}.tc4 .c4-lc{border:1px solid var(--bd-surface-2);transition:border-color .18s var(--e-ph),box-shadow .18s var(--e-ph);border-radius:16px;gap:12px;padding:12px;display:grid}.tc4 .c4-im{aspect-ratio:16/10;border-radius:10px;max-width:100%;position:relative;overflow:hidden}.tc4 .c4-im svg.c4-sc{width:100%;height:100%;transition:transform .5s var(--e-ph);position:absolute;inset:0}.tc4 .c4-hist span.c4-on{background:var(--bd-brand)}.tc4 .c4-moc .c4-o{border:3px solid var(--bd-surface);z-index:1;width:20px;height:20px;transition:transform .18s var(--e-ph);border-radius:50%;position:relative;box-shadow:0 0 0 1.5px}.tc4 .c4-moc.c4-on .c4-o{transform:scale(1.25)}.tc4 .c4-moc.c4-mo{opacity:.4}.tc4 .c4-kb.c4-on{background:var(--bd-brand-soft)}.tc4 .c4-lo{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;height:56px;font:inherit;text-align:left;min-width:0;transition:border-color .18s var(--e-ph),background .18s var(--e-ph),transform .18s var(--e-ph);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.tc4 .c4-lo .c4-ic{color:var(--bd-brand)}.tc4 .c4-lo.c4-dis{opacity:.5}.tc4 .c4-sw.c4-on{background:var(--bd-brand)}.tc4 .c4-sw.c4-on:after{transform:translate(16px)}@keyframes tc4-tren{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes tc4-ngang{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.tc4 :focus-visible{outline:2px solid var(--bd-hat);outline-offset:2px}@media (hover:hover){.tc4 .c4-chip:hover,.tc4 .c4-fb:hover{border-color:var(--bd-brand)}.tc4 .c4-btn:hover{background:var(--bd-bg)}.tc4 .c4-btn.c4-pri:hover{background:var(--rung-700)}.tc4 .c4-tr:hover{background:var(--rung-50)}.tc4 .c4-lc:hover{border-color:var(--bd-line);box-shadow:0 6px 16px #16231e14}.tc4 .c4-lc:hover .c4-im svg.c4-sc,.tc4 .c4-bs:hover svg.c4-sc{transform:scale(1.05)}.tc4 .c4-gr:hover,.tc4 .c4-gi:hover,.tc4 .c4-kr:hover{background:var(--bd-bg)}.tc4 .c4-lo:hover{border-color:var(--bd-brand)}.tc4 .c4-ib:hover{background:var(--bd-bg);color:var(--bd-ink)}}@media (prefers-reduced-motion:reduce){.tc4,.tc4 *{transition:none!important;animation:none!important}}.tc4,.tc4 *,.tc4 :before,.tc4 :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.tc4 :where(button),.tc4 input{font:inherit;letter-spacing:inherit;color:inherit;background-color:#0000;border-radius:0}.tc4{--tc-kinh:#f3f6f214;--tc-kinh-2:#f3f6f229;--tc-vien:#f3f6f229;--tc-bong:#16231e1a;--hg-bac-1:#eef1f0;--hg-bac-2:#c9d1cd;--hg-bac-c:#34403b;--hg-vang-1:#f6e2b0;--hg-vang-2:#d49a2e;--hg-vang-c:#3d2a06;--hg-kc-1:#16231e;--hg-kc-2:#314940;--hg-kc-3:#456357;--hg-kc-c:#f4e3b8;--e-day:cubic-bezier(.34,1.56,.64,1)}.tc4 .c4-grow{flex:1}.tc4 .c4-mt{margin-top:auto}.tc4 .c4-chip{box-sizing:border-box}.tc4 .c4-chip .c4-ic{stroke-width:2px;width:16px;height:16px}.tc4 .c4-chip .c4-ch-dot{border-radius:50%;flex:none;width:8px;height:8px}.tc4 .c4-tk{border:1.5px solid var(--bd-brand);background:var(--bd-surface);box-sizing:border-box;min-width:0;height:52px;transition:box-shadow .18s var(--e-ph);border-radius:12px;align-items:center;display:flex}.tc4 .c4-tk:focus-within{box-shadow:0 0 0 4px #3149401f}.tc4 .c4-tk .c4-kv{border:0;border-right:1px solid var(--bd-line);height:100%;font:500 14px var(--font-chu);color:var(--bd-ink);cursor:pointer;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:6px;padding:0 12px;display:flex}.tc4 .c4-tk .c4-kv .c4-ic{color:var(--bd-brand)}.tc4 .c4-tk label{flex:1;align-items:center;gap:8px;min-width:0;height:100%;padding:0 12px;display:flex}.tc4 .c4-tk input{font:400 16px var(--font-chu);min-width:0;color:var(--bd-ink);background:0 0;border:0;outline:none;flex:1}.tc4 .c4-tk .c4-lc{border:0;border-left:1px solid var(--bd-line);height:100%;font:500 14px var(--font-chu);color:var(--bd-ink);cursor:pointer;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:6px;padding:0 12px;display:flex}.tc4 .c4-tk .c4-btn.c4-pri{flex:none;height:44px;margin:0 3px 0 0}.tc4 .c4-hieu{min-height:36px;animation:tc4-len .32s var(--e-cc);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tc4 .c4-hc2{background:var(--bd-brand-soft);white-space:nowrap;height:28px;animation:tc4-bat .32s var(--e-day) both;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.tc4 .c4-hc2 b{font-weight:600}.tc4 .c4-hc2 span{color:var(--bd-ink-2)}@keyframes tc4-bat{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.tc4 .c4-song{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.tc4 .c4-nhay{background:var(--bd-live);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.tc4 .c4-nhay:after{content:"";background:var(--bd-live);animation:tc4-loang 1.8s var(--e-ph) infinite;border-radius:50%;position:absolute;inset:0}@keyframes tc4-loang{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.tc4 .c4-lo{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;height:56px;font:inherit;text-align:left;box-sizing:border-box;min-width:0;transition:border-color .18s var(--e-ph),background .18s var(--e-ph),transform .18s var(--e-ph);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.tc4 .c4-lo .c4-mi2{background:var(--bd-brand-soft);width:36px;height:36px;color:var(--bd-brand);transition:background .18s var(--e-ph),color .18s var(--e-ph);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.tc4 .c4-lo b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.tc4 .c4-lo:active{transform:scale(.98)}.tc4 .c4-lo.c4-on{border-color:var(--bd-brand);background:var(--bd-brand-soft)}.tc4 .c4-lo.c4-on .c4-mi2{background:var(--bd-brand);color:var(--bd-on-brand)}.tc4 .c4-lo.c4-on .c4-mi2 .c4-ic{color:var(--bd-on-brand)}.tc4 .c4-lo .c4-mi2 .c4-ic{color:var(--bd-brand)}.tc4 .c4-rowx{scrollbar-width:none;scroll-snap-type:x mandatory;gap:8px;min-width:0;display:flex;overflow-x:auto}.tc4 .c4-rowx::-webkit-scrollbar{display:none}.tc4 .c4-rowx>*{scroll-snap-align:start}.tc4 .c4-th48{border-radius:6px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.tc4 .c4-th48 svg,.tc4 .c4-im88 svg,.tc4 .c4-im svg{width:100%;height:100%;position:absolute;inset:0}.tc4 .c4-pl{height:24px;font:600 12px var(--font-tieu-de);white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--bd-bg);color:var(--bd-ink);border-radius:6px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.tc4 .c4-pl:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.tc4 .c4-pl.c4-lo{background:var(--rung-50)}.tc4 .c4-pl.c4-lo:before{background:var(--bd-live)}.tc4 .c4-pl.c4-ok:before{background:var(--rung-400)}.tc4 .c4-pl.c4-hi{background:var(--bd-hat-100)}.tc4 .c4-pl.c4-hi:before{background:var(--bd-warn)}.tc4 .c4-r24 .c4-nn{fill:none;stroke:var(--bd-surface-2);stroke-width:2.5px}.tc4 .c4-r24 .c4-vg{fill:none;stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .32s}.tc4 .c4-r36{flex:none;width:36px;height:36px;position:relative}.tc4 .c4-r36 svg{width:36px;height:36px;transform:rotate(-90deg)}.tc4 .c4-r36 .c4-nn{fill:none;stroke:var(--bd-surface-2);stroke-width:3px}.tc4 .c4-r36 .c4-vg{fill:none;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .32s}.tc4 .c4-r36 b{font:600 12px var(--font-tieu-de);font-variant-numeric:tabular-nums;letter-spacing:-.02em;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tc4 .c4-hg{white-space:nowrap;border-radius:6px;flex:none;align-items:center;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.tc4 .c4-hg.c4-ht{background:var(--bd-brand-soft);color:var(--bd-brand)}.tc4 .c4-hg.c4-hb{background:linear-gradient(90deg,var(--hg-bac-1),var(--hg-bac-2));color:var(--hg-bac-c)}.tc4 .c4-hg.c4-hv{background:linear-gradient(90deg,var(--hg-vang-1),var(--hg-vang-2));color:var(--hg-vang-c)}.tc4 .c4-hg.c4-hk{background:linear-gradient(90deg,var(--hg-kc-1),var(--hg-kc-2),var(--hg-kc-3));color:var(--hg-kc-c)}.tc4 .c4-xt{color:var(--bd-live);display:inline-flex}.tc4 .c4-ib.c4-on{color:var(--bd-hot)}.tc4 .c4-ib.c4-on .c4-ic{fill:var(--bd-hot);animation:tc4-bat .6s var(--e-day)}.tc4 .c4-im88 .c4-r36{background:var(--bd-surface);border-radius:50%;position:absolute;top:4px;right:4px}.tc4 .c4-tt2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.tc4 .c4-dr{border:0;border-top:1px solid var(--bd-surface-2);min-height:64px;font:inherit;color:var(--bd-ink);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px 0;display:grid}.tc4 .c4-dr:first-child{border-top:0}.tc4 .c4-tag2{background:var(--bd-brand-soft);height:24px;color:var(--bd-brand);font:600 12px var(--font-tieu-de);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.tc4 .c4-goi{background:var(--bd-bg);color:var(--bd-ink-2);border-radius:12px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;display:flex}.tc4 .c4-goi .c4-ic{color:var(--bd-brand)}.tc4 .c4-fade{animation:tc4-len .32s var(--e-cc)}.tc4 .c4-sl{background:var(--bd-bg);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:72px;padding:12px;display:flex}.tc4 .c4-sl .c4-l{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.tc4 .c4-sl .c4-l .c4-ic{stroke-width:2px;width:16px;height:16px;color:var(--bd-brand);flex:none}.tc4 .c4-sl b{font:600 16px/22px var(--font-tieu-de);font-variant-numeric:tabular-nums}.tc4 .c4-bdg{position:relative}.tc4 .c4-bdg svg{width:100%;height:auto;display:block;overflow:visible}.tc4 .c4-bdg .c4-gl{stroke:var(--bd-surface-2);stroke-width:1px}.tc4 .c4-bdg .c4-vu{fill:var(--bd-brand);opacity:.07}.tc4 .c4-bdg .c4-ra{fill:none;stroke:var(--bd-brand);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;animation:tc4-net 1.4s var(--e-cc) both}.tc4 .c4-bdg .c4-ch{fill:none;stroke:var(--bd-hat);stroke-width:2px;stroke-dasharray:5 4;stroke-linecap:round}.tc4 .c4-bdg .c4-dl{stroke:var(--rung-300);stroke-width:1px;stroke-dasharray:3 3}.tc4 .c4-bdg .c4-dr2{fill:var(--bd-brand);stroke:var(--bd-surface);stroke-width:2px}.tc4 .c4-bdg .c4-dc{fill:var(--bd-hat);stroke:var(--bd-surface);stroke-width:2px}.tc4 .c4-bdg .c4-hit{fill:#0000;cursor:crosshair}@keyframes tc4-net{0%{stroke-dashoffset:2000px}to{stroke-dashoffset:0}}.tc4 .c4-tip{background:var(--bd-ink);color:var(--bd-bg);white-space:nowrap;pointer-events:none;transition:left .18s var(--e-ph);z-index:2;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%)}.tc4 .c4-tip b{font:600 12px var(--font-tieu-de)}.tc4 .c4-chu{color:var(--bd-ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.tc4 .c4-lgc{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.tc4 .c4-lgc span{align-items:center;gap:6px;display:inline-flex}.tc4 .c4-sq{border-radius:2px;flex:none;width:12px;height:3px}.tc4 .c4-stt b.c4-tang{color:var(--bd-ink)}.tc4 .c4-dtw{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.tc4 .c4-dtw .c4-o{border:1px solid var(--bd-line);height:44px;font:600 16px var(--font-tieu-de);font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:6px;display:flex}.tc4 .c4-dtw .c4-o small{font:500 12px var(--font-chu);color:var(--bd-ink-2)}.tc4 .c4-dtw button{border:1px solid var(--bd-line);background:var(--bd-surface);cursor:pointer;width:44px;height:44px;font:500 20px var(--font-tieu-de);color:var(--bd-ink);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tc4 .c4-kq{font:700 20px/28px var(--font-tieu-de);color:var(--bd-brand);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tc4 .c4-kh{background:linear-gradient(90deg,var(--rung-200),var(--bd-brand) 50%,var(--rung-200));border-radius:4px;height:8px;position:relative}.tc4 .c4-kh i{background:var(--bd-hat);border:3px solid var(--bd-surface);box-sizing:border-box;width:16px;height:16px;transition:left .6s var(--e-day);border-radius:50%;margin:-8px;position:absolute;top:50%;box-shadow:0 1px 3px #16231e4d}.tc4 .c4-tm{min-height:56px;font:inherit;color:var(--bd-ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:0;display:grid}.tc4 .c4-da{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;text-align:left;min-width:0;font:inherit;color:var(--bd-ink);transition:border-color .18s var(--e-ph),box-shadow .32s var(--e-cc),transform .32s var(--e-cc);border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden}.tc4 .c4-da .c4-im{aspect-ratio:16/10;position:relative;overflow:hidden}.tc4 .c4-da .c4-im svg{transition:transform .6s var(--e-cc)}.tc4 .c4-da .c4-bg2{height:24px;color:var(--bd-ink);background:#fffffff0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.tc4 .c4-da .c4-mh{background:var(--bd-ink);height:24px;color:var(--bd-bg);border-radius:6px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex;position:absolute;top:8px;right:8px}.tc4 .c4-da .c4-nd{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.tc4 .c4-da .c4-ft{color:var(--bd-ink-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.tc4 .c4-ph{grid-template-columns:minmax(0,148px) minmax(0,1fr) 40px 40px;align-items:center;gap:8px;min-height:36px;font-size:12px;display:grid}.tc4 .c4-ph .c4-t{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.tc4 .c4-ph .c4-t .c4-ic{stroke-width:2px;width:16px;height:16px;color:var(--bd-brand);flex:none}.tc4 .c4-ph .c4-bx{background:var(--bd-surface-2);border-radius:6px;height:12px;position:relative;overflow:hidden}.tc4 .c4-ph .c4-bx i{background:var(--bd-brand);transform-origin:0;animation:tc4-mo2 .9s var(--e-cc) both;border-radius:6px;position:absolute;top:0;bottom:0;left:0}.tc4 .c4-ph.c4-p3 .c4-bx i,.tc4 .c4-ph.c4-p4 .c4-bx i{background:var(--bd-hat)}.tc4 .c4-ph.c4-p1 .c4-bx i{animation-delay:80ms}.tc4 .c4-ph.c4-p2 .c4-bx i{animation-delay:.16s}.tc4 .c4-ph.c4-p3 .c4-bx i{animation-delay:.24s}.tc4 .c4-ph.c4-p4 .c4-bx i{animation-delay:.32s}@keyframes tc4-mo2{0%{transform:scaleX(0)}}.tc4 .c4-ph b{font:600 14px var(--font-tieu-de);text-align:right;font-variant-numeric:tabular-nums}.tc4 .c4-ph .c4-pt{color:var(--bd-ink-2);text-align:right;font-variant-numeric:tabular-nums}.tc4 .c4-fds{flex-direction:column;gap:0;display:flex}.tc4 .c4-fd{border-top:1px solid var(--bd-surface-2);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;font-size:14px;display:grid}.tc4 .c4-fd:first-child{border-top:0}.tc4 .c4-fd.c4-moi{animation:tc4-truot .6s var(--e-day)}@keyframes tc4-truot{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.tc4 .c4-nc{border-top:1px solid var(--bd-surface-2);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;display:grid}.tc4 .c4-nc:first-child{border-top:0}.tc4 .c4-av{background:var(--rung-100);width:36px;height:36px;color:var(--bd-brand);font:600 12px var(--font-tieu-de);border-radius:50%;justify-content:center;align-items:center;display:flex}.tc4 .c4-sao{color:var(--bd-hat-700);align-items:center;gap:2px;display:inline-flex}.tc4 .c4-sao .c4-ic{width:14px;height:14px;fill:var(--bd-hat);stroke:var(--bd-hat)}.tc4 .c4-dh{background:var(--bd-block);border-color:var(--bd-block);color:var(--bd-on-block);position:relative;overflow:hidden}.tc4 .c4-dh .c4-sub{color:var(--bd-on-block-2)}.tc4 .c4-dh .c4-mi{background:var(--tc-kinh-2);color:var(--bd-on-block)}.tc4 .c4-dh .c4-ac{fill:var(--bd-hat)}.tc4 .c4-hhs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.tc4 .c4-hh{border:1px solid var(--tc-vien);background:var(--tc-kinh);color:var(--bd-on-block);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;min-width:0;transition:background .32s var(--e-cc),border-color .32s var(--e-cc);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.tc4 .c4-hh .c4-o{background:var(--tc-kinh-2);width:44px;height:44px;transition:transform .6s var(--e-day),background .32s;border-radius:50%;justify-content:center;align-items:center;display:flex}.tc4 .c4-hh .c4-o .c4-ic{stroke-width:1.75px;width:24px;height:24px}.tc4 .c4-hh.c4-on{background:var(--tc-kinh-2);border-color:var(--bd-hat)}.tc4 .c4-hh.c4-on .c4-o{background:var(--bd-hat);color:var(--bd-on-hat,#1b1406);transform:scale(1.1)}.tc4 .c4-hh.c4-on .c4-o .c4-ac{fill:var(--bd-on-block)}.tc4 .c4-hh b{font:600 16px/22px var(--font-tieu-de)}.tc4 .c4-hh span{color:var(--bd-on-block-2);font-size:12px}.tc4 .c4-btn.c4-sang{background:var(--bd-surface);border-color:var(--bd-surface);color:var(--bd-ink)}.tc4 .c4-btn.c4-kinh{background:var(--tc-kinh);border-color:var(--tc-vien);color:var(--bd-on-block)}.tc4 .c4-bc{flex-direction:column;gap:8px;display:flex}.tc4 .c4-bc div{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;font-size:14px;display:grid}.tc4 .c4-bc i{background:var(--tc-kinh-2);width:24px;height:24px;font:600 12px/24px var(--font-tieu-de);text-align:center;border-radius:50%;font-style:normal}.tc4 .c4-toast{z-index:70;background:var(--bd-ink);height:44px;color:var(--bd-bg);animation:tc4-len .18s var(--e-ph);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@media (hover:hover){.tc4 .c4-lo:hover{border-color:var(--bd-brand)}.tc4 .c4-dr:hover,.tc4 .c4-tm:hover{background:var(--bd-bg)}.tc4 .c4-da:hover{border-color:var(--bd-line);box-shadow:0 12px 32px var(--tc-bong);transform:translateY(-4px)}.tc4 .c4-da:hover .c4-im svg{transform:scale(1.06)}.tc4 .c4-hh:hover{background:var(--tc-kinh-2)}.tc4 .c4-btn.c4-sang:hover{background:var(--bd-bg)}}@media (prefers-reduced-motion:reduce){.tc4,.tc4 *{transition:none!important;animation:none!important}}.tc4 .c4-tn2{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;box-sizing:border-box;min-height:120px;transition:border-color .18s var(--e-ph),box-shadow .32s var(--e-cc),transform .32s var(--e-cc);border-radius:16px;grid-template-columns:112px minmax(0,1fr) 136px;align-items:stretch;gap:12px;padding:12px;display:grid}.tc4 .c4-tn3{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;box-sizing:border-box;border-radius:16px;grid-template-columns:176px minmax(0,1fr);align-items:stretch;gap:12px;min-height:200px;padding:12px;display:grid}.tc4 .c4-anh{border-radius:10px;min-height:96px;display:block;position:relative;overflow:hidden}.tc4 .c4-tn2 .c4-anh{width:112px;height:100%;min-height:112px}.tc4 .c4-tn3 .c4-anh{width:176px;height:176px}.tc4 .c4-tn4{border:1px solid var(--bd-surface-2);background:var(--bd-surface);cursor:pointer;box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex}.tc4 .c4-tn4 .c4-anh{aspect-ratio:16/10;width:100%;height:auto}.tc4 .c4-anh>svg{width:100%;height:100%;transition:transform .6s var(--e-cc);position:absolute;inset:0}.tc4 .c4-anh .c4-r36{background:var(--bd-surface);border-radius:50%;position:absolute;top:4px;right:4px}.tc4 .c4-anh .c4-hgx{position:absolute;top:4px;left:4px}.tc4 .c4-anh .c4-md{height:24px;color:var(--bd-bg);font:600 12px var(--font-tieu-de);background:#16231eb8;border-radius:6px;align-items:center;gap:4px;padding:0 6px;display:inline-flex;position:absolute;bottom:4px;left:4px}.tc4 .c4-anh .c4-md .c4-ic{stroke-width:2px;width:14px;height:14px}.tc4 .c4-gx{flex-direction:column;gap:6px;min-width:0;display:flex}.tc4 .c4-gp{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.tc4 .c4-gia2{font:700 20px/28px var(--font-tieu-de);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--bd-ink)}.tc4 .c4-gia2 small{font:500 14px var(--font-chu);color:var(--bd-ink-2)}.tc4 .c4-tt2 .c4-xt{vertical-align:-2px;color:var(--bd-live);margin-right:4px;display:inline-flex}.tc4 .c4-fts{flex-wrap:wrap;gap:4px 12px;min-width:0;display:flex}.tc4 .c4-ft1{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.tc4 .c4-ft1 .c4-ic{color:var(--bd-brand)}.tc4 .c4-mt2{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.tc4 .c4-mt2 .c4-ic{color:var(--bd-ink-3);stroke-width:2px;flex:none;width:14px;height:14px}.tc4 .c4-dotx{background:var(--bd-line);border-radius:50%;flex:none;width:3px;height:3px}.tc4 .c4-tn3 .c4-fts{gap:4px 8px}.tc4 .c4-kvb{max-width:240px;height:44px}.tc4 .c4-popk{z-index:30;background:var(--bd-surface);border:1px solid var(--bd-line);width:360px;animation:tc4-len .18s var(--e-ph);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:52px;right:0;box-shadow:0 12px 32px #16231e29}.tc4 .c4-popk.c4-m{width:auto;max-height:80%;animation:tc4-tren .32s var(--e-cc);border-radius:24px 24px 0 0;position:fixed;inset:auto 0 0}.tc4 .c4-popk .c4-chip{height:36px}.tc4 .c4-dsk{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:300px;display:flex;overflow-y:auto}.tc4 .c4-srch{border:1px solid var(--bd-line);background:var(--bd-surface);box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 4px 0 12px;display:flex}.tc4 .c4-srch input{font:400 16px var(--font-chu);min-width:0;color:var(--bd-ink);background:0 0;border:0;outline:none;flex:1}.tc4 .c4-srch .c4-ic{color:var(--bd-ink-2)}@media (hover:hover){.tc4 .c4-tn2:hover{border-color:var(--bd-line);box-shadow:0 8px 24px var(--tc-bong);transform:translateY(-2px)}.tc4 .c4-tn2:hover .c4-anh>svg,.tc4 .c4-tn3:hover .c4-anh>svg{transform:scale(1.06)}}.tc4 .c4-lop.c4-mo{background:#16231e5c;animation:.2s tc4-hienmo}@keyframes tc4-hienmo{0%{opacity:0}to{opacity:1}}.tc4 .c4-ncr{border:0;border-top:1px solid var(--bd-surface-2);min-height:88px;font:inherit;color:var(--bd-ink);text-align:left;cursor:pointer;box-sizing:border-box;width:100%;transition:background .18s var(--e-ph);background:0 0;grid-template-columns:36px minmax(0,1fr) 56px;align-items:center;gap:8px;padding:8px 0;display:grid}.tc4 .c4-ncr:first-child{border-top:0}.tc4 .c4-ncr:hover{background:var(--bd-surface-2)}.tc4 .c4-ncr .c4-mi{width:36px;height:36px}.tc4 .c4-ncl{height:20px;font:600 12px var(--font-tieu-de);border-radius:6px;flex:none;align-items:center;padding:0 6px;display:inline-flex}.tc4 .c4-ncl.c4-mua{background:var(--bd-brand-soft);color:var(--bd-brand)}.tc4 .c4-ncl.c4-thue{background:var(--bd-surface-2);color:var(--bd-ink-2)}.tc4 .c4-gap{background:var(--bd-warn);color:#fff;height:20px;font:600 12px var(--font-tieu-de);border-radius:6px;flex:none;align-items:center;padding:0 6px;display:inline-flex}.tc4 .c4-khop{background:var(--bd-brand-soft);height:56px;color:var(--bd-brand);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tc4 .c4-khop b{font:700 16px var(--font-tieu-de)}.tc4 .c4-khop small{text-align:center;font-size:12px;line-height:1.1}.tc4 .c4-ng{min-width:0;overflow:hidden}.tc4 .c4-av2{background:var(--bd-brand);width:24px;height:24px;color:var(--bd-on-brand);font:600 12px/24px var(--font-tieu-de);text-align:center;letter-spacing:.02em;border-radius:50%;flex:none}.tc4 .c4-vai2{background:var(--bd-surface-2);height:20px;color:var(--bd-ink-2);font:600 12px var(--font-tieu-de);white-space:nowrap;border-radius:6px;flex:none;align-items:center;padding:0 6px;display:inline-flex}.tc4 .c4-vai2.c4-cc{background:var(--bd-hat-100);color:var(--bd-hat-700)}.tc4 .c4-hinh{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tc4 .c4-pl.c4-an{display:none}.tc4 .c4-rongg{text-align:center;background:var(--bd-bg);box-sizing:border-box;min-height:320px;color:var(--bd-ink-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.tc4 .c4-rongg b{font:600 16px/22px var(--font-tieu-de);color:var(--bd-ink)}.tc4 .c4-dc.c4-an{display:none}.tc4 .c4-dai{min-width:0;position:relative}.tc4 .c4-dai-ray{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:8px;min-width:0;scroll-padding-inline:0;display:flex;overflow-x:auto}.tc4 .c4-dai-ray::-webkit-scrollbar{display:none}.tc4 .c4-dai-ray>.c4-lo{scroll-snap-align:start;flex:0 0 152px}.tc4 .c4-dai-chu{flex-direction:column;gap:2px;min-width:0;display:flex}.tc4 .c4-dai:before,.tc4 .c4-dai:after{content:"";pointer-events:none;opacity:0;width:32px;transition:opacity .18s var(--e-ph);z-index:1;position:absolute;top:0;bottom:0}.tc4 .c4-dai:before{background:linear-gradient(90deg,var(--bd-surface),transparent);left:0}.tc4 .c4-dai:after{background:linear-gradient(270deg,var(--bd-surface),transparent);right:0}.tc4 .c4-dai.c4-dai-t:before,.tc4 .c4-dai.c4-dai-p:after{opacity:1}.tc4 .c4-dai-nut{z-index:2;aspect-ratio:1;border:1px solid var(--bd-line);background:var(--bd-surface);width:36px;height:36px;color:var(--bd-ink);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--bd-than,#16231e) 12%,transparent);transition:border-color .18s var(--e-ph),transform .18s var(--e-ph);border-radius:50%;flex:none;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.tc4 .c4-dai-nut:before{content:"";position:absolute;inset:-4px}.tc4 .c4-dai-nut-t{left:-4px}.tc4 .c4-dai-nut-p{right:-4px}.tc4 .c4-dai-nut:active{transform:translateY(-50%)scale(.97)}.tc4 .c4-dai-nut:focus-visible{outline:2px solid var(--bd-brand);outline-offset:2px}.tc4 .c4-dai-ray>.c4-lo:focus-visible{outline:2px solid var(--bd-brand);outline-offset:-2px}@media (width>=600px){.tc4 .c4-dai-ray>.c4-lo{flex-basis:152px}}@media (width>=840px){.tc4 .c4-dai-ray>.c4-lo{flex-basis:160px}}@media (hover:hover) and (width>=1024px){.tc4 .c4-dai-nut{display:flex}.tc4 .c4-dai-nut:hover{border-color:var(--bd-brand)}}@media (prefers-reduced-motion:reduce){.tc4 .c4-dai:before,.tc4 .c4-dai:after,.tc4 .c4-dai-nut{transition:none}}.tc4 .c4-sl-bam{font:inherit;color:inherit;text-align:left;cursor:pointer;border:0;align-items:flex-start;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background .18s}.tc4 .c4-sl-bam:active{transform:scale(.97)}.tc4 .c4-sl-bam:focus-visible{outline:2px solid var(--bd-brand);outline-offset:2px}@media (hover:hover){.tc4 .c4-sl-bam:hover{background:var(--bd-leaf,#e1eae4);box-shadow:0 6px 16px -10px color-mix(in oklab,var(--bd-brand) 45%,transparent)}}.tc4 .c4-sl b.c4-sang{animation:.9s cubic-bezier(.3,.7,.1,1) c4sang}@keyframes c4sang{0%{color:var(--bd-hat-ink,#8e6214);text-shadow:0 0 8px color-mix(in oklab,var(--bd-hat,#d49a2e) 60%,transparent)}to{text-shadow:none}}.tc4 .c4-ss{color:var(--bd-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:1.4;display:inline-flex}.tc4 .c4-ss.tang{color:var(--bd-urgent,#c2412b)}.tc4 .c4-ss.giam{color:var(--bd-brand)}.tc4 .c4-nhip{flex-direction:column;gap:8px;min-width:0;display:flex}.tc4 .c4-nhip-hd{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tc4 .c4-cot{background:var(--bd-bg);border-radius:12px;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:2px;height:72px;padding:8px;display:grid}.tc4 .c4-cot button{cursor:pointer;background:0 0;border:0;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex}.tc4 .c4-cot i{background:color-mix(in oklab,var(--bd-brand) 55%,transparent);border-radius:2px;width:100%;transition:height .32s cubic-bezier(.3,.7,.1,1),background .18s;display:block}.tc4 .c4-cot button.chon i{background:var(--bd-brand)}.tc4 .c4-cot button.nay i{background:var(--bd-hat,#d49a2e);animation:1.6s ease-in-out infinite c4tho}@keyframes c4tho{50%{opacity:.55}}.tc4 .c4-vua{border:1px solid var(--bd-line,#d5ded7);min-height:44px;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.tc4 .c4-vua:focus-visible{outline:2px solid var(--bd-brand);outline-offset:2px}.tc4 .c4-vua-t{flex:1;min-width:0;font-size:14px;line-height:1.4;animation:.32s cubic-bezier(.3,.7,.1,1) c4len}@keyframes c4len{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tc4 .c4-capnhat{align-items:center;gap:6px;display:inline-flex}.tc4 .c4-cham{aspect-ratio:1;background:var(--bd-live,#2b9467);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite c4tho}@media (width<=599px){.tc4 .c4-cot{height:48px}.tc4 .c4-vua{display:none}}@media (width>=600px) and (width<=1023px){.tc4 .c4-vua{display:none}}@media (prefers-reduced-motion:reduce){.tc4 .c4-sl-bam,.tc4 .c4-cot i,.tc4 .c4-vua-t,.tc4 .c4-cot button.nay i,.tc4 .c4-cham,.tc4 .c4-sl b.c4-sang{transition:none;animation:none}}.tc4 .c4-tthero{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.tc4 .c4-tthero:focus-visible{outline:2px solid var(--bd-brand);outline-offset:2px}.tc4 .c4-tthero-a{aspect-ratio:2;background:var(--bd-leaf);border-radius:12px;width:100%;margin-bottom:4px;display:block;overflow:hidden}.tc4 .c4-tthero-a img,.tc4 .c4-tthero-a svg{object-fit:cover;width:100%;height:100%;transition:transform .32s cubic-bezier(.3,.7,.1,1);display:block}.tc4 .c4-tthero-s{-webkit-line-clamp:2;color:var(--bd-ink-2);-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (hover:hover){.tc4 .c4-tthero:hover .c4-tthero-a img,.tc4 .c4-tthero:hover .c4-tthero-a svg{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tc4 .c4-tthero-a img,.tc4 .c4-tthero-a svg{transition:none}}