:root{--b:#7c5cff;--bg:#0c0b14;--c:#15141f}
*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}
body{font-family:Cairo,sans-serif;background:var(--bg);color:#fff;font-size:14px;padding-top:78px;overflow-x:hidden}
button,select,input{font-family:inherit}
[role=button]{cursor:pointer}
:focus-visible{outline:2px solid #fff;outline-offset:2px}
.container{max-width:1300px;margin:0 auto;width:95%}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:var(--b);border-radius:10px}
header{background:#13161cf2;backdrop-filter:blur(10px);border-bottom:2px solid #ffffff0d;position:fixed;top:0;width:100%;z-index:900;padding:12px 0}
header.solid{background:#0c0b14}
.hw{display:flex;align-items:center;justify-content:space-between;gap:10px}
.logo h1{font-family:Anton,sans-serif;font-size:30px;color:var(--b);line-height:1}.logo span{color:#fff}
.logo em{font-style:normal;display:block;font-size:12px;color:#aaa;text-align:center;font-weight:700}
nav ul{display:flex;gap:6px}
nav a{display:block;color:#fff;font-weight:700;padding:7px 14px;border-radius:30px;white-space:nowrap;transition:.3s}
nav a:hover,nav a.on{background:var(--b);box-shadow:0 0 10px #7c5cff80}
.sbtn{background:var(--b);color:#fff;border:0;font-size:14px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pop{position:fixed;inset:0;background:#0c0b14fa;z-index:9999;display:flex;flex-direction:column;align-items:center;padding-top:90px;opacity:0;visibility:hidden;transition:.3s}
.pop.on{opacity:1;visibility:visible}
.pop>input{width:80%;max-width:600px;padding:15px 25px;border-radius:30px;border:0;background:#ffffff14;color:#fff;font-size:18px;outline:none;margin-bottom:25px}
.pop .x{position:absolute;top:25px;left:25px;font-size:32px;cursor:pointer;color:#aaa;background:none;border:0}
#sr{width:90%;max-width:900px;max-height:65vh;overflow-y:auto}
.box{background:#ffffff05;padding:20px;border-radius:14px;margin-bottom:22px}
.ttl{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ffffff0d;padding-bottom:10px;margin-bottom:18px}
.ttl h3{font-size:20px;border-right:4px solid var(--b);padding-right:10px}
.row{display:flex;gap:14px;overflow-x:auto;padding:14px 4px;scrollbar-width:none}
.row::-webkit-scrollbar{display:none}
.row .card{flex:0 0 165px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.card{display:block;position:relative;border-radius:6px;overflow:hidden;background:#111;transition:.3s}
.card:hover{transform:scale(1.08);z-index:6;box-shadow:0 14px 30px #000c}
.card .p{padding-bottom:148%;position:relative}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover img{opacity:.5;transform:scale(1.08)}
.card .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);font-size:50px;opacity:0;transition:.4s;z-index:3;text-shadow:0 0 15px var(--b)}
.card:hover .pl{opacity:1;transform:translate(-50%,-50%)}
.tags{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:2}
.tags b{background:#000c;border-radius:5px;padding:2px 8px;font-size:11px;text-align:center;color:#fff}
.tags .r{background:#f5c518;color:#000}
.card h3{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#000e,transparent);padding:30px 8px 10px;text-align:center;font-size:13px;color:#fff}
.two{display:flex;gap:22px}.main{flex:1;min-width:0}.aside{flex:0 0 300px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
select,input[type=number]{background:var(--c);color:#fff;border:1px solid #ffffff1a;border-radius:8px;padding:9px 12px;outline:none}
input[type=number]{width:110px}
.pg{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap;align-items:center}
.pg button{background:var(--c);color:#fff;border:1px solid #ffffff1a;padding:7px 14px;border-radius:6px;cursor:pointer;font-weight:700}
.pg button.on,.pg button:hover{background:var(--b);border-color:var(--b)}
.loader,.empty{grid-column:1/-1;text-align:center;padding:40px 0;color:var(--b);font-size:36px}
.empty{color:#aaa;font-size:16px}
.tp{display:flex;gap:10px;align-items:center;background:#111;padding:8px;border-radius:10px;margin-bottom:10px;border:1px solid #ffffff1a;color:#fff;transition:.3s}
.tp:hover{border-color:var(--b)}.tp b{font-size:22px;color:var(--b);width:26px;text-align:center}
.tp img{width:56px;height:80px;border-radius:6px;object-fit:cover}.tp h4{font-size:14px;margin-bottom:6px}.tp span{color:#f5c518;font-size:13px}
.back{display:inline-flex;gap:10px;align-items:center;background:#333;color:#fff;border:0;font-size:14px;padding:9px 24px;border-radius:30px;margin-bottom:18px;cursor:pointer;font-weight:700}.back:hover{background:var(--b)}
.det{display:flex;gap:28px}.pst{flex:0 0 260px}.pst img{width:100%;border-radius:12px;border:4px solid #ffffff1a;display:block;background:#111;min-height:300px}
.inf{flex:1;min-width:0}.inf h1{font-size:30px;color:var(--b);margin-bottom:12px}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip{background:#ffffff14;padding:4px 12px;border-radius:20px;font-size:13px}.chip.r{background:#f5c518;color:#000;font-weight:700}
.tag{color:#aaa;font-style:italic;margin-bottom:12px}
.story{background:#ffffff08;padding:18px;border-radius:10px;color:#ddd;font-size:15px;line-height:1.9;border-right:4px solid #f5c518}
.story strong{color:var(--b);display:block;margin-bottom:6px}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn{display:inline-flex;gap:8px;align-items:center;padding:11px 20px;border-radius:10px;font-weight:700;cursor:pointer;border:0;color:#fff;background:var(--b);font-size:15px}
.btn.g{background:#ffffff1a}.btn.on{background:#ff434c}
.btn.w{background:#fff;color:#000}.btn.gr{background:#6d6d6eb3}
.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:2px solid #7c5cff33}.player iframe{width:100%;height:100%;border:0}
#sel{margin-bottom:14px}
.ep{display:flex;gap:12px;background:#111;padding:10px;border-radius:8px;margin-bottom:8px}
.ep img{width:140px;height:80px;object-fit:cover;border-radius:6px;flex:none}
.ep h4{margin-bottom:4px}.ep small{color:#888}.ep p{color:#bbb;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep.ok{cursor:pointer;border:1px solid #29bf1255}
.pp{flex:0 0 100px;text-align:center}.pp img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:6px}
.pp b{display:block;font-size:12px}.pp small{color:#999;font-size:11px}
footer{margin:10px 0 30px;text-align:center;border-top:1px solid #ffffff1a;padding-top:20px;color:#aaa;line-height:2}
#detail{display:none}
.hero{position:relative;display:flex;align-items:flex-end;min-height:78vh;margin:-78px 0 0;background:var(--bg) center/cover no-repeat}
.hero:empty{min-height:0}
.hc{padding:0 4% 8vh;max-width:660px}.hc h2{font-size:clamp(28px,5vw,56px);font-weight:900;margin-bottom:10px}
.hc p{color:#ddd;line-height:1.8;margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hbtn{display:flex;gap:10px;flex-wrap:wrap}
.rw{margin:18px 0}.rw h3{font-size:19px;margin-bottom:4px}
.rwrap{position:relative}
.ar{position:absolute;top:0;bottom:12px;width:44px;z-index:8;background:#000a;color:#fff;border:0;cursor:pointer;opacity:0;transition:.3s;font-size:20px}
.rwrap:hover .ar,.ar:focus-visible{opacity:1}
.cw{position:relative;flex:0 0 165px}.cw .card{width:100%}
.pb{position:absolute;bottom:0;left:0;right:0;height:4px;background:#555;z-index:7}.pb i{display:block;height:100%;background:var(--b)}
.cl{position:absolute;top:8px;left:8px;background:#000c;border-radius:5px;padding:2px 8px;font-size:11px;z-index:7}
.tn{display:flex;align-items:flex-end;flex:0 0 215px}
.tn>b{font-size:110px;font-weight:900;line-height:.8;color:#0c0b14;-webkit-text-stroke:3px #777;margin-left:-14px;z-index:1}
.tn .card{flex:0 0 150px}
.who{position:fixed;inset:0;background:#0c0b14;z-index:10000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:34px}.who.on{display:flex}
.who h1{font-size:clamp(26px,4vw,44px)}.pls{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.pt{width:120px;text-align:center;cursor:pointer;color:#aaa;font-size:15px}.pt:hover{color:#fff}
.av{width:120px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;margin-bottom:10px;position:relative;border:3px solid transparent;color:#fff;overflow:hidden}
.pt:hover .av{border-color:#fff}.ed{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:28px}
.hr{position:relative;display:flex;gap:8px;align-items:center}
.um{position:absolute;top:54px;left:0;background:#000e;border:1px solid #ffffff22;border-radius:6px;min-width:210px;display:none;z-index:950;padding:6px 0}.um.on{display:block}
.um a{display:flex;gap:10px;align-items:center;padding:10px 16px;color:#fff;cursor:pointer}.um a:hover{background:#ffffff1a}
.mav{width:30px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;flex:none}
#pmod{z-index:10001}.cp{display:flex;gap:10px;margin-bottom:12px}
.cc{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent}.cc.on{border-color:#fff}
.mb select{width:100%;margin-bottom:10px;padding:11px}.mb input[type=checkbox]{width:auto;margin:0 0 0 8px}.ck{display:block;margin-bottom:12px;color:#ddd}
#acc{display:none}.ac{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff1a}.ac>div{flex:1}.ac small{color:#999;display:block;margin-top:3px}
.watch{display:flex;gap:16px}.srv{flex:0 0 210px}
.srv li{background:#111;padding:13px;border-radius:8px;margin-bottom:8px;cursor:pointer;font-weight:700;display:flex;gap:10px;align-items:center;border:1px solid #ffffff1a}
.srv li.on,.srv li:hover{background:var(--b);border-color:var(--b)}
.wb{flex:1;min-width:0}.wb iframe{width:100%;height:100%;background:#000;border:0}
.dh{color:#29bf12;margin:20px 0 12px;font-size:18px}
.dlk{display:flex;justify-content:space-between;align-items:center;background:#111;padding:14px 18px;border-radius:8px;margin-bottom:8px;border:1px solid #ffffff1a;color:#fff}
.dlk:hover{background:#29bf12;border-color:#29bf12}
.ubtn{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:0;font-size:14px;padding:0 14px;height:40px;border-radius:30px;cursor:pointer;font-weight:700;white-space:nowrap;max-width:170px}
.ubtn span{overflow:hidden;text-overflow:ellipsis}.ubtn:hover{background:var(--b)}
.mod{position:fixed;inset:0;background:#000b;z-index:9998;display:none;align-items:center;justify-content:center}.mod.on{display:flex}
.mb{background:var(--c);padding:26px;border-radius:16px;width:92%;max-width:380px;border:1px solid #ffffff1a;position:relative}
.mb h2{margin-bottom:6px}.mb p{color:#aaa;margin-bottom:16px;font-size:13px;line-height:1.7}
.mb input{width:100%;margin-bottom:10px;background:#111;color:#fff;border:1px solid #ffffff1a;border-radius:8px;padding:11px 14px;outline:none;font:inherit}
.mb .btn{width:100%;justify-content:center;margin-bottom:10px}
.x2{position:absolute;top:12px;left:16px;font-size:22px;cursor:pointer;color:#aaa;background:none;border:0}
.msg{color:#ff6b6b;font-size:13px;min-height:18px;margin-bottom:8px}
.lnk{color:var(--b);cursor:pointer;text-align:center;font-size:13px}
.cfgwarn{position:fixed;bottom:0;left:0;right:0;z-index:20000;background:#b00020;color:#fff;padding:10px 16px;text-align:center;font-weight:700}
.api-status{position:fixed;top:78px;left:0;right:0;z-index:899;display:flex;justify-content:center;align-items:center;gap:12px;background:#7b1a05;color:#fff;padding:10px 16px;text-align:center;font-weight:700;box-shadow:0 4px 16px #0008}
.api-retry{border:1px solid #ffffff80;background:#ffffff18;color:#fff;border-radius:6px;padding:6px 12px;font:inherit;cursor:pointer;white-space:nowrap}
.api-retry:hover{background:#ffffff30}
@media(max-width:900px){.two{flex-direction:column}.aside{flex:none;width:100%}}
@media(max-width:700px){.watch{flex-direction:column}.srv{flex:none}.hc h2{font-size:22px}.hero{min-height:260px;margin-top:-112px}body{padding-top:112px}.hw{flex-wrap:wrap}nav{order:3;width:100%}}
@media(max-width:700px){.api-status{top:112px;align-items:flex-start;flex-direction:column;gap:6px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.card:hover{transform:none}.card:hover img{transform:none}}
.sk{background:linear-gradient(90deg,#1c1c24 25%,#2a2a35 50%,#1c1c24 75%);background-size:200% 100%;animation:sk 1.3s infinite linear;border-radius:6px}
.sk.c{aspect-ratio:2/3;flex:0 0 165px}
.grid .sk.c{flex:none}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}
.offbar{position:fixed;top:0;left:0;right:0;z-index:20001;background:#f5a623;color:#000;text-align:center;font-weight:700;padding:6px 10px}
.offbar[hidden]{display:none}

.annc{background:var(--b);color:#fff;text-align:center;font-weight:700;padding:5px 12px;margin:10px 0 -12px;font-size:13px}
.maint{position:fixed;inset:0;z-index:9990;background:var(--bg);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.maint i.fa-screwdriver-wrench{font-size:60px;color:var(--b);margin-bottom:16px}.maint h2{margin-bottom:8px}.maint p{color:#aaa;margin-bottom:18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:22px}
.stats div{background:#ffffff05;border-radius:14px;padding:18px;text-align:center}.stats b{display:block;font-size:32px;color:var(--b)}.stats span{color:#aaa}
.adin{width:100%;padding:11px 14px;border-radius:8px;border:1px solid #ffffff1a;background:var(--c);color:#fff;margin-bottom:12px;outline:none}
.tw{overflow-x:auto}.at{width:100%;border-collapse:collapse}.at th,.at td{padding:10px;text-align:right;border-bottom:1px solid #ffffff1a;white-space:nowrap}.at th{color:#aaa;font-weight:700}

.splash{position:fixed;inset:0;z-index:9980;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.splash .slogo{font-family:Anton,sans-serif;font-size:48px;color:var(--b);letter-spacing:1px}.splash i{font-size:26px;color:#aaa}
.who .pl span,.pls span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.srv li.hint{background:transparent;border-style:dashed;color:#aaa;font-weight:400;font-size:13px}
.epnav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}
.epnav span{color:#aaa}.btn[disabled]{opacity:.4;pointer-events:none}
.annc a{color:inherit;text-decoration:underline}.annc.warn{background:#f5a623;color:#000}.annc.ok{background:#2ecc71;color:#000}
.adg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.note{color:#999;display:block;margin:6px 0 12px}

.svbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:10px 14px;border-radius:8px;background:#f5a62326;border:1px solid #f5a62366}.svbar span{flex:1;font-weight:700;min-width:180px}.svbar .btn{margin:0}
#toasts{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:30000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,420px)}
.toast{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;font-weight:700;color:#06210f;background:#2ecc71;box-shadow:0 8px 24px #0009;animation:tin .25s ease;pointer-events:auto}
.toast.err{background:#7c5cff;color:#fff}.toast.warn{background:#f5a623;color:#000}.toast.out{opacity:0;transform:translateY(-8px);transition:.3s}
@keyframes tin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.svt{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:14px;margin:12px 0}.svh{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.svh .btn{margin:0}
.svt .player{max-width:720px}
#sbh{color:#f5a623;border-color:#f5a62399}
.chip .hn{max-width:260px;display:inline-block;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis}
/* حاوية المشغل وطبقة الحماية الشفافة */
.player-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}


/* شريط تقدم المشاهدة على الكروت */


/* شارة الحلقة للمسلسلات على الكارت */
.card-ep-tag {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  z-index: 4;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
/* =====================================================================
   v5: لمسة عصرية + المساعد الذكي + البحث الذكي
   ===================================================================== */
:root{--b2:#9b82ff;--glass:#ffffff0d;--line:#ffffff17;--r:14px;--ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--b);color:#fff}

/* الهيدر: شفاف فوق الهيرو وبيتحوّل لزجاج وقت التمرير */
header{background:linear-gradient(180deg,#000000d9,#00000000);border-bottom:0;backdrop-filter:none;transition:background .35s var(--ease),box-shadow .35s var(--ease)}
header.solid{background:#0c0b14e6;backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 24px #0008}
nav a{font-size:14px;transition:background .25s,box-shadow .25s,color .25s}
nav a:not(.on):hover{background:var(--glass);box-shadow:none}
.sbtn{transition:transform .2s var(--ease),box-shadow .2s}
.sbtn:hover{transform:scale(1.08);box-shadow:0 0 14px #7c5cff99}
.ubtn,.btn,.back,.pg button{transition:background .2s,transform .2s var(--ease),filter .2s}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn:active{transform:none}
.btn.g:hover{background:#ffffff2e;filter:none}

/* الكروت */
.card{border-radius:10px;box-shadow:0 4px 14px #0006;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 36px #000d}
.card h3{font-weight:700;line-height:1.5}
.box{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff03)}
.ttl h3{font-weight:900}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 100%,#0c0b1400 40%,#0c0b14 100%);pointer-events:none}
.hc{position:relative;z-index:1}
.chip{border:1px solid var(--line)}
select,input[type=number]{transition:border-color .2s}
select:focus,input[type=number]:focus,.adin:focus,.mb input:focus{border-color:var(--b)}

/* تبويبات البحث + آخر عمليات البحث */
.stabs{display:flex;gap:6px;background:#ffffff0d;padding:5px;border-radius:30px;margin-bottom:16px}
.stabs button{border:0;background:none;color:#bbb;font:inherit;font-weight:700;padding:9px 22px;border-radius:30px;cursor:pointer;display:flex;gap:8px;align-items:center;transition:background .2s,color .2s}
.stabs button.on{background:var(--b);color:#fff}
.stabs button:not(.on):hover{color:#fff}
.sgo{margin:-8px 0 16px}
.rs{width:80%;max-width:600px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-8px 0 18px;color:#999;font-size:13px}
.rs:empty{display:none}
.rchip{border:1px solid var(--line);background:#ffffff0d;color:#ddd;font:inherit;font-size:13px;padding:5px 14px;border-radius:20px;cursor:pointer;transition:.2s}
.rchip:hover{background:var(--b);border-color:var(--b);color:#fff}
.rclr{border:0;background:none;color:#888;cursor:pointer;padding:5px}.rclr:hover{color:var(--b)}
.aire{grid-column:1/-1;background:#ffffff0a;border-right:4px solid var(--b);border-radius:10px;padding:14px 16px;color:#ddd;line-height:1.9;font-size:15px}
.aiw{display:flex;flex-direction:column;gap:6px;position:relative}
.aiw small{color:#aaa;font-size:12px;line-height:1.6;padding:0 2px}
.aiw .aik{position:absolute;top:8px;left:8px;z-index:7}
.aik{display:inline-block;background:#ffffff1f;color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;width:max-content}
.aik.g{background:var(--b)}

/* محار الحيرة */
.mood{text-align:center;max-width:640px;width:90%;margin:auto;padding:30px 0}
.mood h2{color:var(--b);margin-bottom:10px;font-size:26px}
.mood>p{color:#aaa;margin-bottom:22px}
.moods{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.mres{background:#111;padding:16px;border-radius:var(--r);border:1px solid var(--line);display:flex;gap:16px;align-items:flex-start;text-align:right;animation:tin .3s ease}
.mres img{width:100px;height:150px;object-fit:cover;border-radius:8px;flex:none;background:#222}
.mres h3{font-size:19px;margin-bottom:4px}.mres small{color:#aaa}
.mres p{color:#bbb;font-size:13px;line-height:1.8;margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mact{display:flex;gap:8px;flex-wrap:wrap}

/* زر المساعد العائم */
.ai-fab{position:fixed;bottom:22px;left:22px;z-index:9000;height:54px;padding:0 20px 0 18px;border:0;border-radius:30px;cursor:pointer;color:#fff;font:inherit;font-weight:900;font-size:14px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#7c5cff,#ff5f6d);box-shadow:0 10px 30px #7c5cff66,0 2px 8px #0008;transition:transform .25s var(--ease),box-shadow .25s}
.ai-fab i{font-size:20px}
.ai-fab:hover{transform:translateY(-3px);box-shadow:0 14px 36px #7c5cff99,0 2px 8px #0008}
.ai-fab::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #7c5cff;animation:aipulse 2.6s infinite;pointer-events:none}
@keyframes aipulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.25,1.5);opacity:0}}
body.ai-open .ai-fab::before{display:none}
.ai-panel{position:fixed;bottom:90px;left:22px;z-index:9100;width:390px;max-width:calc(100vw - 24px);height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;background:#16161c;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #000c;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom left;transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.ai-panel.on{opacity:1;visibility:visible;transform:none}
.ai-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#2a0b0e,#1c1c24);border-bottom:1px solid var(--line)}
.ai-t{display:flex;align-items:center;gap:12px;min-width:0}
.ai-ic{width:38px;height:38px;border-radius:12px;background:var(--b);display:flex;align-items:center;justify-content:center;flex:none}
.ai-t b{display:block;font-size:15px}.ai-t small{display:block;color:#aaa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-hb{display:flex;gap:4px}
.ai-hb button{width:34px;height:34px;border:0;border-radius:50%;background:none;color:#bbb;cursor:pointer;font-size:15px;transition:.2s}
.ai-hb button:hover{background:#ffffff1a;color:#fff}
.ai-m{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.aim{max-width:92%;padding:10px 14px;border-radius:14px;line-height:1.8;font-size:14px;word-wrap:break-word;animation:tin .25s ease}
.aim p+p{margin-top:6px}
.aim.b>p{white-space:pre-wrap}
.aim.u{align-self:flex-start;background:var(--b);color:#fff;border-bottom-right-radius:4px}
.aim.b{align-self:flex-end;background:#ffffff0f;border:1px solid var(--line);color:#eee;border-bottom-left-radius:4px;max-width:100%;width:100%}
.aim.b.err{border-color:#7c5cff66;color:#ffb3b8}
.aim.typ{width:auto;display:flex;gap:5px;padding:14px 16px}
.aim.typ i{width:7px;height:7px;border-radius:50%;background:#aaa;animation:tp 1.2s infinite}
.aim.typ i:nth-child(2){animation-delay:.2s}.aim.typ i:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.ail{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.aic{display:flex;gap:10px;background:#0d0d12;border:1px solid var(--line);border-radius:12px;padding:8px;color:#fff;transition:border-color .2s,transform .2s var(--ease)}
.aic:hover{border-color:var(--b);transform:translateX(-2px)}
.aic img{width:54px;height:80px;object-fit:cover;border-radius:8px;flex:none;background:#222}
.aic b{display:block;font-size:14px;margin-bottom:2px}
.aic small{color:#aaa;font-size:11px;display:block;margin-bottom:4px}.aic small i{color:#f5c518}
.aic p{color:#bbb;font-size:12px;line-height:1.6;margin-top:4px}
.aic .aik{margin-top:2px}
.ai-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;scrollbar-width:none;border-top:1px solid var(--line)}
.ai-chips::-webkit-scrollbar{display:none}
.aich{flex:none;border:1px solid var(--line);background:#ffffff0a;color:#ddd;font:inherit;font-size:12px;padding:6px 13px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:.2s}
.aich:hover{background:var(--b);border-color:var(--b);color:#fff}
.ai-f{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;background:#101015}
.ai-f textarea{flex:1;resize:none;max-height:110px;background:#1c1c24;color:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;font:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}
.ai-f textarea:focus{border-color:var(--b)}
.ai-send,.ai-mic{flex:none;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease),background .2s}
.ai-send{background:var(--b)}.ai-send i{transform:scaleX(-1)}
.ai-send:hover:not(:disabled){transform:scale(1.08)}.ai-send:disabled{opacity:.5;cursor:default}
.ai-mic{background:#ffffff14}.ai-mic[hidden]{display:none}.ai-mic:hover{background:#ffffff26}
.ai-mic.rec{background:var(--b);animation:aipulse 1.4s infinite}
.totop{position:fixed;bottom:22px;right:22px;z-index:8900;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#1c1c24e6;backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:.2s}
.totop:hover{background:var(--b);border-color:var(--b)}.totop[hidden]{display:none}

/* الفوتر */
footer{border-top:1px solid var(--line);margin-top:30px;padding:34px 0 18px}
.fw{display:flex;flex-direction:column;align-items:center;gap:14px}
.flogo{font-family:Anton,sans-serif;font-size:26px;color:var(--b)}.flogo span{color:#fff}
.ftag{color:#999;max-width:520px;font-size:13px;line-height:1.9}
.flinks{display:flex;gap:6px 20px;flex-wrap:wrap;justify-content:center}.flinks a{color:#ccc;font-weight:700;font-size:13px;transition:color .2s}.flinks a:hover{color:var(--b)}
.fcp{color:#777;font-size:12px}.fcp a{color:#aaa;text-decoration:underline}

@media(max-width:700px){
  .ai-fab{bottom:16px;left:14px;height:50px;padding:0 16px}
  .ai-fab span{display:none}
  .ai-fab{width:50px;padding:0;justify-content:center}
  .ai-panel{inset:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;border-radius:0;border:0}
  body.ai-open .ai-fab,body.ai-open .totop{display:none}
  .totop{bottom:16px;right:14px}
  .mres{flex-direction:column;align-items:center;text-align:center}
  .stabs button{padding:9px 16px}
}
@media(prefers-reduced-motion:reduce){.ai-fab::before,.ai-mic.rec{animation:none}.aim{animation:none}}

/* ===== صفحة المشاهدة الجديدة (الإطار حول المشغّل فقط) ===== */
#wsec{padding:0;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff04)}
#wsec .ttl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 0;margin:0}
.cin{background:var(--glass);border:1px solid var(--line);color:#fff;border-radius:999px;padding:7px 16px;font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:background .2s}
.cin:hover,.cin:focus-visible{background:var(--b)}
#wsec .watch{display:flex;flex-direction:column;gap:12px;padding:14px 18px 0}
#wsec .wb{order:1;width:100%}
#wsec .srv{order:2;flex:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;list-style:none}
#wsec .srv li{margin:0;flex:none;white-space:nowrap;border-radius:999px;padding:9px 18px;background:var(--glass);border:1px solid var(--line)}
#wsec .srv li.on{background:var(--b);border-color:var(--b);box-shadow:0 4px 18px #7c5cff66}
#wsec .player{border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 50px #000a}
#wsec .epnav{padding:14px 18px 18px;margin:0}
#wsec #dl{padding:0 18px 18px}
body.cinema{overflow-x:hidden}
body.cinema::before{content:"";position:fixed;inset:0;background:#000e;z-index:900;animation:cinIn .3s var(--ease)}
body.cinema #wsec{position:relative;z-index:901;box-shadow:0 0 0 100vmax #0000}
@keyframes cinIn{from{opacity:0}}
@media(min-width:1100px){body.cinema #wsec{max-width:1200px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){body.cinema::before{animation:none}}

/* ===== نظام التصميم v9: متغيرات موحّدة (ألوان/مسافات/زوايا/ظلال) ===== */
:root{
  --bg:#0c0b14;--c:#15141f;--c2:#1d1b2b;--b:#7c5cff;--b2:#9b82ff;
  --txt:#f4f3fa;--mut:#a7a4bd;--line:#ffffff17;--glass:#ffffff0f;
  --gold:#f5c518;
  --s1:6px;--s2:10px;--s3:16px;--s4:24px;--s5:40px;
  --r-s:8px;--r-m:14px;--r-l:22px;--r-pill:999px;
  --sh-1:0 4px 14px #0008;--sh-2:0 18px 44px #000b;--glow:0 6px 22px #7c5cff55;
}
body{background:radial-gradient(1200px 600px at 85% -10%,#2a1f5c33,transparent 60%),var(--bg);color:var(--txt)}
header.solid{background:#0c0b14e6}
.card{border-radius:var(--r-m);background:var(--c);box-shadow:var(--sh-1)}
.box,.mb{border-radius:var(--r-l)}
.btn{border-radius:var(--r-pill);padding:12px 24px;font-weight:800;box-shadow:var(--glow)}
.btn.g{box-shadow:none;background:var(--glass);border:1px solid var(--line)}
.btn:focus-visible,.card:focus-visible,nav a:focus-visible{outline:2px solid var(--b2);outline-offset:3px}
.chip{border-radius:var(--r-pill);background:var(--glass)}
.chip.r{background:var(--gold);color:#000;border-color:transparent;font-weight:800}
.tags .r{background:var(--gold)}
.ttl h3{border-right:0;padding-right:0;font-size:22px;letter-spacing:0}
.ttl h3 i{color:var(--b2);margin-left:8px}

/* هيرو سينمائي */
.hero{min-height:84vh;background-position:center top}
.hero::after{background:linear-gradient(0deg,var(--bg) 4%,#0c0b1400 55%),linear-gradient(270deg,#0c0b14ee 0%,#0c0b1400 70%);z-index:1}
.hv{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity 1.2s var(--ease);pointer-events:none}
.hv.on{opacity:1}
.hv iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0}
.hc{z-index:2;max-width:680px}
.hc h2{font-size:clamp(32px,5.6vw,64px);line-height:1.15;text-shadow:0 4px 24px #000a}
.hc p{font-size:16px;color:#e3e1f0}
.hbtn .btn.w{background:#fff;color:#0c0b14;box-shadow:0 6px 24px #fff3}
.hbtn .btn.gr{background:#ffffff26;backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:none}

/* معاينة الكارت عند الوقوف عليه */
.card .qv{display:none}
@media (hover:hover){
  .card{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
  .card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--sh-2),0 0 0 1px var(--b)}
  .card:hover img{opacity:.55;transform:scale(1.06)}
  .card .qv{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:5;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(0deg,#000f,#0000);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s var(--ease)}
  .card:hover .qv{opacity:1;transform:none}
  .card:hover h3{bottom:38px;background:none}
  .qy{font-weight:800;font-size:13px;color:#fff}
  .qa{display:flex;gap:6px}
  .qb{width:32px;height:32px;border-radius:50%;border:1px solid #ffffff55;background:#000a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
  .qb:hover{background:var(--b);border-color:var(--b);transform:scale(1.1)}
  .card .pl{top:42%;font-size:54px;color:#fff}
}
.cw:hover{z-index:6}
.srv li.on{box-shadow:var(--glow)}
.who{background:var(--bg)}

/* ===== v9: نوافذ، صفحات جديدة، لوحة المدير، موبايل، فاتح/غامق ===== */
.v9m{position:fixed;inset:0;z-index:2000;background:#000a;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:cinIn .2s}
.v9b{position:relative;background:var(--c);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;width:min(440px,100%);max-height:88vh;overflow:auto;box-shadow:var(--sh-2)}
.v9b.wide{width:min(620px,100%)}
.v9b h3{margin:0 0 12px;font-size:19px}
.v9x{position:absolute;top:10px;inset-inline-start:10px;background:none;border:0;color:var(--mut);font-size:18px;cursor:pointer}
.v9bt{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
body.v9-lock{overflow:hidden}
.v9pick{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.v9ul{margin:6px 0 12px;padding-inline-start:20px;font-size:14px;color:var(--mut)}
.v9kb{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}
.v9kb b{background:var(--glass);border:1px solid var(--line);border-radius:6px;padding:2px 10px;font-family:monospace}
.v9h{display:flex;align-items:center;gap:10px;margin:6px 0 16px}.v9h i{color:var(--b2)}
.v9bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.v9chips{display:flex;flex-wrap:wrap;gap:8px}
.v9srch{display:flex;gap:8px;margin-top:16px}
.v9tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.v9tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 10px;border-radius:var(--r-m);background:var(--c);border:1px solid var(--line);transition:transform .25s,border-color .25s;color:var(--txt)}
.v9tile i{font-size:26px;color:var(--b2)}.v9tile:hover{transform:translateY(-4px);border-color:var(--b)}
.v9logo{height:34px;vertical-align:middle}
.v9tab{padding:8px 18px;border-radius:999px;background:var(--glass);color:var(--txt)}.v9tab.on{background:var(--b);color:#fff}
.hl{display:flex;flex-direction:column;gap:10px}
.hr2{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-m);background:var(--c);border:1px solid var(--line)}
.hr2 img{width:56px;aspect-ratio:2/3;object-fit:cover;border-radius:8px}.hr2 .hi{flex:1;min-width:0}.hr2 small{display:block;color:var(--mut)}
.qb2,.lrm{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#000a;color:#fff;cursor:pointer}
.qb2:hover,.lrm:hover{background:var(--b)}
.lw{position:relative}.lrm{position:absolute;top:6px;inset-inline-end:6px;z-index:6;width:28px;height:28px}
.top10 .rk{position:absolute;top:-6px;inset-inline-start:-4px;z-index:7;font:900 34px/1 Anton,sans-serif;color:var(--b2);text-shadow:0 2px 10px #000}
.soonl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.soon{display:flex;gap:12px;background:var(--c);border:1px solid var(--line);border-radius:var(--r-m);padding:10px}
.soon img{width:90px;border-radius:8px}.soon small{display:block;color:var(--mut);margin:6px 0 10px}
.person{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}.pimg img{width:180px;border-radius:var(--r-m)}
.pimg i{font-size:80px;color:var(--mut)}.bio{color:var(--mut);line-height:1.9}
a.pp{display:block;color:inherit}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.cs{display:flex;flex-direction:column;gap:8px;align-items:center;background:var(--c);border-radius:var(--r-m);padding:14px}.cs img{width:110px;border-radius:8px}
.cr{display:flex;flex-direction:column;gap:6px;width:100%}.at th{text-align:start;color:var(--mut);font-weight:600}
.advf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.v9rate{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.stars button{background:none;border:0;font-size:24px;color:var(--mut);cursor:pointer;padding:2px}.stars button.on,.stars button:hover{color:var(--gold)}
.v9c{border-top:1px solid var(--line);padding:10px 0}.v9c p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.vip{background:var(--gold);color:#000;border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}
.chip.bad{background:#ff6b6b33;color:#ff9b9b}
.ac.dn{opacity:.55}
/* لوحة المدير: قائمة جانبية */
.adm{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}
.adm-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:4px;background:var(--c);border:1px solid var(--line);border-radius:var(--r-l);padding:10px}
.adm-nav button{display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-radius:var(--r-m);background:none;color:var(--txt);cursor:pointer;font:inherit;text-align:start}
.adm-nav button:hover{background:var(--glass)}.adm-nav button.on{background:var(--b);color:#fff}
.adm-p{display:none}.adm-p.on{display:block}
.bars{display:flex;align-items:flex-end;gap:6px;height:140px;margin:10px 0}
.bars>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:11px;color:var(--mut)}
.bars i{display:block;width:100%;background:linear-gradient(180deg,var(--b2),var(--b));border-radius:6px 6px 0 0}
.ua{white-space:nowrap}.ua .lnk{margin-inline:4px}
/* شاشات صغيرة: شريط سفلي + لوحة بتبقى أفقية */
.bnav{display:none}
@media(max-width:760px){
  .bnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:800;background:#0c0b14ee;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .bnav a,.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:var(--mut);font:inherit;font-size:11px;padding:6px 0;cursor:pointer}
  .bnav i{font-size:19px}.bnav .on{color:var(--b2)}
  body{padding-bottom:70px}.ai-fab{bottom:84px}.totop{bottom:130px}
  header nav{display:none}
  .adm{grid-template-columns:1fr}.adm-nav{position:static;flex-direction:row;overflow-x:auto}.adm-nav span{display:none}
  .cmp{grid-template-columns:1fr}
}
body.f-noai .ai-fab,body.f-noai .ai-panel{display:none!important}
/* Skeleton أنعم */
.sk{background:linear-gradient(100deg,var(--c) 30%,var(--c2) 50%,var(--c) 70%);background-size:300% 100%;border-radius:var(--r-m)}
@media(prefers-reduced-motion:reduce){.sk{animation:none}.card,.v9tile{transition:none}}
/* الوضع الفاتح */
html[data-theme=light]{--bg:#f4f3fb;--c:#ffffff;--c2:#ecebf6;--txt:#1b1a2b;--mut:#5b5873;--line:#0000001f;--glass:#0000000d}
html[data-theme=light] body{background:var(--bg);color:var(--txt)}
html[data-theme=light] :is(select,input,textarea,.adin){background:var(--c);color:var(--txt);border-color:var(--line)}
html[data-theme=light] :is(.chip,.btn.g,.back,.pg button,.stabs button,.nav a,.lnk,.ac,.box,.mb,.um,.um a,.srv li,.hr2,.soon,.cs){color:var(--txt)}
html[data-theme=light] :is(.box,.mb,.um,.v9b,.hr2,.soon,.cs,.srv li,.ac){background:var(--c);border-color:var(--line)}
html[data-theme=light] header.solid{background:#fffffff0}
html[data-theme=light] header.solid :is(nav a,.logo,.sbtn){color:var(--txt)}
html[data-theme=light] .hero :is(h2,p,.chip){color:#fff}
html[data-theme=light] .bnav{background:#fffffff2}
.um-install{color:#2ecc71;font-weight:700;cursor:pointer}

/* ===== v9.1: لوحة المدير الكاملة ===== */
.ddl{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.dd{display:flex;align-items:center;gap:8px;background:var(--c2);border:1px solid var(--line);border-radius:var(--r-m);padding:8px 10px}
.dd.drag{opacity:.4;border-color:var(--b)}.dd .adin{flex:1;min-width:0;margin:0}.dd .ck{white-space:nowrap;margin:0}
.dg{cursor:grab;color:var(--mut);font-size:18px;user-select:none;touch-action:none}
.bd{font-style:normal;background:#ff6b6b;color:#fff;border-radius:999px;padding:0 7px;font-size:11px;margin-inline-start:auto}.bd:empty{display:none}
.v9pv{position:fixed;top:0;inset-inline:0;z-index:1500;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--gold);color:#000;padding:8px 14px;font-weight:700}
.v9pv .btn{padding:6px 16px}
.v9page{line-height:2;font-size:16px;max-width:820px}
.adg label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut)}
body.f-nomood [data-act="moodPicker"]{display:none!important}
body.f-notop10 aside.aside{display:none!important}
body.f-nobottomnav .bnav{display:none!important}
body.f-noinstall .um-install{display:none!important}
body.f-nohero #hero{display:none!important}

.ftmdb{color:#777;font-size:12px;margin:6px 0 0}
.ep.seen{opacity:.6}
.epw{background:transparent;border:1px solid #555;color:#aaa;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;align-self:center;flex:none;margin-inline-start:8px}
.ep.seen .epw{background:#29bf12;border-color:#29bf12;color:#fff}
.epnext{display:inline-block;background:var(--b,#7c5cff);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;margin-inline-start:6px}
.epprog{font-size:12px;color:#999;margin:6px 0}
.v9cf textarea{min-height:90px}

.dsk{padding:20px 0}.dsk-h{height:min(46vw,360px);border-radius:10px}
.dsk-b{display:flex;gap:18px;margin-top:-60px;padding:0 16px;position:relative}
.dsk-p{flex:0 0 150px;aspect-ratio:2/3;border-radius:8px}
.dsk-t{flex:1;padding-top:70px;display:flex;flex-direction:column;gap:12px}
.dsk-t .sk{height:16px}.dsk-t .sk:first-child{height:28px;width:60%}.dsk-t .sk:last-child{width:80%}
@media(max-width:600px){.dsk-p{flex-basis:100px}}
.bdgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.bdg{background:#15151d;border:1px solid #262633;border-radius:12px;padding:14px;text-align:center}
.bdg .em{font-size:34px;line-height:1.2}.bdg.lock .em{filter:grayscale(1);opacity:.4}
.bdg h4{margin:6px 0 2px;font-size:15px}.bdg small{color:#999;display:block;font-size:12px}
.bdg .pb{height:6px;background:#262633;border-radius:6px;margin-top:10px;overflow:hidden}.bdg .pb i{display:block;height:100%;background:var(--b,#7c5cff)}