html[data-skin=english]{--en-bg:#f9fafb;--en-panel:#fff;--en-card:#fff;--en-soft:#f3f4f6;--en-hero:#fffdf3;--en-line:#e5e7eb;--en-line-2:#f3f4f6;--en-text:#1f2937;--en-muted:#4b5563;--en-faint:#9ca3af;--en-gold:var(--skin-accent,#cda238);--en-gold-2:#e8bd4f;--en-gold-d:#8f681b;--en-on-gold:#111827;--en-gold-t:#a87d1c;--en-gold-soft:#cda23824;--en-hover:#1118270b;--en-shadow:0 1px 0 #fff9 inset, 0 12px 26px -22px #11182759;--en-green:#10b981;--en-head:"Plus Jakarta Sans", "Be Vietnam Pro", system-ui, sans-serif}html[data-skin=english][data-theme=dark]{--en-bg:#111825;--en-panel:#121a27;--en-card:#182130;--en-soft:#1d2738;--en-hero:#182130;--en-line:#354357;--en-line-2:#263244;--en-text:#ebe8e1;--en-muted:#bcc3c1;--en-faint:#929c9e;--en-gold-t:#e3b84e;--en-gold-soft:#cda23829;--en-hover:#ffffff0d;--en-shadow:0 1px 0 #ffffff06 inset, 0 12px 26px -22px #000000f2}html[data-skin=english] body,html[data-skin=english] .min-h-full{color:var(--en-text);background:var(--en-bg)!important}html[data-skin=english]:not([data-font]) :where(body,body :not(svg,svg *,code,pre,kbd,samp,.material-icons,[class*=icon-font])){font-family:Be Vietnam Pro,Inter,system-ui,sans-serif!important}html[data-skin=english]:not([data-font]) :where(h1,h2,h3,.ens-logo b){letter-spacing:-.01em;font-family:var(--en-head)!important}html[data-skin=english] .account-right{background:var(--en-panel);border-right:1px solid var(--en-line);box-shadow:none}html[data-skin=english] .account-right:before,html[data-skin=english] .account-right:after{display:none}html[data-skin=english] .account-right .account-nav a{color:var(--en-muted);border-radius:20px;font-weight:700}html[data-skin=english] .account-right .account-nav a:hover{color:var(--en-text);background:var(--en-hover)}html[data-skin=english] .account-right .account-nav a.active{background:var(--en-gold-soft);color:var(--en-text);box-shadow:inset 0 0 0 1.5px #cda23873}html[data-skin=english] .account-right .account-nav a.active:before{display:none}html[data-skin=english] .account-right .account-nav a.active svg{color:var(--en-gold)}html[data-skin=english] .account-right .account-nav-title{letter-spacing:.05em;font-weight:800;color:var(--en-faint)!important;font-size:10px!important}html[data-skin=english] .account-container :is([class$=-card],[class*=-card\ ]):not(.rankflat-card,.ci-card){background-color:var(--en-card)!important;border:2px solid var(--en-line)!important;box-shadow:var(--en-shadow)!important;border-radius:20px!important}html[data-skin=english] .sp-page{--sp-card:var(--en-card);--sp-ink:var(--en-text);--sp-muted:var(--en-muted);--sp-line:var(--en-line);--sp-accent:var(--en-gold);--sp-accent-2:var(--en-gold-d);--sp-gold:var(--en-gold);--sp-soft:var(--en-soft);--sp-radius:20px;--sp-border:0 0 0 2px var(--en-line);--sp-shadow:0 12px 26px -22px #0009;--sp-node-shadow:0 0 0 2px var(--en-line);color:var(--en-text)}html[data-skin=english] .sp-page mark{color:var(--en-gold-t);background:0 0;padding:0}html[data-skin=english] .sp-page .sp-card{background:var(--en-card);box-shadow:0 0 0 2px var(--en-line),var(--en-shadow);border-radius:20px}html[data-skin=english] .sp-page .sp-hero,html[data-skin=english] .sp-page .sp-hero2{background:linear-gradient(120deg, var(--en-hero) 0%, var(--en-hero) 55%, var(--en-gold-soft) 100%)}html[data-skin=english] .sp-page .sp-muted,html[data-skin=english] .sp-page small{color:var(--en-muted)}html[data-skin=english] .sp-page .sp-btn{background:var(--en-gold);color:var(--en-on-gold);letter-spacing:.4px;text-transform:uppercase;box-shadow:0 4px 0 var(--en-gold-d);border-radius:24px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s}html[data-skin=english] .sp-page .sp-btn:hover{filter:brightness(1.06)}html[data-skin=english] .sp-page .sp-btn:active{box-shadow:0 1px 0 var(--en-gold-d);transform:translateY(3px)}html[data-skin=english] .sp-page .sp-link{color:var(--en-gold-t);font-weight:700}html[data-skin=english] .sp-page .sp-subjects a.on{background:var(--en-gold);color:var(--en-on-gold)}html[data-skin=english] .sp-page .sp-stat b{font-family:var(--en-head);color:var(--en-text)}html[data-skin=english] .sp-page .sp-stat b:after{content:"+";color:var(--en-gold);vertical-align:super;margin-left:2px;font-size:.7em}html[data-skin=english] .sp-page .sp-stat small{color:var(--en-muted)}html[data-skin=english] .sp-page .sp-sec-title>i{background:var(--en-gold);border-radius:99px;width:5px}html[data-skin=english] .sp-page .sp-book{background:var(--en-card);box-shadow:0 0 0 2px var(--en-line),var(--en-shadow);border-radius:20px}html[data-skin=english] .sp-page .sp-book:hover{transform:translateY(-3px)}html[data-skin=english] .sp-page .sp-book.current{outline:2px solid var(--en-gold);outline-offset:3px}html[data-skin=english] .sp-page .sp-book-face{color:var(--en-text);background:var(--en-card)}html[data-skin=english] .sp-page .sp-book-face small{color:var(--en-gold-t)}html[data-skin=english] .sp-page .sp-book-face b{color:var(--en-text);text-shadow:none;font-family:var(--en-head)}html[data-skin=english] .sp-page .sp-book-face em{background:var(--en-gold);color:var(--en-on-gold)}html[data-skin=english] .sp-page .sp-book-face em.ok{color:var(--en-green);background:#10b98129}html[data-skin=english] .sp-page .sp-book-strip{background:var(--en-soft);color:var(--en-muted);border-top:1px solid var(--en-line);font-weight:700}html[data-skin=english] .sp-page .sp-dot{background:var(--en-gold);color:var(--en-on-gold);box-shadow:0 4px 0 var(--en-gold-d)}html[data-skin=english] .sp-page .sp-node.todo .sp-dot{background:var(--en-soft);color:var(--en-text);box-shadow:0 0 0 2px var(--en-line),0 4px 0 var(--en-line)}html[data-skin=english] .sp-page .sp-node.done .sp-dot{background:var(--en-green);color:#fff;box-shadow:0 4px #047857}html[data-skin=english] .sp-page .sp-node.locked .sp-dot{background:var(--en-soft);color:var(--en-faint);box-shadow:0 0 0 2px var(--en-line)}html[data-skin=english] .sp-page .sp-node-card{background:var(--en-card);box-shadow:0 0 0 2px var(--en-line);border-radius:16px}html[data-skin=english] .sp-page .sp-now{background:var(--en-gold);color:var(--en-on-gold)}html[data-skin=english] .sp-page .sp-stage-no{background:var(--en-gold);color:var(--en-on-gold);box-shadow:0 3px 0 var(--en-gold-d);border-radius:50%}html[data-skin=english] .sp-page .sp-bar{background:var(--en-soft);box-shadow:none}html[data-skin=english] .sp-page .sp-bar em{background:linear-gradient(90deg, var(--en-gold), var(--en-gold-2))}html[data-skin=english] .sp-page .sp-list li+li{border-top-color:var(--en-line-2)}html[data-skin=english] .sp-page .sp-doing-card{background:var(--en-card);box-shadow:0 0 0 2px var(--en-line);border-radius:20px}html[data-skin=english] .sp-page .sp-fold,html[data-skin=english] .sp-page .sp-fold-more{background:var(--en-soft);color:var(--en-text);box-shadow:0 0 0 1.5px var(--en-line);border-radius:20px}html[data-skin=english] :is(.sp-page,.ens) b{color:inherit}html[data-skin=english] .sp-page :is(a,button).on{background:var(--en-gold)!important;color:var(--en-on-gold)!important;box-shadow:0 3px 0 var(--en-gold-d)!important}html[data-skin=english] .sp-page .cr-btn{box-shadow:0 3px 0 var(--en-gold-d);border-radius:24px;font-weight:800;background:var(--en-gold)!important;color:var(--en-on-gold)!important}html[data-skin=english] .sp-page .sp-book-strip{color:var(--en-muted)!important}html[data-skin=english] .sp-page .sp-node-card b,html[data-skin=english] .sp-page .sp-list b{color:var(--en-text)}
html[data-skin=bamboo-lotus]{--sk-a:var(--skin-accent,#b30800);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=bamboo-lotus],html[data-skin=bamboo-lotus] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=bamboo-lotus]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#fffdf5,#f1f3df 55%,#e4efd9)!important;background-position:0 100%,100% 100%,bottom,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .account-right{background:linear-gradient(#fffdf5,#f1f3df 55%,#e4efd9);box-shadow:1px 0 #5a4a3a1a}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#fffdf5,#f1f3df 55%,#e4efd9);background-position:0 100%,100% 100%,bottom,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto;background-attachment:fixed}html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page .copyright{color:#5a4a3a}@media (max-width:768px){html[data-skin=bamboo-lotus]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=bamboo-lotus] .account-nav a.active,html[data-skin=bamboo-lotus] .en-tabs button.active,html[data-skin=bamboo-lotus] .fc-tabs .active,html[data-skin=bamboo-lotus] .rs-tab.active,html[data-skin=bamboo-lotus] .ar2-tabs .active,html[data-skin=bamboo-lotus] .cc-tabs .active,html[data-skin=bamboo-lotus] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=bamboo-lotus] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=bamboo-lotus] .en-progress i,html[data-skin=bamboo-lotus] .ar2-bar i,html[data-skin=bamboo-lotus] .hub-bar i,html[data-skin=bamboo-lotus] .ex-progress i,html[data-skin=bamboo-lotus] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=bamboo-lotus] .ex-btn.primary,html[data-skin=bamboo-lotus] .en-btn.red,html[data-skin=bamboo-lotus] .mt-btn.primary,html[data-skin=bamboo-lotus] .fc-btn.primary,html[data-skin=bamboo-lotus] .gm-btn.primary,html[data-skin=bamboo-lotus] .cl-btn.primary,html[data-skin=bamboo-lotus] .tn-btn.red,html[data-skin=bamboo-lotus] .ar2-find-btn,html[data-skin=bamboo-lotus] .ex-unlock-btn,html[data-skin=bamboo-lotus] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=bamboo-lotus] .login-form .form-input:focus,html[data-skin=bamboo-lotus] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=bamboo-lotus] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=bamboo-lotus] .reg-type button.on .reg-type-ico,html[data-skin=bamboo-lotus] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=bamboo]{--sk-a:var(--skin-accent,#2f7d4f);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=bamboo],html[data-skin=bamboo] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=bamboo]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),linear-gradient(#fbf6e6,#f3ecd2)!important;background-position:0 100%,100% 100%,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),auto!important;background-attachment:fixed!important}html[data-skin=bamboo]:not([data-theme=dark]) .account-right{background:linear-gradient(#fbf6e6,#f3ecd2);box-shadow:1px 0 #5a4a3a1a}html[data-skin=bamboo]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left.svg),url(/trangnguyen/skins/bamboo-right.svg),linear-gradient(#fbf6e6,#f3ecd2);background-position:0 100%,100% 100%,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),auto;background-attachment:fixed}html[data-skin=bamboo]:not([data-theme=dark]) .login-page .copyright{color:#5a4a3a}@media (max-width:768px){html[data-skin=bamboo]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=bamboo] .account-nav a.active,html[data-skin=bamboo] .en-tabs button.active,html[data-skin=bamboo] .fc-tabs .active,html[data-skin=bamboo] .rs-tab.active,html[data-skin=bamboo] .ar2-tabs .active,html[data-skin=bamboo] .cc-tabs .active,html[data-skin=bamboo] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=bamboo] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=bamboo] .en-progress i,html[data-skin=bamboo] .ar2-bar i,html[data-skin=bamboo] .hub-bar i,html[data-skin=bamboo] .ex-progress i,html[data-skin=bamboo] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=bamboo] .ex-btn.primary,html[data-skin=bamboo] .en-btn.red,html[data-skin=bamboo] .mt-btn.primary,html[data-skin=bamboo] .fc-btn.primary,html[data-skin=bamboo] .gm-btn.primary,html[data-skin=bamboo] .cl-btn.primary,html[data-skin=bamboo] .tn-btn.red,html[data-skin=bamboo] .ar2-find-btn,html[data-skin=bamboo] .ex-unlock-btn,html[data-skin=bamboo] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=bamboo] .login-form .form-input:focus,html[data-skin=bamboo] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=bamboo] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=bamboo] .reg-type button.on .reg-type-ico,html[data-skin=bamboo] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=lotus-pond]{--sk-a:var(--skin-accent,#d9467a);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=lotus-pond],html[data-skin=lotus-pond] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=lotus-pond]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#f3fbf5,#dff2e8 65%,#cfeadb)!important;background-position:bottom,0 0!important;background-repeat:no-repeat!important;background-size:max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=lotus-pond]:not([data-theme=dark]) .account-right{background:linear-gradient(#f3fbf5,#dff2e8 65%,#cfeadb);box-shadow:1px 0 #5a4a3a1a}html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/pond-pink.svg),linear-gradient(#f3fbf5,#dff2e8 65%,#cfeadb);background-position:bottom,0 0;background-repeat:no-repeat;background-size:max(100%,1000px),auto;background-attachment:fixed}html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page .copyright{color:#2f5f48}@media (max-width:768px){html[data-skin=lotus-pond]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=lotus-pond] .account-nav a.active,html[data-skin=lotus-pond] .en-tabs button.active,html[data-skin=lotus-pond] .fc-tabs .active,html[data-skin=lotus-pond] .rs-tab.active,html[data-skin=lotus-pond] .ar2-tabs .active,html[data-skin=lotus-pond] .cc-tabs .active,html[data-skin=lotus-pond] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=lotus-pond] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=lotus-pond] .en-progress i,html[data-skin=lotus-pond] .ar2-bar i,html[data-skin=lotus-pond] .hub-bar i,html[data-skin=lotus-pond] .ex-progress i,html[data-skin=lotus-pond] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=lotus-pond] .ex-btn.primary,html[data-skin=lotus-pond] .en-btn.red,html[data-skin=lotus-pond] .mt-btn.primary,html[data-skin=lotus-pond] .fc-btn.primary,html[data-skin=lotus-pond] .gm-btn.primary,html[data-skin=lotus-pond] .cl-btn.primary,html[data-skin=lotus-pond] .tn-btn.red,html[data-skin=lotus-pond] .ar2-find-btn,html[data-skin=lotus-pond] .ex-unlock-btn,html[data-skin=lotus-pond] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=lotus-pond] .login-form .form-input:focus,html[data-skin=lotus-pond] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=lotus-pond] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=lotus-pond] .reg-type button.on .reg-type-ico,html[data-skin=lotus-pond] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=red-gold]{--sk-a:var(--skin-accent,#b30800);--sk-a2:color-mix(in srgb, var(--sk-a) 72%, #000);--sk-soft:color-mix(in srgb, var(--sk-a) 14%, transparent)}html[data-skin=red-gold],html[data-skin=red-gold] .app{--btn-bg:var(--sk-a);--btn-hover-bg:var(--sk-a2);--link-color:var(--sk-a);--buttonBackground:var(--sk-a);--buttonBackgroundHover:var(--sk-a2)}html[data-skin=red-gold]:not([data-theme=dark]) :is(body,.min-h-full){background-color:#fbf7ea!important;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),linear-gradient(#fff8e6,#fbe8c8)!important;background-position:0 100%,100% 100%,bottom,0 0!important;background-repeat:no-repeat!important;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto!important;background-attachment:fixed!important}html[data-skin=red-gold]:not([data-theme=dark]) .account-right{background:linear-gradient(#fff8e6,#fbe8c8);box-shadow:1px 0 #5a4a3a1a}html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-color:#fbf7ea;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),linear-gradient(#fff8e6,#fbe8c8);background-position:0 100%,100% 100%,bottom,0 0;background-repeat:no-repeat;background-size:auto min(72vh,620px),auto min(72vh,620px),max(100%,1000px),auto;background-attachment:fixed}@media (max-width:768px){html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-attachment:scroll}}html[data-skin=red-gold] .account-nav a.active,html[data-skin=red-gold] .en-tabs button.active,html[data-skin=red-gold] .fc-tabs .active,html[data-skin=red-gold] .rs-tab.active,html[data-skin=red-gold] .ar2-tabs .active,html[data-skin=red-gold] .cc-tabs .active,html[data-skin=red-gold] .rm-tabs .active{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important;color:#fff!important;border-color:var(--sk-a2)!important}html[data-skin=red-gold] .account-nav a.active:before{background:var(--sk-a2)!important}html[data-skin=red-gold] .en-progress i,html[data-skin=red-gold] .ar2-bar i,html[data-skin=red-gold] .hub-bar i,html[data-skin=red-gold] .ex-progress i,html[data-skin=red-gold] .tn-progress i{background:linear-gradient(90deg, var(--sk-a), var(--sk-a2))!important}html[data-skin=red-gold] .ex-btn.primary,html[data-skin=red-gold] .en-btn.red,html[data-skin=red-gold] .mt-btn.primary,html[data-skin=red-gold] .fc-btn.primary,html[data-skin=red-gold] .gm-btn.primary,html[data-skin=red-gold] .cl-btn.primary,html[data-skin=red-gold] .tn-btn.red,html[data-skin=red-gold] .ar2-find-btn,html[data-skin=red-gold] .ex-unlock-btn,html[data-skin=red-gold] .pr-btn.primary{background:linear-gradient(135deg, var(--sk-a), var(--sk-a2))!important;border-color:var(--sk-a2)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb, var(--sk-a) 35%, transparent)!important}html[data-skin=red-gold] .login-form .form-input:focus,html[data-skin=red-gold] .register-form .form-input:focus{border-color:var(--sk-a)!important;box-shadow:0 0 0 4px var(--sk-soft)!important}html[data-skin=red-gold] .reg-type button.on{border-color:var(--sk-a)!important;background:var(--sk-soft)!important}html[data-skin=red-gold] .reg-type button.on .reg-type-ico,html[data-skin=red-gold] .reg-type button.on .reg-type-check{background:var(--sk-a)!important;color:#fff!important}html[data-skin=red-gold]:not([data-theme=dark]) .login-page{background-color:#8f0b05;background-image:url(/trangnguyen/skins/bamboo-left-gold.svg),url(/trangnguyen/skins/bamboo-right-gold.svg),url(/trangnguyen/skins/pond-gold.svg),radial-gradient(80% 120% at 50% 0,#c5190f,#8f0b05 75%)}html[data-skin=red-gold]:not([data-theme=dark]) .login-page .copyright{color:#ffe9a8}
html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]){--k3-a:var(--skin-accent,#c1272d);--k3-a2:color-mix(in srgb, var(--k3-a) 62%, #120f3a);--k3-a3:color-mix(in srgb, var(--k3-a) 62%, #fff);--k3-soft:color-mix(in srgb, var(--k3-a) 14%, transparent);--k3-card:linear-gradient(180deg, #fff 0%, #f5f6ff 100%);--k3-shadow:inset 0 2px 0 #fff, inset 0 -4px 0 color-mix(in srgb, var(--k3-a) 8%, transparent), 0 8px 0 -3px color-mix(in srgb, var(--k3-a) 14%, transparent), 0 22px 40px -18px #1e1b4b59;--k3-shadow-hover:inset 0 2px 0 #fff, inset 0 -4px 0 color-mix(in srgb, var(--k3-a) 10%, transparent), 0 12px 0 -3px color-mix(in srgb, var(--k3-a) 18%, transparent), 0 30px 48px -18px #1e1b4b6b}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]),html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .app{--btn-bg:var(--k3-a);--btn-hover-bg:var(--k3-a2);--link-color:var(--k3-a);--buttonBackground:var(--k3-a);--buttonBackgroundHover:var(--k3-a2)}html[data-skin=khoi-3d]:not([data-theme=dark]) :is(body,.min-h-full,.login-page){background-color:#f4f6ff!important;background-image:url(/trangnguyen/skins/3d-left.svg),url(/trangnguyen/skins/3d-right.svg),radial-gradient(60% 50% at 8% 0,#e0e7ff 0%,#0000 70%),radial-gradient(50% 45% at 100% 18%,#fce7f3 0%,#0000 70%),radial-gradient(70% 60% at 50% 110%,#cffafe 0%,#0000 70%),linear-gradient(#f7f8ff,#eef1ff)!important;background-position:0 100%,100% 100%,0 0,0 0,0 0,0 0!important;background-repeat:no-repeat!important;background-size:auto min(70vh,600px),auto min(70vh,600px),auto,auto,auto,auto!important;background-attachment:fixed!important}html[data-skin=khoi-3d][data-theme=dark] :is(body,.login-page){background-image:url(/trangnguyen/skins/3d-left.svg),url(/trangnguyen/skins/3d-right.svg),radial-gradient(60% 50% at 8% 0,#6366f147 0%,#0000 70%),radial-gradient(50% 45% at 100% 18%,#ec489933 0%,#0000 70%),radial-gradient(70% 60% at 50% 110%,#06b6d42e 0%,#0000 70%),linear-gradient(#0f1024,#0b0c1c)!important;background-position:0 100%,100% 100%,0 0,0 0,0 0,0 0!important;background-repeat:no-repeat!important;background-size:auto min(70vh,600px),auto min(70vh,600px),auto,auto,auto,auto!important;background-attachment:fixed!important}@media (max-width:768px){html[data-skin=khoi-3d] :is(body,.login-page){background-size:auto 36vh,auto 36vh,auto,auto,auto,auto!important;background-attachment:scroll!important}}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ov-card,.ov-stat,.pr-card,.hub-card,.mq-card,.mq-stat,.ct-card,.aside-card,.sr-card,.cat-card,.lbp-card,.lbp-recent,.lsq,.lsd-sec,.sep-panel,.sep-nav,.si-card,.ow-act,.ow-sub,.ov-subject,.ov-cont){transition:transform .18s,box-shadow .18s;box-shadow:var(--k3-shadow)!important;border-radius:22px!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ov-stat,.lbp-card,.si-card,.ow-act,.ow-sub,.ov-subject,.hub-card,.cat-card):hover{transform:translateY(-4px);box-shadow:var(--k3-shadow-hover)!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]):not([data-theme=dark]) :is(.ov-card,.ov-stat,.pr-card,.hub-card,.mq-card,.mq-stat,.ct-card,.aside-card,.sr-card,.cat-card,.lbp-card,.lbp-recent,.lsq,.lsd-sec,.sep-panel,.sep-nav){background:var(--k3-card)!important;border:1px solid #fffc!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ct-btn-primary,.lbp-cta:not(.lbp-cta-2),.ls-btn.primary,.ex-btn.primary,.pr-btn.primary,.tn-btn.red,.ov-checkin,.sep-btn.primary,.btn-primary,.ar2-find-btn,.mt-btn.primary,.fc-btn.primary,.gm-btn.primary,.cl-btn.primary,.en-btn.red,.ex-unlock-btn){text-shadow:0 1px #0000002e;transition:transform 80ms,box-shadow 80ms,filter .15s;background:linear-gradient(180deg, var(--k3-a3) 0%, var(--k3-a) 55%, var(--k3-a2) 100%)!important;color:#fff!important;box-shadow:inset 0 2px 0 #ffffff73,0 5px 0 var(--k3-a2),0 12px 22px -8px color-mix(in srgb, var(--k3-a) 60%, transparent)!important;border:0!important;border-radius:14px!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ct-btn-primary,.lbp-cta:not(.lbp-cta-2),.ls-btn.primary,.ex-btn.primary,.pr-btn.primary,.tn-btn.red,.ov-checkin,.sep-btn.primary,.btn-primary,.ar2-find-btn,.mt-btn.primary,.fc-btn.primary,.gm-btn.primary,.cl-btn.primary,.en-btn.red,.ex-unlock-btn):hover{filter:brightness(1.07)saturate(1.05)}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ct-btn-primary,.lbp-cta:not(.lbp-cta-2),.ls-btn.primary,.ex-btn.primary,.pr-btn.primary,.tn-btn.red,.ov-checkin,.sep-btn.primary,.btn-primary,.ar2-find-btn,.mt-btn.primary,.fc-btn.primary,.gm-btn.primary,.cl-btn.primary,.en-btn.red,.ex-unlock-btn):active{transform:translateY(4px);box-shadow:inset 0 2px 0 #ffffff59,0 1px 0 var(--k3-a2),0 4px 10px -6px color-mix(in srgb, var(--k3-a) 60%, transparent)!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]):not([data-theme=dark]) :is(.ct-btn:not(.ct-btn-primary):not(.ct-btn-danger),.ls-btn:not(.primary),.lbp-cta-2,.sep-btn:not(.primary)){border:1px solid color-mix(in srgb, var(--k3-a) 22%, #fff)!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 color-mix(in srgb, var(--k3-a) 22%, #d7dafc)!important;background:linear-gradient(#fff,#f1f3ff)!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]):not([data-theme=dark]) :is(.ct-btn:not(.ct-btn-primary):not(.ct-btn-danger),.ls-btn:not(.primary),.lbp-cta-2,.sep-btn:not(.primary)):active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,0 1px 0 color-mix(in srgb, var(--k3-a) 22%, #d7dafc)!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.account-nav a.active,.lbp-tabs button.on,.ls-seg button.on,.si-tabs button.on,.ow-lb-tabs button.active,.en-tabs button.active,.fc-tabs .active,.rs-tab.active,.ar2-tabs .active,.cc-tabs .active,.rm-tabs .active,.ds-modes button.on){background:linear-gradient(180deg, var(--k3-a3), var(--k3-a) 60%, var(--k3-a2))!important;color:#fff!important;box-shadow:inset 0 2px 0 #fff6,0 4px 0 var(--k3-a2),0 10px 18px -8px color-mix(in srgb, var(--k3-a) 65%, transparent)!important;border-color:#0000!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.account-nav a.active,.lbp-tabs button.on,.ls-seg button.on,.si-tabs button.on,.ow-lb-tabs button.active,.en-tabs button.active,.fc-tabs .active,.rs-tab.active,.ar2-tabs .active,.cc-tabs .active,.rm-tabs .active,.ds-modes button.on) svg{color:#fff!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .account-nav a.active:before{background:#fff!important;box-shadow:0 0 8px #fffc!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .account-nav a{transition:transform .12s;border-radius:14px!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .account-nav a:hover{transform:translate(3px)}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]):not([data-theme=dark]) .account-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffdb,#eef0ffe6)!important;box-shadow:8px 0 30px -14px #1e1b4b4d!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.account-bage,.search-box,.ds-btn,.nt-btn,.ci-nav-btn){box-shadow:inset 0 1px 0 #ffffffe6,0 3px 0 color-mix(in srgb, var(--k3-a) 18%, #dcdff8),0 10px 18px -12px #1e1b4b66!important;border-radius:999px!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ov-hero-bar,.si-prog>span,.hub-bar,.en-progress,.ex-progress,.tn-progress,.ow-goal-bar,.ow-sub-bar,.ov-mission-bar,.ar2-bar){border-radius:99px!important;box-shadow:inset 0 2px 3px #1e1b4b2e!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ov-hero-bar,.si-prog>span,.hub-bar,.en-progress,.ex-progress,.tn-progress,.ow-goal-bar,.ow-sub-bar,.ov-mission-bar,.ar2-bar) i{background:linear-gradient(180deg, #ffffff8c 0, #fff0 50%),linear-gradient(90deg, var(--k3-a3), var(--k3-a))!important;border-radius:99px!important;box-shadow:inset 0 -2px #00000024!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.ov-stat-ico,.si-art,.lbp-subj-band,.ow-sub-ico,.ow-act-ico,.ls-hero-ico,.subject-icon) img,html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .ov-subject img,html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) .ov-badges img{filter:drop-shadow(0 8px 8px #1e1b4b47)drop-shadow(0 2px 2px #1e1b4b33)}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]):not([data-theme=dark]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:12px;box-shadow:inset 0 2px 4px #1e1b4b1a!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d]) :is(.avd-menu,.ds-panel,.nt-panel,.ci-pop){box-shadow:0 1px 0 #ffffffb3 inset,0 10px 0 -4px color-mix(in srgb, var(--k3-a) 14%, transparent),0 30px 60px -20px #1e1b4b73!important;border-radius:20px!important}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d])[data-theme=dark]{--k3-shadow:inset 0 1px 0 #ffffff1a, inset 0 -3px 0 #00000040, 0 8px 0 -3px #00000073, 0 22px 40px -18px #000c;--k3-shadow-hover:inset 0 1px 0 #ffffff1f, inset 0 -3px 0 #00000040, 0 12px 0 -3px #00000080, 0 30px 50px -18px #000000d9, 0 0 24px color-mix(in srgb, var(--k3-a) 25%, transparent)}html:is([data-skin=khoi-3d],[data-skin=khong-gian-3d])[data-theme=dark] :is(.account-bage,.search-box,.ds-btn,.nt-btn,.ci-nav-btn){box-shadow:inset 0 1px #ffffff14,0 3px #00000073!important}html[data-skin=khoi-3d][data-skin] :is(body,.min-h-full,.login-page):has(.account-right){background-position:-9999px bottom,100% 100%,0 0,0 0,0 0,0 0!important}
.tn-3d-canvas{z-index:-1;pointer-events:none;display:block;position:fixed;inset:0;width:100vw!important;height:100vh!important}html[data-skin=khong-gian-3d][data-skin]{background:0 0!important}html[data-skin=khong-gian-3d][data-skin]:not([data-theme=dark]) body{background-color:#f2f5ff!important;background-image:radial-gradient(60% 55% at 0 0,#e0e7ff 0%,#0000 70%),radial-gradient(55% 50% at 100% 10%,#fde2f3 0%,#0000 70%),radial-gradient(70% 60% at 50% 115%,#cdf7ff 0%,#0000 70%),linear-gradient(#f8f9ff,#edf0ff)!important;background-position:0 0!important;background-size:auto!important;background-attachment:fixed!important}html[data-skin=khong-gian-3d][data-skin][data-theme=dark] body{background-color:#0b0c1c!important;background-image:radial-gradient(60% 55% at 0 0,#6366f14d 0%,#0000 70%),radial-gradient(55% 50% at 100% 10%,#ec489938 0%,#0000 70%),radial-gradient(70% 60% at 50% 115%,#06b6d433 0%,#0000 70%),linear-gradient(#0f1024,#090a18)!important;background-position:0 0!important;background-size:auto!important;background-attachment:fixed!important}html[data-skin=khong-gian-3d][data-skin][data-skin] :is(.min-h-full,.account-screen,.practice-room,.practice-page,.hub-page,.course-page,.class-course-page,.lesson-page,.centers-page,.login-page,main){background-color:#0000!important}html[data-skin=khong-gian-3d][data-skin][data-skin] :is(.min-h-full,.login-page){background-image:none!important}html[data-skin=khong-gian-3d][data-skin]:not([data-theme=dark]) body{background-attachment:fixed!important}html[data-skin=khong-gian-3d]:not([data-theme=dark]) :is(.ov-card,.ov-stat,.pr-card,.hub-card,.mq-card,.mq-stat,.ct-card,.aside-card,.sr-card,.cat-card,.lbp-card,.lbp-recent,.lsq,.lsd-sec,.sep-panel,.sep-nav){-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:linear-gradient(#ffffffeb,#f5f6ffdb)!important}html[data-skin=khong-gian-3d]:not([data-theme=dark]) .account-right{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffc7,#eef0ffd1)!important}
html[data-simple-boot]:not([data-simple-ready]) body:before{content:"";z-index:99998;background:linear-gradient(180deg, var(--gb-a,#4fc4c0) 0%, var(--gb-b,#bfe9d6) 100%);position:fixed;inset:0}html[data-simple-boot]:not([data-simple-ready]) body:after{content:"";z-index:99999;border:7px solid color-mix(in srgb, var(--gb-edge,#fbbf24) 22%, #fff);border-top-color:var(--gb-edge,#fbbf24);border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:.9s linear infinite sb-spin;position:fixed;top:50%;left:50%}@keyframes sb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html[data-simple-boot]:not([data-simple-ready]) body:after{animation-duration:3s}}html[data-ui-mode=simple] .ch-fab{display:none!important}html[data-ui-mode=simple],html[data-ui-mode=simple] body{background-color:var(--gb-a,#4fc4c0)}