body.tm-open{overflow:hidden}.tm-open #tiktok-mastery{display:flex}#tiktok-mastery{position:fixed;inset:0;z-index:12000;background:#0b0d12;color:#f8fafc;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column}#tiktok-mastery header{height:72px;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid #ffffff17;background:#12151d}#tiktok-mastery header>div:nth-child(2){display:flex;flex-direction:column}#tiktok-mastery header b{font-size:15px}#tiktok-mastery header span{font-size:9px;letter-spacing:.18em;color:#fe2c55}.tm-exit{width:38px;height:38px;border-radius:10px;border:1px solid #ffffff20;background:#ffffff0a;color:#fff;font-size:28px;cursor:pointer}.tm-progress{margin-left:auto;padding:9px 14px;border-radius:99px;background:#fe2c5517;border:1px solid #fe2c5540;font-size:11px;color:#fecdd3}#tiktok-mastery main{flex:1;overflow:auto;padding:42px}.tm-welcome,.tm-result{max-width:680px;margin:8vh auto;text-align:center;padding:46px;border:1px solid #ffffff17;border-radius:24px;background:linear-gradient(145deg,#171b25,#11131a);box-shadow:0 30px 80px #0008}.tm-welcome img{width:86px;height:86px;border-radius:24px;object-fit:cover;margin-bottom:18px}.tm-welcome h1,.tm-result h1{font-size:32px;margin:10px 0 14px}.tm-welcome p,.tm-result p{color:#aab2c2;line-height:1.7}.tm-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.tm-flow b{padding:14px;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;font-size:11px}.tm-primary{border:0;border-radius:12px;background:linear-gradient(135deg,#fe2c55,#8b5cf6);padding:14px 24px;color:#fff;font-weight:800;cursor:pointer}.tm-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:22px}.tm-brief,.tm-cabinet{background:#141821;border:1px solid #ffffff15;border-radius:20px;padding:26px}.tm-brief>span{font-size:10px;letter-spacing:.16em;color:#fe2c55;font-weight:800}.tm-brief h2{font-size:23px;margin:10px 0 18px}.tm-brief p{color:#cbd5e1;line-height:1.6}.tm-brief dl{display:grid;gap:8px;margin-top:22px}.tm-brief dl div{display:flex;justify-content:space-between;padding:11px;border-radius:9px;background:#ffffff08}.tm-brief dt{color:#8993a5;font-size:11px}.tm-brief dd{margin:0;font-size:12px;font-weight:800}.tm-helper{display:flex;gap:12px;margin-top:20px;padding:14px;border-radius:12px;background:#8b5cf619;border:1px solid #8b5cf643}.tm-helper img{width:42px;height:42px;border-radius:11px;object-fit:cover}.tm-helper p{margin:0;font-size:11px}.tm-cab-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #ffffff12;margin-bottom:20px}.tm-cab-head i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fe2c55;font-size:20px}.tm-cab-head div{display:flex;flex-direction:column}.tm-cab-head small{color:#7d8799;margin-top:3px}.tm-cabinet form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tm-cabinet label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#aab2c2}.tm-cabinet select,.tm-cabinet input{height:44px;border-radius:9px;border:1px solid #ffffff1c;background:#0d1016;color:#fff;padding:0 12px;outline:none}.tm-cabinet select:focus,.tm-cabinet input:focus{border-color:#fe2c55}.tm-feedback{grid-column:1/-1;display:none;padding:13px;border-radius:10px;font-size:11px}.tm-feedback.bad,.tm-feedback.good{display:flex;flex-direction:column;gap:4px}.tm-feedback.bad{background:#ef444418;border:1px solid #ef44444d;color:#fecaca}.tm-feedback.good{background:#22c55e18;border:1px solid #22c55e4d;color:#bbf7d0}.tm-cabinet .tm-primary{grid-column:1/-1;margin-top:5px}.tm-result-icon{width:76px;height:76px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:34px;font-weight:900}.tm-result.ok .tm-result-icon{background:#22c55e20;color:#4ade80;border:1px solid #22c55e55}.tm-result.fail .tm-result-icon{background:#ef444420;color:#fb7185;border:1px solid #ef444455}@media(max-width:780px){#tiktok-mastery main{padding:18px}.tm-layout{grid-template-columns:1fr}.tm-cabinet form{grid-template-columns:1fr}.tm-cabinet .tm-primary,.tm-feedback{grid-column:1}.tm-flow{grid-template-columns:1fr}.tm-welcome,.tm-result{padding:28px}.tm-welcome h1,.tm-result h1{font-size:25px}}
