.tk-menu-toggle{position:fixed;opacity:0;pointer-events:none}
.tk-sidebar{position:fixed;inset:0 auto 0 0;width:286px;z-index:80;background:#fff;color:#062F3D;border-right:1px solid #D0E6EC;display:flex;flex-direction:column;padding:26px 18px 20px;box-shadow:10px 0 34px rgba(16,60,76,.08);overflow-y:auto}
.tk-sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 12px 25px;text-decoration:none;color:#062F3D;font-weight:950;font-size:1.05rem;letter-spacing:.035em}
.tk-sidebar-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#02BFE3,#02BFE3);color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(46,150,170,.25)}
.tk-sidebar-mark.has-logo{padding:5px;background:#fff;border:1px solid #D0E6EC;border-radius:50%}.tk-sidebar-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.tk-sidebar-sub{display:block;color:#344F5C;font-size:.7rem;font-weight:750;letter-spacing:.02em}
.tk-sidebar-nav{display:grid;gap:5px}
.tk-side-link{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:50px;padding:10px 12px;border-radius:15px;text-decoration:none;color:#596D73;font-size:.92rem;font-weight:820;transition:.2s}
.tk-side-link:hover{background:#E8F9FC;color:#02BFE3;transform:translateX(2px)}
.tk-side-link.active{background:linear-gradient(135deg,#02BFE3,#238396);color:#fff;box-shadow:0 12px 25px rgba(46,150,170,.24)}
.tk-side-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:1.22rem;font-weight:900;transition:.2s}
.tk-side-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-side-icon.is-home{color:#1E6570;background:#DDF2F3}.tk-side-icon.is-test{color:#A66B16;background:#FFF0C9}.tk-side-icon.is-shop{color:#5276BE;background:#FFFFFF}.tk-side-icon.is-vip{color:#D85C60;background:#FCE3DF}.tk-side-icon.is-rank{color:#8B69B2;background:#F0E8FA}.tk-side-icon.is-gift{color:#D46B8E;background:#FBE7EF}.tk-side-icon.is-about{color:#2E8A78;background:#E1F3EE}.tk-side-icon.is-article{color:#60758A;background:#EAF0F4}.tk-side-icon.is-badge{color:#C17B18;background:#FFF0C9}.tk-side-icon.is-profile{color:#376E9F;background:#E1EEF9}
.tk-side-link.active .tk-side-icon{background:#fff;color:#238396;box-shadow:0 4px 10px rgba(16,60,76,.16)}
.tk-coming{font-size:.58rem;line-height:1;padding:5px 6px;border-radius:999px;background:#FCE0D9;color:#A84D4F;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.tk-side-link.is-disabled{cursor:default}.tk-side-link.is-disabled:hover{transform:none}
.tk-sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #D0E6EC;color:#344F5C;font-size:.74rem}
.tk-sidebar-footer a{color:#062F3D;font-weight:850;text-decoration:none}
.tk-rank-card{display:block;margin:16px 2px 10px;padding:16px;border:1px solid #D0E6EC;border-radius:18px;text-decoration:none;color:#062F3D;background:#FFFFFF}.tk-rank-card small{display:block;color:#344F5C;font-weight:900;letter-spacing:.06em}.tk-rank-card div{display:flex;align-items:center;gap:9px;margin-top:8px}.tk-rank-card strong{font-size:1.1rem}.tk-rank-card p{margin:0 0 3px 36px;color:#02BFE3;font-weight:850}.tk-rank-card>span{font-size:.75rem;color:#344F5C;margin-left:36px}.tk-medal{font-size:1.45rem}.tk-corner-icon{position:fixed;z-index:95;left:12px;bottom:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff url('/assets/thuy-kathy-logo-2026.webp') center/34px 34px no-repeat;color:transparent;text-decoration:none;font-size:0;font-weight:950;box-shadow:0 10px 26px rgba(121,48,49,.28);border:1px solid #D0E6EC}
.tk-menu-button,.tk-menu-backdrop{display:none}
.tk-app-header,.tk-app-bottom{display:none}
body{padding-left:286px}
@media(max-width:900px){
body.tk-app-shell{padding:52px 0 56px}.tk-menu-button{display:none!important}.tk-sidebar{transform:translateX(-105%);transition:transform .25s ease;width:min(330px,90vw);z-index:105;padding-top:58px}.tk-menu-backdrop{position:fixed;inset:0;z-index:104;background:rgba(10,48,62,.48);backdrop-filter:blur(4px)}.tk-menu-toggle:checked~.tk-menu-backdrop{display:block}.tk-menu-toggle:checked~.tk-sidebar{transform:translateX(0)}.tk-corner-icon{display:none}
.tk-app-header{position:fixed;z-index:102;inset:0 0 auto;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 10px;background:rgba(255,255,255,.97);border-bottom:1px solid #D0E6EC;box-shadow:0 6px 18px rgba(16,60,76,.06);backdrop-filter:blur(14px)}
.tk-app-menu,.tk-global-bell{width:34px;height:34px;display:grid;place-items:center;border:1px solid #D5E7EA;border-radius:11px;cursor:pointer}.tk-app-menu{background:#E8F9FC;color:#062F3D}.tk-global-bell{background:#FFF0EC;color:#D85C60}.tk-app-header svg{width:19px;height:19px}.tk-app-header svg,.tk-app-bottom svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tk-app-greeting{min-width:0;display:grid;line-height:1.05}.tk-app-greeting small{font-size:.62rem;color:#71848A}.tk-app-greeting strong{font-size:.84rem;color:#062F3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-app-actions{display:flex;align-items:center;gap:7px}.tk-global-notice-wrap{position:relative}.tk-global-bell{position:relative}.tk-global-bell i:not([hidden]){position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#E96D6F;border:2px solid #fff}.tk-app-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;text-decoration:none;background:linear-gradient(145deg,#02BFE3,#02BFE3);color:#fff;font-size:.66rem;font-weight:950;border:2px solid #E4F3F5}.tk-app-avatar img{width:100%;height:100%;object-fit:cover}
.tk-global-notices{position:absolute;right:-44px;top:41px;width:min(350px,calc(100vw - 22px));max-height:60dvh;overflow:auto;padding:13px;background:#fff;border:1px solid #D5E7EA;border-radius:18px;box-shadow:0 18px 40px rgba(16,60,76,.2)}.tk-global-notices[hidden]{display:none}.tk-global-notices>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#062F3D}.tk-global-notices>div button{border:0;background:none;color:#02BFE3;font:inherit;font-size:.78rem;font-weight:850}.tk-global-notices main{display:grid;gap:8px;margin-top:9px}.tk-global-notices article{padding:11px;border:1px solid #D0E6EC;border-radius:12px;background:#FFFFFF}.tk-global-notices article.unread{background:#E8F9FC;border-color:#B9DFE5}.tk-global-notices article strong{display:block;color:#062F3D;font-size:.88rem}.tk-global-notices article p,.tk-global-notices main>p{margin:4px 0 0;color:#344F5C;font-size:.82rem;line-height:1.4}
.tk-app-bottom{position:fixed;z-index:102;inset:auto 0 0;min-height:50px;display:grid;grid-template-columns:repeat(4,1fr);padding:3px 5px max(3px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #D0E6EC;box-shadow:0 -7px 20px rgba(16,60,76,.07);backdrop-filter:blur(14px)}.tk-app-bottom a,.tk-app-bottom label{min-width:0;display:grid;place-items:center;align-content:center;gap:1px;text-decoration:none;color:#73858B;font-size:.62rem;font-weight:850;cursor:pointer}.tk-app-bottom svg{width:24px;height:24px;padding:4px;border-radius:8px;box-sizing:border-box}.tk-app-bottom a:nth-child(1) svg{color:#062F3D;background:#DDF2F3}.tk-app-bottom a:nth-child(2) svg{color:#C17B18;background:#FFF0C9}.tk-app-bottom a:nth-child(3) svg{color:#5276BE;background:#FFFFFF}.tk-app-bottom label svg{color:#D85C60;background:#FCE3DF}.tk-app-bottom a.active{color:#02BFE3}.tk-app-bottom a.active svg{transform:translateY(-1px);box-shadow:0 3px 8px rgba(46,150,170,.18)}.tk-app-bottom span{white-space:nowrap}
.tk-app-shell .portal-main{padding-top:18px;padding-bottom:18px}.tk-app-shell .site-header{display:none}.tk-app-shell .about-page .about-story{padding-top:18px}.tk-app-shell .game-stage{padding-top:14px}.tk-app-shell .muscle-app{padding-top:12px;padding-bottom:112px}.tk-app-shell .mobile-study-nav{bottom:50px;padding:3px 8px max(3px,env(safe-area-inset-bottom))}.tk-app-shell .mobile-study-nav button{font-size:.65rem;gap:0}.tk-app-shell .mobile-study-nav button span{font-size:1rem}
}

/* Shared brand identity, supplied by Thủy Kathy. */
.tk-sidebar-brand{display:flex;align-items:center;gap:10px}.tk-sidebar-mark.has-logo{flex:0 0 48px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%;overflow:hidden}.tk-sidebar-mark.has-logo img{display:block;width:100%;height:100%;object-fit:contain}.tk-side-link.active{background:linear-gradient(135deg,#02BFE3,#02BFE3);color:#fff}.tk-side-link.active .tk-side-icon{color:#02BFE3;background:#fff}.tk-side-icon{color:#02BFE3}.tk-app-bottom a.active{color:#02BFE3}