.tms-cpm{--dk:#2b2540;--mu:#8a84a3;--ln:#ece6f7;color:var(--dk);font-size:14px;line-height:1.5}
.tms-cpm *{box-sizing:border-box}
.tms-cpm [hidden]{display:none!important}
.cpm-rule{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #e9d5ff;border-radius:14px;padding:9px 11px;font-size:12px;color:#4a4466;margin-bottom:10px}
.cpm-rule b{color:#6d28d9}
.cpm-warn{background:#fff6e0;color:#7a5200;border-radius:12px;padding:9px 11px;font-size:12.5px;margin-bottom:10px}
.cpm-srch{display:flex;align-items:center;gap:8px;background:#faf8ff;border:1.5px solid #e5dcff;border-radius:999px;padding:5px 14px;margin:0}
.tms-cpm .cpm-fbox{background:#fff;border:1.5px solid #ece6ff;border-radius:18px;padding:10px 12px;margin-bottom:10px;box-shadow:0 6px 18px rgba(80,50,160,.07)}
.tms-cpm .cpm-fhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tms-cpm .cpm-fhd b{font-size:13.5px;color:var(--dk)}
.tms-cpm .cpm-frow{padding:8px 0;border-top:1px dashed #efe9fb}.tms-cpm .cpm-fhd+.cpm-frow{border-top:0}
.tms-cpm .cpm-frow .cpm-gr{margin-bottom:0}
.cpm-srch input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:inherit;padding:6px 0;box-shadow:none!important}
.tms-cpm .cpm-fg{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:9px 10px 10px;margin-bottom:8px}
.tms-cpm .cpm-fl{font-size:11.5px;font-weight:700;color:#7a7394;margin:0 0 6px}
.tms-cpm .cpm-gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:9px}
.tms-cpm .cpm-gr:last-child{margin-bottom:0}
@media (min-width:640px){.tms-cpm .cpm-gr{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tms-cpm .cpm-gc,.tms-cpm .cpm-gc:hover,.tms-cpm .cpm-gc:focus,.tms-cpm .cpm-gc:active{display:block;width:100%;min-width:0;border:1px solid #E4E0F5!important;background:#FAF9FF!important;color:var(--dk)!important;border-radius:10px;padding:7px 3px;font:inherit;font-size:12px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin:0;box-shadow:none!important;outline:none;text-transform:none;letter-spacing:0}
.tms-cpm .g-cat .cpm-gc.on,.tms-cpm .g-cat .cpm-gc.on:hover,.tms-cpm .g-cat .cpm-gc.on:focus,.tms-cpm .g-cat .cpm-gc.on:active{background:var(--dk)!important;border-color:var(--dk)!important;color:#fff!important}
.tms-cpm .g-pl .cpm-gc.on,.tms-cpm .g-pl .cpm-gc.on:hover,.tms-cpm .g-pl .cpm-gc.on:focus,.tms-cpm .g-pl .cpm-gc.on:active{background:#e5487f!important;border-color:#e5487f!important;color:#fff!important}
.tms-cpm .g-ty .cpm-gc.on,.tms-cpm .g-ty .cpm-gc.on:hover,.tms-cpm .g-ty .cpm-gc.on:focus,.tms-cpm .g-ty .cpm-gc.on:active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}
.tms-cpm .g-sort .cpm-gc.on,.tms-cpm .g-sort .cpm-gc.on:hover,.tms-cpm .g-sort .cpm-gc.on:focus,.tms-cpm .g-sort .cpm-gc.on:active{background:#2B2540!important;border-color:#2B2540!important;color:#fff!important}
.tms-cpm .cpm-gr.g-sort{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tms-cpm .cpm-gc.more,.tms-cpm .cpm-gc.more:hover,.tms-cpm .cpm-gc.more:focus,.tms-cpm .cpm-gc.more:active{background:#fff!important;border-style:dashed!important;color:var(--mu)!important}
.tms-cpm .cpm-res{display:flex;justify-content:flex-end;align-items:center;font-size:11px;color:var(--mu);margin:0;min-height:16px}
.tms-cpm .cpm-res b{color:var(--dk)}
.tms-cpm .cpm-clr,.tms-cpm .cpm-clr:hover,.tms-cpm .cpm-clr:focus,.tms-cpm .cpm-clr:active{border:0!important;background:#fff0f0!important;color:#e03131!important;font:inherit;font-size:11.5px;font-weight:700;padding:2px 10px;margin:0;border-radius:999px;cursor:pointer;box-shadow:none!important;outline:none}
.tms-cpm .cpm-clr[hidden]{display:none!important}
.cpm-list{display:grid;gap:9px;margin-top:4px}
@media (min-width:700px){.cpm-list{grid-template-columns:1fr 1fr}}
.cpm-cp{position:relative;display:flex;gap:10px;border:1px solid var(--ln);border-radius:16px;padding:10px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cpm-cp:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}
.cpm-cp .fr{position:relative;flex:0 0 84px;height:84px;border-radius:14px;padding:4px}
.tms-cpm .c1{background:linear-gradient(135deg,#fb923c,#ec4899)}.tms-cpm .c2{background:linear-gradient(135deg,#60a5fa,#8b5cf6)}.tms-cpm .c3{background:linear-gradient(135deg,#34d399,#facc15)}
.cpm-cp .lg{display:flex;width:100%;height:100%;border-radius:10px;background:#fff;align-items:center;justify-content:center;font-size:30px;overflow:hidden}
.cpm-cp .lg img{width:100%;height:100%;object-fit:cover}
.cpm-cp .new{position:absolute;top:-6px;right:-6px;background:#facc15;color:#5a3d00;font-size:10px;font-weight:800;border-radius:8px;padding:0 6px;z-index:2}
.cpm-cp .rb{position:absolute;left:-5px;right:-5px;bottom:5px;color:#fff;border-radius:8px;text-align:center;padding:2px;line-height:1.15}
.cpm-cp .c1 .rb{background:#e5487f}.cpm-cp .c2 .rb{background:#6d5bd0}.cpm-cp .c3 .rb{background:#16a37a}
.cpm-cp .rb b{display:block;font-size:13px}.cpm-cp .rb small{display:block;font-size:9.5px}
.cpm-cp .bd{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.cpm-cp .cat{align-self:flex-start;background:#f3edff;color:#6d28d9;border-radius:999px;font-size:10.5px;padding:0 7px}
.cpm-cp .nm{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:44px}
.cpm-cp .mt{font-size:11px;color:var(--mu)}
.cpm-cp .pls{display:flex;gap:4px;flex-wrap:wrap}
.cpm-cp .pl{background:#fdeee8;color:#c2410c;border-radius:999px;font-size:10.5px;padding:0 7px}.cpm-cp .pl.st{background:#efedf5;color:#4a4466}
.cpm-cp .get{align-self:flex-start;border-radius:10px;padding:5px 12px;font-size:12.5px;font-weight:700;margin-top:2px;background:var(--dk);color:#fff!important;text-decoration:none!important}
.cpm-cp .get.s-have{background:#e3f8ee;color:#16855c!important}
.cpm-cp .get.s-wait,.cpm-cp .get.s-full,.cpm-cp .get.s-own{background:#efedf5;color:var(--mu)!important}
.cpm-cp .get.s-age,.cpm-cp .get.s-blocked{background:#fff6e0;color:#8a5a00!important}
.cpm-cp .free{position:absolute;top:9px;right:11px;color:#22b07d;font-size:11px;font-weight:800}
.cpm-cp .hot{position:absolute;top:9px;right:11px;color:#c2255c;font-size:10.5px;font-weight:800;background:#fff0f6;border-radius:8px;padding:0 6px}
.cpm-empty{text-align:center;color:var(--mu);font-size:13px;padding:18px;border:1.5px dashed var(--ln);border-radius:14px;margin-top:8px;background:#fff}
.cpm-inv{display:block;margin-top:14px;border-radius:18px;padding:16px;color:#fff!important;text-decoration:none!important;background:linear-gradient(120deg,#f472b6,#a78bfa)}
.cpm-inv b{display:block;font-size:16px;line-height:1.35}.cpm-inv span{display:block;font-size:12px;opacity:.95;margin:4px 0 10px}
.cpm-inv i{display:block;font-style:normal;text-align:center;background:#fff;color:#6d28d9;border-radius:12px;padding:10px;font-weight:700}
.cpm-foot{font-size:11.5px;color:var(--mu);margin:10px 2px 0}
.cpm-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;display:flex;align-items:flex-end;justify-content:center;padding:16px 10px 106px}
.cpm-sheet{position:relative;width:100%;max-width:420px;max-height:100%;overflow-y:auto;background:#fff;border-radius:22px;padding:16px 14px 14px;-webkit-overflow-scrolling:touch}
.tms-cpm .cpm-x,.tms-cpm .cpm-x:hover,.tms-cpm .cpm-x:focus{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0!important;background:#f1edfb!important;color:var(--dk)!important;font-size:15px;cursor:pointer;margin:0;padding:0;box-shadow:none!important}
.cpm-sheet .shd{display:flex;gap:10px;align-items:center;margin:0 40px 10px 0}
.cpm-sheet .shd .lg{flex:0 0 46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}
.cpm-sheet .shd .lg img{width:100%;height:100%;object-fit:cover}
.cpm-sheet .shd b{font-size:15px}.cpm-sheet .shd small{display:block;font-size:11.5px;color:var(--mu)}
.cpm-sheet .big{border-radius:16px;padding:14px;text-align:center;color:#fff;background:linear-gradient(135deg,#fb923c,#ec4899)}
.cpm-sheet .big b{display:block;font-size:24px}.cpm-sheet .big span{font-size:12.5px}
.cpm-sheet .kv{font-size:12.5px;margin-top:10px;line-height:1.7}
.cpm-sheet .kv div{display:flex;gap:8px}.cpm-sheet .kv i{font-style:normal;color:var(--mu);flex:0 0 68px}
.tms-cpm .cpm-btn,.tms-cpm .cpm-btn:hover,.tms-cpm .cpm-btn:focus{display:block;width:100%;border:0!important;border-radius:14px;padding:12px;text-align:center;font:inherit;font-weight:700;font-size:14px;color:#fff!important;margin:10px 0 0;cursor:pointer;text-decoration:none!important;box-shadow:none!important;outline:none}
.tms-cpm .cpm-btn.pink,.tms-cpm .cpm-btn.pink:hover,.tms-cpm .cpm-btn.pink:focus{background:linear-gradient(90deg,#f472b6,#a78bfa)!important}
.tms-cpm .cpm-btn.dark,.tms-cpm .cpm-btn.dark:hover,.tms-cpm .cpm-btn.dark:focus{background:var(--dk)!important}
.tms-cpm .cpm-btn.sm{padding:9px;font-size:13px;margin-top:6px}
.tms-cpm .cpm-btn:disabled{opacity:.5;cursor:not-allowed}
.tms-cpm .cpm-btn.busy{opacity:.6}
.cpm-sheet .links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.cpm-sheet .lk{border-radius:10px;padding:9px 6px;text-align:center;font-size:12.5px;font-weight:700;color:#fff!important;text-decoration:none!important;background:var(--lc,#57606f)}
.tms-cpm .cpm-rep,.tms-cpm .cpm-rep:hover,.tms-cpm .cpm-rep:focus{display:block;width:100%;border:0!important;background:none!important;color:#c2255c!important;font:inherit;font-size:12px;margin:10px 0 0;cursor:pointer;box-shadow:none!important;padding:4px}
.cpm-msg{margin:10px 0 0;padding:8px 10px;border-radius:10px;font-size:13px;background:#fff0f3;color:#c2255c}
.cpm-msg.ok{background:#e9f9f1;color:#167a55}
.cpm-sheet .ok{display:flex;gap:8px;align-items:center;background:#e9f9f1;color:#167a55;border-radius:12px;padding:9px 11px;font-size:13px;font-weight:700;margin-bottom:10px}
.cpm-sheet .tag{display:inline-block;font-size:10.5px;font-weight:700;border-radius:8px;padding:1px 7px;margin:4px 0 6px}
.cpm-sheet .t1{background:#e3f8ee;color:#16855c}.cpm-sheet .t2{background:#f3edff;color:#6d28d9}
.cpm-sheet .code{border:2px dashed #a78bfa;background:#f7f4fd;border-radius:14px;padding:12px;text-align:center}
.cpm-sheet .code small{display:block;font-size:11px;color:var(--mu)}
.cpm-sheet .code .k{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:21px;font-weight:800;letter-spacing:.08em;color:#6d28d9;margin:2px 0;user-select:all;word-break:break-all}
.cpm-sheet .code.st{border-color:#34d399;background:#f0fbf6}.cpm-sheet .code.st .k{color:#16855c}
.cpm-sheet .h{font-weight:700;margin-bottom:8px}
.cpm-sheet .rs{display:grid;gap:6px}
.cpm-sheet .rs label{display:flex;gap:8px;align-items:center;border:1px solid var(--ln);border-radius:12px;padding:9px 10px;font-size:13px;cursor:pointer;margin:0}
.cpm-sheet .rs input{width:18px;height:18px;flex:0 0 18px;margin:0}
.cpm-in{width:100%;border:1px solid var(--ln);border-radius:12px;padding:10px;font:inherit;margin-top:8px;min-height:60px}
.cpm-note{font-size:11.5px;color:var(--mu);margin:10px 0 0}
.tms-cpm .cpm-btn.cpm-mine,.tms-cpm .cpm-btn.cpm-mine:hover,.tms-cpm .cpm-btn.cpm-mine:focus{background:#F5F0FF!important;color:#6d28d9!important;border:1.5px solid #DDD0FB!important}