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:"Đang tải…";z-index:99999;text-align:center;color:#333;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20.00' cy='3.00' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='28.50' cy='5.28' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-1.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='34.72' cy='11.50' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-1.0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='37.00' cy='20.00' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='34.72' cy='28.50' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='28.50' cy='34.72' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20.00' cy='37.00' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='11.50' cy='34.72' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='5.28' cy='28.50' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='3.00' cy='20.00' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='5.28' cy='11.50' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='11.50' cy='5.28' r='3' fill='%23333' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0;1;0' keyTimes='0;.39;.4;1' dur='1.2s' begin='-0.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") top/40px 40px no-repeat;width:160px;margin:-32px 0 0 -80px;padding-top:52px;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;top:50%;left:50%}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)}
html[data-simple-boot]:not([data-kid]):not([data-simple-ready]) body:before{background:#fbf3e8}html[data-ui-mode=simple]:not([data-kid]),html[data-ui-mode=simple]:not([data-kid]) body{background-color:#fbf3e8}html[data-ui-mode=simple]:not([data-kid]) .sr-root,html[data-ui-mode=simple]:not([data-kid]) .gh2-root{color:#3b1d14;text-shadow:none;background:#fbf3e8 radial-gradient(#c1272d1c 1px,#0000 1.2px) 0 0/18px 18px;gap:14px;padding:12px max(16px,50% - 560px) 120px;font-family:Nunito,Be Vietnam Pro,system-ui,Segoe UI,Roboto,Arial,sans-serif;--gb-a:#fbf3e8!important;--gb-b:#fbf3e8!important;--gb-card:#fffaf3!important;--gb-card-ink:#3b1d14!important;--gb-edge:#c1272d!important;--gb-ink:#3b1d14!important;--gb-accent:#d4a017!important;--gb-shadow:none!important}html[data-ui-mode=simple]:not([data-kid]) .sr-root>.gbg,html[data-ui-mode=simple]:not([data-kid]) .gh2-root>.gbg{display:none}html[data-ui-mode=simple]:not([data-kid]) .shd{color:#3b1d14;text-shadow:none;margin-bottom:4px;padding-bottom:6px}html[data-ui-mode=simple]:not([data-kid]) .shd-logo img{height:48px}html[data-ui-mode=simple]:not([data-kid]) .shd-back,html[data-ui-mode=simple]:not([data-kid]) .shd-round{background:#fff;border:1px solid #f0dccd;width:38px;height:38px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .shd-back:hover,html[data-ui-mode=simple]:not([data-kid]) .shd-round:hover{background:#fdf0e6;transform:none}html[data-ui-mode=simple]:not([data-kid]) .shd-back:active,html[data-ui-mode=simple]:not([data-kid]) .shd-round:active{transform:none;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .shd-right .shd-round{width:38px;height:38px}html[data-ui-mode=simple]:not([data-kid]) .shd-ui{color:#c1272d;filter:none;width:18px;height:18px}html[data-ui-mode=simple]:not([data-kid]) .shd-title{color:#3b1d14;background:#fff;border:1px solid #f0dccd;padding:6px 16px 6px 8px;font-size:16px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .shd-subj{background:#fdf0e6;width:30px;height:30px}html[data-ui-mode=simple]:not([data-kid]) .gbp-btn{display:none}html[data-ui-mode=simple]:not([data-kid]) .sst-box{color:#3b1d14;box-shadow:none;background:#fff;border:1px solid #f0dccd;border-radius:99px;padding:5px 11px;font-size:13.5px}html[data-ui-mode=simple]:not([data-kid]) .sst-box img{width:20px;height:20px}html[data-ui-mode=simple]:not([data-kid]) .sst-box.on{color:#fff;background:#c1272d;border-color:#c1272d}html[data-ui-mode=simple]:not([data-kid]) .sst-more{font-size:13.5px}html[data-ui-mode=simple]:not([data-kid]) .sst-modal{border:1px solid #f0dccd;border-radius:18px}html[data-ui-mode=simple]:not([data-kid]) .sst-item{border-radius:12px;padding:10px 8px}html[data-ui-mode=simple]:not([data-kid]) .sst-item img{width:32px;height:32px}html[data-ui-mode=simple]:not([data-kid]) .sr-progress{color:#8a6a5c;text-shadow:none;text-align:left;margin:0;width:100%;max-width:1120px;margin-inline:auto;font-size:14px;font-weight:800}html[data-ui-mode=simple]:not([data-kid]) .sr-stages{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-content:stretch;gap:12px;max-width:1120px}html[data-ui-mode=simple]:not([data-kid]) .sr-stage{color:#3b1d14;background:#fff;border:1px solid #f0dccd;border-radius:16px;gap:6px;min-height:0;padding:14px 12px 12px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .sr-stage:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #7f1d1d1f}html[data-ui-mode=simple]:not([data-kid]) .sr-stage:active:not(:disabled){transform:none;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .sr-stage.is-done{border-color:#c1272d;box-shadow:0 0 0 2px #c1272d24,0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .sr-stage:focus-visible{outline-offset:2px;outline:2px solid #c1272d}html[data-ui-mode=simple]:not([data-kid]) .sr-stage small{color:#8a6a5c;font-size:12px;font-weight:700}html[data-ui-mode=simple]:not([data-kid]) .sr-stage-icon{width:64px;height:64px}html[data-ui-mode=simple]:not([data-kid]) .sr-stage-icon>svg.lucide{color:#8a6a5c;width:34px;height:34px;margin:15px}html[data-ui-mode=simple]:not([data-kid]) .sr-stage-title{overflow-wrap:anywhere;font-size:14px;line-height:1.3}html[data-ui-mode=simple]:not([data-kid]) .sr-stage-badge{transform-origin:100% 100%;bottom:8px;right:8px;transform:scale(.72)}html[data-ui-mode=simple]:not([data-kid]) .sr-shelf{justify-content:flex-start;gap:10px;max-width:1120px}html[data-ui-mode=simple]:not([data-kid]) .sr-book{color:#3b1d14;background:#fff;border:1px solid #f0dccd;border-radius:14px;gap:8px;min-width:150px;padding:8px 12px 8px 8px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .sr-book:hover{background:#fffaf3;transform:none}html[data-ui-mode=simple]:not([data-kid]) .sr-book.on{border-color:#c1272d;box-shadow:0 0 0 2px #c1272d24}html[data-ui-mode=simple]:not([data-kid]) .sr-book-spine{width:34px;height:42px}html[data-ui-mode=simple]:not([data-kid]) .sr-book-spine .sa-art{width:24px;height:24px}html[data-ui-mode=simple]:not([data-kid]) .sr-book-text b{font-size:14px}html[data-ui-mode=simple]:not([data-kid]) .sr-book-text small{font-size:12px}html[data-ui-mode=simple]:not([data-kid]) .sr-source{color:#8a6a5c;font-size:13px}html[data-ui-mode=simple]:not([data-kid]) .sm-root{width:100%;max-width:1120px;margin:0 auto;padding:0}html[data-ui-mode=simple]:not([data-kid]) .sm-tabs button{box-shadow:none;border-width:1px;border-radius:99px;padding:6px 14px;font-size:13.5px}html[data-ui-mode=simple]:not([data-kid]) .sm-chip{background:#fff;border:1px solid #f0dccd;border-radius:99px;padding:6px 12px;font-size:13.5px}html[data-ui-mode=simple]:not([data-kid]) .sm-card{background:#fff;border:1px solid #f0dccd;border-radius:14px;padding:12px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .gh2-sec{color:#3b1d14;text-shadow:none;font-size:16px}html[data-ui-mode=simple]:not([data-kid]) .gh2-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}html[data-ui-mode=simple]:not([data-kid]) .gh2-card{color:#3b1d14;background:#fff;border:1px solid #f0dccd;border-radius:16px;gap:6px;padding:12px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .gh2-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #7f1d1d1f}html[data-ui-mode=simple]:not([data-kid]) .gh2-card:active{transform:none;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .gh2-badge{width:64px;height:64px}html[data-ui-mode=simple]:not([data-kid]) .gh2-title{font-size:14px}html[data-ui-mode=simple]:not([data-kid]) .gh2-subject,html[data-ui-mode=simple]:not([data-kid]) .gh2-blurb{font-size:12px}html[data-ui-mode=simple]:not([data-kid]) .gh2-play{color:#fff;box-shadow:none;background:#c1272d;border-radius:99px;padding:6px 12px;font-size:13px}html[data-ui-mode=simple]:not([data-kid]) .gh2-loading,html[data-ui-mode=simple]:not([data-kid]) .sd-hint{color:#8a6a5c;text-shadow:none}html[data-ui-mode=simple]:not([data-kid]) .sd-row,html[data-ui-mode=simple]:not([data-kid]) .sd-subj,html[data-ui-mode=simple]:not([data-kid]) .sd-rank li,html[data-ui-mode=simple]:not([data-kid]) .sd-mission,html[data-ui-mode=simple]:not([data-kid]) .sd-item,html[data-ui-mode=simple]:not([data-kid]) .sd-course{color:#3b1d14;background:#fff;border:1px solid #f0dccd;border-radius:14px;box-shadow:0 4px 14px #7f1d1d0f}html[data-ui-mode=simple]:not([data-kid]) .sd-row:active,html[data-ui-mode=simple]:not([data-kid]) .sd-subj:active,html[data-ui-mode=simple]:not([data-kid]) .sd-rank li:active,html[data-ui-mode=simple]:not([data-kid]) .sd-mission:active,html[data-ui-mode=simple]:not([data-kid]) .sd-item:active,html[data-ui-mode=simple]:not([data-kid]) .sd-course:active{transform:none}html[data-ui-mode=simple]:not([data-kid]) .sd-claim{box-shadow:none;border-radius:99px}html[data-ui-mode=simple]:not([data-kid]) .sf-opt{box-shadow:none;border:1px solid #f0dccd;border-radius:12px}html[data-ui-mode=simple]:not([data-kid]) .sr-btn,html[data-ui-mode=simple]:not([data-kid]) .sc-btn,html[data-ui-mode=simple]:not([data-kid]) .sa-btn,html[data-ui-mode=simple]:not([data-kid]) .sl-btn{box-shadow:none;text-shadow:none;border-radius:12px;padding:9px 18px;font-size:14px;font-weight:800;line-height:1.2}html[data-ui-mode=simple]:not([data-kid]) .sr-btn:hover,html[data-ui-mode=simple]:not([data-kid]) .sc-btn:hover,html[data-ui-mode=simple]:not([data-kid]) .sa-btn:hover,html[data-ui-mode=simple]:not([data-kid]) .sl-btn:hover{filter:brightness(1.05);transform:none}html[data-ui-mode=simple]:not([data-kid]) .sr-btn:active,html[data-ui-mode=simple]:not([data-kid]) .sc-btn:active,html[data-ui-mode=simple]:not([data-kid]) .sa-btn:active,html[data-ui-mode=simple]:not([data-kid]) .sl-btn:active{box-shadow:none;transform:none}html[data-ui-mode=simple]:not([data-kid]) .sr-btn svg,html[data-ui-mode=simple]:not([data-kid]) .sc-btn svg,html[data-ui-mode=simple]:not([data-kid]) .sa-btn svg,html[data-ui-mode=simple]:not([data-kid]) .sl-btn svg{width:18px;height:18px}html[data-ui-mode=simple]:not([data-kid]) .sr-actions,html[data-ui-mode=simple]:not([data-kid]) .sc-actions,html[data-ui-mode=simple]:not([data-kid]) .srs-actions{gap:8px}html[data-ui-mode=simple]:not([data-kid]) .sd-claim{padding:6px 14px;font-size:13px}html[data-ui-mode=simple]:not([data-kid]) .sd-close,html[data-ui-mode=simple]:not([data-kid]) .sst-modal-close,html[data-ui-mode=simple]:not([data-kid]) .sn-close{width:32px;height:32px;box-shadow:none;font-size:18px}html[data-ui-mode=simple]:not([data-kid]) .sf-opt{padding:10px 14px;font-size:15px}html[data-ui-mode=simple]:not([data-kid]) .sq-speak{box-shadow:none;transform:scale(.85)}html[data-ui-mode=simple]:not([data-kid]) .sq-q,html[data-ui-mode=simple]:not([data-kid]) .sq-sentence{font-size:17px}html[data-ui-mode=simple]:not([data-kid]) .sq-word{font-size:28px}html[data-ui-mode=simple]:not([data-kid]) .sq-meaning{font-size:16px}html[data-ui-mode=simple]:not([data-kid]) .sm-chip,html[data-ui-mode=simple]:not([data-kid]) .ssb-tab{min-height:0}html[data-ui-mode=simple]:not([data-kid]) .sn-wrap{gap:8px;bottom:10px}html[data-ui-mode=simple]:not([data-kid]) .sn-bar{background:#fffaf3;border:1px solid #f0dccd;border-radius:16px;gap:4px;padding:5px;box-shadow:0 8px 24px #7f1d1d24}html[data-ui-mode=simple]:not([data-kid]) .sn-item,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item{min-width:68px;box-shadow:none;color:#3b1d14;background:0 0;border:0;border-radius:12px;gap:3px;padding:7px 8px 6px;font-size:11.5px;font-weight:800}html[data-ui-mode=simple]:not([data-kid]) .sn-item svg,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item svg{color:#c1272d;width:20px;height:20px}html[data-ui-mode=simple]:not([data-kid]) .sn-item:hover,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item:hover{background:#fdf0e6;transform:none}html[data-ui-mode=simple]:not([data-kid]) .sn-item:active,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item:active{box-shadow:none;transform:none}html[data-ui-mode=simple]:not([data-kid]) .sn-item.on,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item.on{color:#fff;box-shadow:none;background:#c1272d}html[data-ui-mode=simple]:not([data-kid]) .sn-item.on svg,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item.on svg{color:#fff}html[data-ui-mode=simple]:not([data-kid]) .sn-subj-ico{width:22px;height:22px}html[data-ui-mode=simple]:not([data-kid]) .sn-box{border:1px solid #f0dccd;border-radius:18px;box-shadow:0 16px 36px #0000002e}@media (max-width:640px){html[data-ui-mode=simple]:not([data-kid]) .sr-root,html[data-ui-mode=simple]:not([data-kid]) .gh2-root{padding-inline:12px}html[data-ui-mode=simple]:not([data-kid]) .sr-stages,html[data-ui-mode=simple]:not([data-kid]) .gh2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-ui-mode=simple]:not([data-kid]) .sr-stage-icon{width:48px;height:48px}html[data-ui-mode=simple]:not([data-kid]) .sn-item,html[data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item{min-width:58px;padding:6px 6px 5px;font-size:11px}html[data-ui-mode=simple]:not([data-kid]) .shd-logo img{height:40px}}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]),html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) body{background-color:#14123a}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sr-root,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .gh2-root{color:#ece9ff;background:#14123a radial-gradient(#ffffff12 1px,#0000 1.2px) 0 0/18px 18px;--gb-card:#1d1a48!important;--gb-card-ink:#ece9ff!important;--gb-ink:#ece9ff!important}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sr-stage,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sr-book,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .gh2-card,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .shd-title,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .shd-back,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .shd-round,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sst-box,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-row,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-subj,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-rank li,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-mission,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-item,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-course,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sm-card,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sm-chip{color:#ece9ff;background:#1d1a48;border-color:#ffffff1a}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sn-bar{background:#1d1a48;border-color:#ffffff1a}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sn-item,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sn-wrap .sn-home.sn-item{color:#ece9ff}html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sr-progress,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .gh2-loading,html[data-theme=dark][data-ui-mode=simple]:not([data-kid]) .sd-hint{color:#a5a1c9}