.tsm-mc{background:#0E1B2C;color:#F4F1EA;padding:24px;border-radius:16px;box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
.tsm-mc *{box-sizing:border-box}
.tsm-mc h2,.tsm-mc h3{color:#F4F1EA;margin:0;line-height:1.25}
.tsm-mc .tsm-btn{display:inline-block;background:#F2A33A;color:#0E1B2C;font-weight:700;padding:12px 22px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:15px;text-align:center}
.tsm-mc .tsm-btn:hover,.tsm-mc .tsm-btn:focus{background:#fff;color:#0E1B2C}
.tsm-mc .tsm-btn--ghost{background:#16263B;color:#F4F1EA}
.tsm-mc .tsm-btn--off{background:#2A3C55;color:#8191A7;cursor:default}
.tsm-mc .tsm-meta{color:#F2A33A;font-size:14px;font-weight:600}
.tsm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.tsm-card{background:#16263B;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.tsm-thumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tsm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tsm-num{font-size:64px;font-weight:700;color:#0E1B2C}
.tsm-c1{background:#F2A33A}.tsm-c2{background:#4FB3A5}.tsm-c3{background:#E4694F}.tsm-c4{background:#7C9CF0}.tsm-c5{background:#C78BE0}
.tsm-lock{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;background:#0E1B2C;color:#F2A33A;display:flex;align-items:center;justify-content:center}
.tsm-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.tsm-body h3{font-size:20px}
.tsm-body p{margin:0;color:#B8C4D4;font-size:15px}
.tsm-body .tsm-btn{margin-top:auto}
.tsm-cta{border:2px dashed #F2A33A;background:transparent;align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px}
.tsm-back{display:inline-block;margin-bottom:16px;color:#F2A33A;text-decoration:none;font-size:14px}
.tsm-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:28px;align-items:start}
.tsm-player{aspect-ratio:16/9;background:#050B14;border-radius:14px;overflow:hidden}
.tsm-frame{width:100%;height:100%;border:0;display:block}
.tsm-player--locked{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.tsm-lockbox{display:flex;flex-direction:column;align-items:center;gap:10px;color:#F2A33A}
.tsm-lockbox p{margin:0;color:#B8C4D4}
.tsm-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.tsm-panel{margin-top:18px}
.tsm-panel h2{font-size:28px;margin:4px 0 8px}
.tsm-desc{margin:0 0 16px;color:#B8C4D4}
.tsm-side h3{font-size:20px;margin-bottom:10px}
.tsm-badge{display:inline-block;background:#4FB3A5;color:#0E1B2C;font-weight:700;font-size:13px;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.tsm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tsm-mc .tsm-sec{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:10px;background:#16263B;color:#F4F1EA;border:2px solid transparent;text-align:left;font-size:15px;cursor:pointer}
.tsm-mc .tsm-sec span{flex:1}
.tsm-mc .tsm-sec[aria-current="true"]{border-color:#F2A33A}
.tsm-mc .tsm-sec--lock{cursor:default;color:#B8C4D4}
.tsm-sec b{width:28px;height:28px;border-radius:50%;background:#0E1B2C;color:#F2A33A;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.tsm-note{margin:0;font-size:18px}
@media (max-width:900px){.tsm-layout{grid-template-columns:1fr}}
@media (max-width:767px){
.tsm-mc{padding:14px}
.tsm-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.tsm-body{padding:10px}.tsm-body h3{font-size:15px}.tsm-body p{font-size:12px}
.tsm-mc .tsm-btn{padding:10px 8px;font-size:13px;width:100%}
.tsm-num{font-size:40px}
.tsm-panel h2{font-size:22px}
}