*{box-sizing:border-box}html,body{margin:0;padding:0}body.thpb-lite-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f6f9;color:#172033;-webkit-font-smoothing:antialiased}.lite-shell{max-width:760px;min-height:100vh;margin:auto;background:#f7f9fb;padding-bottom:82px}.lite-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e9ef;backdrop-filter:blur(10px)}.lite-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.lite-brand img{border-radius:12px;box-shadow:0 2px 10px rgba(15,23,42,.08)}.lite-brand span{display:flex;min-width:0;flex-direction:column}.lite-brand small{font-size:10px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lite-brand b{font-size:15px;color:#0b2f6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lite-account{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef3f8;color:#0b2f6b;text-decoration:none;font-size:18px}.lite-main{padding:14px;display:grid;gap:12px}.lite-hero{padding:18px;border-radius:20px;background:linear-gradient(135deg,#0b2f6b,#164a91);color:#fff}.lite-hero span,.lite-page-head>span,.lite-kicker,.lite-section-head small{font-size:10px;font-weight:900;letter-spacing:.09em}.lite-hero h1,.lite-page-head h1{margin:4px 0 6px;font-size:22px;line-height:1.18}.lite-hero p,.lite-page-head p{margin:0;line-height:1.5;color:rgba(255,255,255,.86)}.lite-page-head{padding:4px 2px 2px}.lite-page-head>span{color:#65a30d}.lite-page-head h1{color:#0b2f6b}.lite-page-head p{color:#64748b}.lite-action{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:inherit;text-decoration:none;box-shadow:0 3px 12px rgba(15,23,42,.035)}.lite-action.primary{border-color:#cbdceb}.lite-action.static{grid-template-columns:34px 1fr}.lite-action>span{width:30px;height:30px;border-radius:9px;background:#eaf1f9;color:#0b2f6b;display:grid;place-items:center;font-weight:900}.lite-action small{font-size:9px;color:#65a30d;font-weight:900;letter-spacing:.08em}.lite-action b{display:block;color:#0b2f6b;font-size:15px;margin-top:2px}.lite-action p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#64748b}.lite-action i{font-style:normal;font-size:22px;color:#94a3b8}.lite-note{padding:12px 14px;border-radius:14px;background:#fff7df;border:1px solid #f5dda0}.lite-note p{margin:4px 0;line-height:1.45;font-size:13px}.lite-card,.lite-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.lite-title-row,.lite-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lite-title-row h2,.lite-section-head h2{font-size:18px;line-height:1.25;color:#0b2f6b;margin:3px 0 0}.lite-kicker{color:#65a30d}.lite-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.lite-status.is-passed{background:#eaf7df;color:#4d7c0f}.lite-status.is-learning{background:#e9f2ff;color:#1759a6}.lite-status.is-redo{background:#fff0ec;color:#b93820}.lite-status.is-not_started{background:#f1f5f9;color:#64748b}.lite-steps{display:grid;gap:8px;margin-top:12px}.lite-step{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:10px;background:#f8fafc;border-radius:13px}.lite-step>span{width:28px;height:28px;border-radius:9px;background:#0b2f6b;color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}.lite-step h3{font-size:14px;color:#0b2f6b;margin:1px 0 5px}.lite-step p{margin:0;color:#475569;font-size:12.5px;line-height:1.55}.lite-step img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:10px;margin:6px 0 8px;background:#eef2f7}.lite-step-list{margin:12px 0 0;padding-left:22px}.lite-step-list li{padding:4px 0;line-height:1.5;color:#334155}.lite-essentials{display:grid;gap:7px;margin-top:12px}.lite-essentials p{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:0;padding:9px 10px;border-radius:11px;background:#f7f9fb;font-size:12px;line-height:1.45}.lite-essentials b{color:#0b2f6b}.lite-admin-edit{display:inline-flex;margin-top:12px;color:#0b2f6b;font-size:12px;font-weight:800;text-decoration:none}.lite-chip-scroll{display:flex;gap:7px;overflow:auto;padding:2px 0 4px;scrollbar-width:none}.lite-chip-scroll::-webkit-scrollbar{display:none}.lite-chip-scroll a{flex:0 0 auto;max-width:180px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:#526174;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lite-chip-scroll a.active{background:#0b2f6b;color:#fff;border-color:#0b2f6b}.lite-section{display:grid;gap:10px}.lite-section-head>span{min-width:28px;height:28px;border-radius:9px;background:#eff6e9;color:#568d2b;display:grid;place-items:center;font-weight:900}.lite-stack{display:grid;gap:8px}.lite-mini{padding:11px;background:#f8fafc;border:1px solid #e7ecf2;border-radius:13px}.lite-mini-head{display:flex;flex-direction:column;gap:2px}.lite-mini-head span{font-size:9px;color:#65a30d;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.lite-mini h3{margin:0;color:#0b2f6b;font-size:14px;line-height:1.3}.lite-mini>p{margin:6px 0;color:#64748b;font-size:12px;line-height:1.45}.lite-mini ol{margin:7px 0 0;padding-left:20px}.lite-mini li{padding:2px 0;font-size:12px;line-height:1.45;color:#334155}.lite-mini-foot{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed #d8e0e8}.lite-mini-foot span{font-size:11px;color:#475569}.lite-details{margin-top:10px;border:1px solid #dfe7ef;border-radius:12px;background:#fff}.lite-details>summary{cursor:pointer;list-style:none;padding:11px 12px;color:#0b2f6b;font-size:12px;font-weight:900}.lite-details>summary::-webkit-details-marker{display:none}.lite-details>summary b{float:right;color:#65a30d}.lite-details[open]>.lite-stack{padding:0 10px 10px}.lite-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lite-metrics>div{padding:12px 8px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;text-align:center}.lite-metrics b{display:block;font-size:18px;color:#0b2f6b}.lite-metrics span{display:block;font-size:10px;color:#64748b;margin-top:2px}.lite-progress-list{display:grid;gap:7px}.lite-progress-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f6}.lite-progress-list>div:last-child{border-bottom:0}.lite-progress-list b{font-size:12px;color:#24364a}.lite-progress-list small{font-size:10px;color:#64748b}.lite-empty{padding:12px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px}.lite-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid #dde5ee;backdrop-filter:blur(12px)}.lite-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#7b8794;font-size:10px}.lite-nav span{font-size:19px;line-height:1}.lite-nav b{font-size:10px}.lite-nav a.active{color:#0b2f6b}@media(min-width:640px){.lite-main{padding:18px}.lite-hero{padding:22px}.lite-hero h1,.lite-page-head h1{font-size:25px}.lite-action{padding:16px}.lite-card,.lite-section{padding:16px}}.lite-student-list{display:grid}.lite-student-list>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf1f5;color:inherit;text-decoration:none}.lite-student-list>a:last-child{border-bottom:0}.lite-student-list b{display:block;color:#0b2f6b;font-size:13px}.lite-student-list span{display:block;margin-top:3px;color:#64748b;font-size:10px}.lite-student-list i{font-style:normal;font-size:22px;color:#94a3b8}.lite-manage-link{display:flex;justify-content:center;padding:12px;border-radius:13px;background:#0b2f6b;color:#fff;text-decoration:none;font-size:12px;font-weight:900}
/* v2.40 fast private login */
.lite-login-wrap{min-height:100dvh;display:grid;place-items:center;padding:22px;background:#f5f7fb}
.lite-login-card{width:min(100%,390px);background:#fff;border:1px solid #e4e8ef;border-radius:22px;padding:26px;box-shadow:0 14px 38px rgba(15,23,42,.08)}
.lite-login-logo{display:block;margin:0 auto 12px;border-radius:16px}.lite-login-card>small{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em;color:#64748b}.lite-login-card h1{text-align:center;margin:5px 0 8px;font-size:26px}.lite-login-card>p{text-align:center;color:#64748b;line-height:1.55;margin:0 0 20px}
#thpb-lite-login p{margin:0 0 14px}#thpb-lite-login label{display:block;font-size:13px;font-weight:700;margin:0 0 6px}#thpb-lite-login input[type=text],#thpb-lite-login input[type=password]{box-sizing:border-box;width:100%;height:48px;border:1px solid #cbd5e1;border-radius:12px;padding:0 13px;font:inherit;background:#fff}#thpb-lite-login .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500}#thpb-lite-login .button-primary{width:100%;height:48px;border:0;border-radius:12px;background:#0b2f6b;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.lite-login-help{display:block;text-align:center;margin-top:16px;font-size:13px;font-weight:700;color:#0b2f6b;text-decoration:none}