:root{
  --bg:#1b1c21;--surf:#24252c;--surf2:#2e2f38;--line:#30313a;--line2:#454753;
  --txt2:#a9aebb;--ph:#a3a8b5;
  --ac:#205AD6;--ac2:#7FA4FF;
}
body{background:var(--bg)}

.wp-pstrip{background:color-mix(in srgb,var(--bg) 70%,#000);border-color:var(--line)}
.wp-h{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:var(--line)}
.wp-sf:not(.wp-sf--big){background:#2b2c35}

.wp-ctile img,.wp-dcats a img,.wp-ft img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.brief{background-color:var(--surf);box-shadow:inset 0 1px 0 var(--line)}

.bottom-adv{justify-content:center}

.wp-card{position:relative;isolation:isolate}
.wp-card::before{content:"";position:absolute;inset:4% 6% 18%;z-index:-1;background:var(--img) center/cover;filter:blur(26px) saturate(1.6);opacity:.32;border-radius:24px;transition:opacity .25s;pointer-events:none}
@media (hover:hover){.wp-card:hover::before{opacity:.55}}
.wp-card__link{display:block;color:inherit}
.wp-card .thumb__img{margin-bottom:0;border-radius:12px;background:#16161b}
@media (min-width:1025px){.wp-card:hover .thumb__img img{transform:scale(1.04)}}
.wp-card--excl .thumb__img{box-shadow:0 0 0 2px #FFCB46}

.wp-bx{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1.2;border-radius:999px}
.wp-bx .icon{width:11px;height:11px;fill:currentColor;stroke:none}
.wp-bx--new{right:8px;top:8px;font-size:9.5px;padding:2px 6px;background:#2BC48A;color:#06140e;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.wp-bx--ex{left:8px;bottom:8px;padding:3px 8px 3px 7px;background:linear-gradient(180deg,#FFD25E,#E0A400);color:#2a1c00;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.wp-dur{position:absolute;right:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:rgba(14,14,20,.55);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);color:#fff;font-size:11.5px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.02em}

.wp-cbody{display:block;padding:10px 2px 0;min-width:0}
.wp-ctitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:#eef0f6;font-size:14.5px;font-weight:650;line-height:1.3}
@media (hover:hover){.wp-card:hover .wp-ctitle{color:var(--ac2)}}

.wp-perf{display:flex;align-items:center;height:22px;margin:6px 0 4px;min-width:0;overflow:hidden;white-space:nowrap;color:#d6dbea;font-size:12.5px;font-weight:600}
.wp-perf a{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#d6dbea}
@media (hover:hover){.wp-perf a:hover{color:var(--ac2)}}
.wp-perf em{flex:0 0 auto;margin-left:4px;font-style:normal;font-weight:600;color:#7c8190}
.wp-avs{display:flex;flex:0 0 auto;margin-right:7px}
.wp-av{flex:0 0 auto;width:22px;height:22px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--bg);box-sizing:border-box;background:#22232b}
.wp-av+.wp-av{margin-left:-8px}
.wp-av--ini{display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;letter-spacing:.02em;color:#fff;background:hsl(var(--h) 55% 38%)}

.wp-mline{display:flex;align-items:center;color:var(--txt2);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden}
.wp-mline>span+span::before{content:"\00b7";margin:0 6px;opacity:.6}
.wp-r{display:inline-flex;align-items:center;gap:3px}
.wp-r svg{width:11px;height:11px;fill:currentColor;stroke:none}
.wp-r.wp-hi{color:#2BC48A}

.wp-card .thumb__img .touch-preview{width:auto;height:26px;padding:0 9px 0 24px;top:8px;left:8px;opacity:1;border-radius:999px;background:rgba(10,12,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-sizing:border-box}
.wp-card .thumb__img .touch-preview::before{left:13px;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M2 1l7 4-7 4z'/%3E%3C/svg%3E")}
.wp-card .thumb__img .touch-preview::after{content:"Preview";font:700 11px/24px system-ui,sans-serif;color:#fff;letter-spacing:.02em}

@media (min-width:480px) and (max-width:767px){
 .wp-ctitle{font-size:13px}
 .wp-perf{font-size:11.5px}
 .wp-mline{font-size:11px}
 .wp-bx{font-size:9px;padding:2px 6px}
 .wp-card .thumb__img .touch-preview{padding:0;width:26px}
 .wp-card .thumb__img .touch-preview::before{left:50%}
 .wp-card .thumb__img .touch-preview::after{content:""}
}