.ytx-root{--ytx-c:#0E7C86;--ytx-a:#F2A93B;--ytx-ink:#16242c;--ytx-mut:#5f6f78;--ytx-bg:#f5f8f9;--ytx-line:#dfe7ea;--ytx-ok:#1f9d55;--ytx-bad:#d64545;--ytx-warn:#e3a008;font-family:"IBM Plex Sans Arabic","Tajawal","Segoe UI",Tahoma,sans-serif;color:var(--ytx-ink);direction:rtl;text-align:right;line-height:1.7;font-size:16px}
.ytx-root *{box-sizing:border-box}
.ytx-root,.is-layout-constrained>.ytx-root,.entry-content>.ytx-root{max-width:1080px!important;width:100%;margin-left:auto!important;margin-right:auto!important}
.ytx-app{max-width:1080px;margin:0 auto;background:var(--ytx-bg);border-radius:18px;overflow:hidden;box-shadow:0 2px 18px rgba(0,0,0,.05)}
.ytx-loading,.ytx-err{padding:40px;text-align:center;color:var(--ytx-mut)}
.ytx-err{color:var(--ytx-bad)}
.ytx-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--ytx-line)}
.ytx-brand{display:flex;align-items:center;gap:10px}.ytx-brand img{height:36px;width:auto}.ytx-brand b{font-size:20px;color:var(--ytx-c)}.ytx-brand span{font-size:13px;color:var(--ytx-mut);border-right:2px solid var(--ytx-a);padding-right:10px}
.ytx-tabs{display:flex;gap:4px;flex-wrap:wrap}.ytx-tabs a{padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--ytx-ink);font-size:14px}.ytx-tabs a.on{background:var(--ytx-c);color:#fff}.ytx-tabs a:hover:not(.on){background:#eef4f5}
.ytx-sub{display:flex;gap:2px;padding:0 16px;background:#fff;border-bottom:1px solid var(--ytx-line);overflow-x:auto}.ytx-sub a{padding:12px 14px;text-decoration:none;color:var(--ytx-mut);border-bottom:3px solid transparent;white-space:nowrap;font-size:15px}.ytx-sub a.on{color:var(--ytx-c);border-color:var(--ytx-c);font-weight:600}
.ytx-main{padding:22px 20px 30px}
.ytx-main h2{font-size:22px;margin:0 0 8px}.ytx-h{font-size:17px;margin:26px 0 10px}.ytx-h small{color:var(--ytx-mut);font-weight:400}
.ytx-muted,.ytx-note{color:var(--ytx-mut);font-size:14px}.ytx-note{margin-top:8px}
/* العدّاد */
.ytx-cd{background:linear-gradient(120deg,var(--ytx-c),#0a5961);color:#fff;padding:14px 20px}
.ytx-cd-main{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.ytx-cd-lbl{display:flex;flex-direction:column}.ytx-cd-lbl span{font-size:13px;opacity:.85}.ytx-cd-lbl b{font-size:18px}.ytx-cd-lbl small{opacity:.9;font-size:13px}.ytx-cd-lbl small.reg{color:#ffe1a6}
.ytx-cd-units{display:flex;gap:8px;direction:rtl}.ytx-cd-units div{background:rgba(255,255,255,.14);border-radius:12px;min-width:66px;text-align:center;padding:6px 8px}.ytx-cd-units b{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}.ytx-cd-units span{font-size:12px;opacity:.85}
.ytx-cd-more{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:13px;opacity:.92;border-top:1px solid rgba(255,255,255,.2);padding-top:8px}
.ytx-cd-only .ytx-cd{border-radius:14px}
/* أزرار وعناصر */
.ytx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ytx-c);color:#fff!important;border:2px solid var(--ytx-c);border-radius:12px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:.15s}
.ytx-btn:hover{filter:brightness(1.07)}.ytx-btn:disabled{opacity:.45;cursor:default}
.ytx-btn.ghost{background:#fff;color:var(--ytx-c)!important}.ytx-btn.sm{padding:4px 12px;font-size:14px}.ytx-btn.lg{padding:13px 28px;font-size:18px}.ytx-btn.block{width:100%;margin-top:8px}
.ytx-link{background:none;border:0;color:var(--ytx-c);cursor:pointer;font:inherit;text-decoration:underline;padding:0}
.ytx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.ytx-row label{display:flex;gap:8px;align-items:center}
.ytx-row select,.ytx-row input{font:inherit;padding:6px 10px;border:1px solid var(--ytx-line);border-radius:10px;background:#fff}
.ytx-pill{display:inline-block;background:#eef4f5;border-radius:999px;padding:4px 12px;font-size:14px}.ytx-pill.ok{background:#e3f5ea;color:#17703e}.ytx-pill.bad{background:#fde8e8;color:#9b1c1c}
.ytx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ytx-chip{border:1px solid var(--ytx-line);background:#fff;border-radius:999px;padding:5px 13px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;color:var(--ytx-ink)}
.ytx-chip.on{background:var(--ytx-c);border-color:var(--ytx-c);color:#fff}.ytx-chip.go{border-color:var(--ytx-c);color:var(--ytx-c)}.ytx-chip.go:hover{background:var(--ytx-c);color:#fff}.ytx-chip.done{background:#e3f5ea;border-color:#bfe5cd;color:#17703e}
.ytx-card{background:#fff;border:1px solid var(--ytx-line);border-radius:16px;padding:16px 18px}
.ytx-card h3{margin:0 0 6px;font-size:17px}.ytx-card p{margin:0 0 12px;color:var(--ytx-mut);font-size:14.5px}
.ytx-card.hl{border:2px solid var(--ytx-a);box-shadow:0 4px 16px rgba(242,169,59,.18)}
.ytx-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.ytx-welcome{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.ytx-welcome h2{margin:0}.ytx-welcome p{margin:0;color:var(--ytx-mut)}
.ytx-rec{background:#fff8ec;border:1px solid #f6d9a6;border-radius:14px;padding:12px 16px;margin:16px 0}
.ytx-rec.big{background:#fff8ec;border-width:2px}.ytx-rec.big h3{margin:0 0 4px}.ytx-rec.big p{font-size:16.5px;margin:0}
.ytx-bar{display:inline-block;width:100%;max-width:160px;height:8px;background:#e8eef0;border-radius:9px;overflow:hidden;vertical-align:middle}.ytx-bar i{display:block;height:100%;background:#9fb3bb}.ytx-bar i.g{background:var(--ytx-ok)}.ytx-bar i.y{background:var(--ytx-warn)}.ytx-bar i.r{background:var(--ytx-bad)}
.ytx-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ytx-skill{background:#fff;border:1px solid var(--ytx-line);border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px}.ytx-skill:hover{border-color:var(--ytx-c)}.ytx-skill .ytx-bar{max-width:none}.ytx-skill small{color:var(--ytx-mut)}
.ytx-chart{width:100%;height:auto;background:#fff;border:1px solid var(--ytx-line);border-radius:14px}.ytx-chart line{stroke:#eef2f3}.ytx-chart polyline{fill:none;stroke:var(--ytx-c);stroke-width:2.5}.ytx-chart circle{fill:var(--ytx-c);stroke:#fff;stroke-width:2}.ytx-chart circle.diag{fill:#fff;stroke:var(--ytx-c)}.ytx-chart text{font-size:12px;fill:var(--ytx-ink)}
/* الضيف */
.ytx-hero{background:#fff;border-radius:16px;padding:28px;text-align:center;border:1px solid var(--ytx-line)}.ytx-hero h1{margin:0 0 6px;font-size:28px}.ytx-hero .lead{font-size:17px;max-width:680px;margin:10px auto}.ytx-hero .ytx-row{justify-content:center}.ytx-hero.sm{margin-bottom:18px}
.ytx-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.ytx-fcard{background:#fff;border-radius:14px;padding:16px;border:1px solid var(--ytx-line)}.ytx-fcard span{font-size:26px}.ytx-fcard b{display:block;margin:4px 0}.ytx-fcard p{margin:0;color:var(--ytx-mut);font-size:14.5px}
/* التدريب */
.ytx-pskills{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.ytx-pskills h4{grid-column:1/-1;margin:10px 0 0;color:var(--ytx-mut);font-size:14px}
.ytx-pskill{background:#fff;border:1px solid var(--ytx-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;font:inherit;text-align:right}.ytx-pskill.on{border:2px solid var(--ytx-c);background:#f0f9fa}.ytx-pskill .ytx-bar{max-width:none}.ytx-pskill small{color:var(--ytx-mut)}
.ytx-pset{margin-top:16px}
/* المشغّل */
.ytx-runner{max-width:860px;margin:0 auto}
.ytx-rhead{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:0;background:var(--ytx-bg);padding:6px 0;z-index:3}.ytx-rhead small{display:block;color:var(--ytx-mut)}
.ytx-timer{font-size:24px;font-weight:700;background:#fff;border:2px solid var(--ytx-c);color:var(--ytx-c);border-radius:12px;padding:2px 14px;font-variant-numeric:tabular-nums;direction:ltr}.ytx-timer.free{font-size:14px;border-color:var(--ytx-line);color:var(--ytx-mut)}.ytx-timer.warn{border-color:var(--ytx-warn);color:#a16207}.ytx-timer.crit{border-color:var(--ytx-bad);color:var(--ytx-bad);animation:ytxp 1s infinite}
@keyframes ytxp{50%{opacity:.55}}
.ytx-progress{height:6px;background:#e3eaec;border-radius:9px;overflow:hidden;margin:6px 0 14px}.ytx-progress i{display:block;height:100%;background:var(--ytx-a);transition:width .3s}
.ytx-passage{background:#fff;border:1px solid var(--ytx-line);border-radius:14px;padding:10px 16px;margin-bottom:12px}.ytx-passage summary{cursor:pointer;font-weight:600}.ytx-passage div{max-height:320px;overflow:auto;font-size:16px;line-height:2;padding-top:6px}
.ytx-q{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--ytx-line)}
.ytx-qmeta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:14px;color:var(--ytx-mut);margin-bottom:8px}
.ytx-tag{background:#eef4f5;border-radius:999px;padding:2px 10px}
.ytx-flagbtn{background:none;border:1px dashed var(--ytx-line);border-radius:999px;padding:2px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ytx-mut)}.ytx-flagbtn.on{border-color:var(--ytx-a);color:#a16207;background:#fff8ec}
.ytx-stem{font-size:18px;line-height:1.9;margin:6px 0 14px}.ytx-stem table{border-collapse:collapse;margin:8px 0}.ytx-stem td,.ytx-stem th{border:1px solid var(--ytx-line);padding:4px 10px;text-align:center}
.ytx-choices{display:grid;gap:9px}
.ytx-choice{display:flex;gap:12px;align-items:center;text-align:right;background:#fbfdfd;border:2px solid var(--ytx-line);border-radius:12px;padding:10px 14px;font:inherit;font-size:17px;cursor:pointer;transition:.12s}
.ytx-choice i{font-style:normal;width:30px;height:30px;flex:none;border-radius:50%;background:#e8eff1;display:grid;place-items:center;font-weight:700}
.ytx-choice:hover:not(:disabled){border-color:var(--ytx-c)}
.ytx-choice.sel{border-color:var(--ytx-c);background:#eef8f9}.ytx-choice.sel i{background:var(--ytx-c);color:#fff}
.ytx-choice.right{border-color:var(--ytx-ok);background:#ecf8f1}.ytx-choice.right i{background:var(--ytx-ok);color:#fff}
.ytx-choice.wrong{border-color:var(--ytx-bad);background:#fdf0f0}.ytx-choice.wrong i{background:var(--ytx-bad);color:#fff}
.ytx-choice.gone{opacity:.3;text-decoration:line-through;pointer-events:none}
.ytx-choice:disabled{cursor:default;color:inherit;opacity:1}
.ytx-hints{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:14px;color:var(--ytx-mut)}.ytx-hints button{border:1px solid #f6d9a6;background:#fff8ec;border-radius:999px;padding:4px 12px;font:inherit;font-size:14px;cursor:pointer}.ytx-hints button.used{opacity:.55}
.ytx-hint{margin-top:10px;border-radius:12px;padding:10px 14px;background:#fff8ec;border-right:4px solid var(--ytx-a)}.ytx-hint p{margin:4px 0 0}
.ytx-fb{margin-top:14px;border-radius:12px;padding:12px 16px;background:#f6fbf8;border-right:4px solid var(--ytx-ok)}.ytx-fb.bad{background:#fdf6f6;border-color:var(--ytx-bad)}
.ytx-fb h5{margin:10px 0 2px;font-size:14px}.ytx-fb .ytx-trap{background:#fff8ec;border-radius:10px;padding:6px 10px;margin-top:8px}.ytx-fb .ytx-close{color:var(--ytx-mut)}
.ytx-rfoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:14px 0}
.ytx-qnav{display:flex;flex-wrap:wrap;gap:6px;background:#fff;border:1px solid var(--ytx-line);border-radius:14px;padding:10px}
.ytx-qnav button{width:36px;height:36px;border-radius:9px;border:1px solid var(--ytx-line);background:#fff;font:inherit;font-size:14px;cursor:pointer;position:relative}
.ytx-qnav .ans{background:#e6f3f4;border-color:#b8dade}.ytx-qnav .cur{outline:2px solid var(--ytx-c)}.ytx-qnav .flag::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--ytx-a)}
.ytx-qnav .ok{background:#e3f5ea;border-color:#9fd6b4}.ytx-qnav .bad{background:#fde8e8;border-color:#f3b4b4}
.ytx-report-err{text-align:center;font-size:13px;margin-top:10px}
.ytx-inter{max-width:620px;margin:20px auto;background:#fff;border-radius:18px;padding:26px;border:1px solid var(--ytx-line);text-align:center}.ytx-inter .ytx-ul{text-align:right}
.ytx-ul{padding-right:20px}.ytx-ul li{margin:4px 0}
/* التقرير */
.ytx-rep-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#fff;border-radius:16px;padding:18px;border:1px solid var(--ytx-line)}.ytx-rep-head>div:last-child{flex:1;min-width:260px}.ytx-rep-head h2{margin:0}
.ytx-ring{--v:0;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--ytx-c) calc(var(--v)*1%),#e8eef0 0);display:grid;place-items:center;position:relative;flex:none}
.ytx-ring::before{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.ytx-ring b,.ytx-ring small{position:relative;z-index:1}.ytx-ring b{font-size:32px;margin-top:18px}.ytx-ring small{font-size:11px;color:var(--ytx-mut);margin-top:-26px;text-align:center;max-width:80px;line-height:1.2}
.ytx-delta.up{color:var(--ytx-ok);font-weight:600}.ytx-delta.down{color:var(--ytx-bad);font-weight:600}
.ytx-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--ytx-line)}.ytx-tbl th,.ytx-tbl td{padding:9px 12px;border-bottom:1px solid var(--ytx-line);text-align:right;font-size:15px}.ytx-tbl th{background:#f0f5f6;font-weight:600}.ytx-tbl .ytx-bar{width:90px}.ytx-tbl .slow{color:#a16207;font-weight:600}
.ytx-rvq{background:#fff;border:1px solid var(--ytx-line);border-right:4px solid var(--ytx-line);border-radius:12px;padding:12px 16px;margin:10px 0}.ytx-rvq.ok{border-right-color:var(--ytx-ok)}.ytx-rvq.bad{border-right-color:var(--ytx-bad)}.ytx-rvq.skip{border-right-color:var(--ytx-warn)}
.ytx-olist{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px}.ytx-olist li{padding:4px 10px;border-radius:8px}.ytx-olist li i{font-style:normal;font-weight:700;margin-left:6px}.ytx-olist li.right{background:#ecf8f1;color:#17703e}.ytx-olist li.wrong{background:#fdf0f0;color:#9b1c1c}
.ytx-rvq:not(.shown) .ytx-reveal ~ *{display:none}
.ytx-reveal summary{cursor:pointer;color:var(--ytx-c);font-weight:600;margin-top:6px}
.ytx-exgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.ytx-card.ex{text-decoration:none;color:inherit}.ytx-card.ex:hover{border-color:var(--ytx-c)}.ytx-card.ex small{color:#a16207}
.ytx-traps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.ytx-trapc{background:#fff8ec;border:1px solid #f6d9a6;border-radius:12px;padding:10px 14px}.ytx-trapc p{margin:4px 0 0;font-size:14.5px}
/* الخطة */
.ytx-pinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0}.ytx-pinfo div{background:#fff;border:1px solid var(--ytx-line);border-radius:12px;padding:10px;text-align:center}.ytx-pinfo b{display:block;font-size:20px;color:var(--ytx-c)}.ytx-pinfo small{color:var(--ytx-mut)}
.ytx-plist{display:grid;gap:8px;max-height:620px;overflow:auto;padding:4px}
.ytx-pwrap{position:relative}.ytx-pwrap.past{opacity:.6}.ytx-pwrap.today .ytx-pday{border:2px solid var(--ytx-a)}
.ytx-today{position:absolute;top:-8px;left:12px;background:var(--ytx-a);color:#fff;border-radius:999px;padding:0 10px;font-size:12px;z-index:1}
.ytx-pday{display:flex;gap:12px;background:#fff;border:1px solid var(--ytx-line);border-radius:12px;padding:10px 12px}.ytx-pday.done{background:#f6fbf8}
.ytx-pdate{min-width:76px;text-align:center;border-left:1px solid var(--ytx-line);padding-left:10px}.ytx-pdate b{display:block;font-size:20px}.ytx-pdate small{font-size:11.5px;color:var(--ytx-mut)}
.ytx-pbody{flex:1;font-size:14.5px}.ytx-pitems{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ytx-ptype{display:inline-block;border-radius:6px;padding:0 8px;font-size:12.5px;font-weight:600;background:#eef4f5}.ytx-ptype.sim{background:#e8e3fb;color:#4b2fb0}.ytx-ptype.diag{background:#fff2d6;color:#8a5a00}.ytx-ptype.retest{background:#e3f0fb;color:#1f5f9b}.ytx-ptype.review{background:#e3f5ea;color:#17703e}
.ytx-more{margin-top:18px}.ytx-more summary{cursor:pointer;color:var(--ytx-c);font-weight:600;margin-bottom:10px}
/* الباقات */
.ytx-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ytx-pack{background:#fff;border:1px solid var(--ytx-line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
.ytx-pack.gat,.ytx-pack.saat{border-top:5px solid var(--ytx-c)}.ytx-pack.levels,.ytx-pack.conv{border-top:5px solid var(--ytx-a)}
.ytx-pk-h span{font-size:30px}.ytx-pk-h h2{margin:2px 0 0;font-size:20px}.ytx-pk-h small{color:var(--ytx-mut)}
.ytx-pack ul{padding-right:18px;margin:6px 0;font-size:14px;color:var(--ytx-mut)}
.ytx-plan{border:1px solid var(--ytx-line);border-radius:12px;padding:10px;position:relative;margin-top:6px}.ytx-plan.feat{border:2px solid var(--ytx-a)}.ytx-plan>i{position:absolute;top:-10px;left:10px;background:var(--ytx-a);color:#fff;font-style:normal;font-size:12px;border-radius:999px;padding:0 9px}
.ytx-plan small{color:var(--ytx-mut);font-size:12.5px}.ytx-price{font-size:26px;font-weight:700;color:var(--ytx-c)}.ytx-price small{font-size:14px}
.ytx-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#16242c;color:#fff;padding:10px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:99999;font-family:inherit;direction:rtl;max-width:90vw}.ytx-toast.on{opacity:1;transform:translate(-50%,0)}.ytx-toast.bad{background:var(--ytx-bad)}
@media (max-width:640px){.ytx-main{padding:16px 12px}.ytx-cd-units div{min-width:54px}.ytx-cd-units b{font-size:21px}.ytx-stem{font-size:17px}.ytx-choice{font-size:16px}.ytx-pdate{min-width:58px}.ytx-tabs a{padding:6px 9px;font-size:13px}.ytx-tbl th,.ytx-tbl td{padding:7px 6px;font-size:13.5px}}
/* ===== 1.1: المشاركة والإحالات والمميزات ===== */
.ytx-sharebtn{background:var(--ytx-a);color:#fff;border:0;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ytx-modal{position:fixed;inset:0;background:rgba(10,25,30,.55);z-index:99998;display:grid;place-items:center;padding:16px;font-family:"IBM Plex Sans Arabic","Tajawal","Segoe UI",Tahoma,sans-serif;text-align:right}
.ytx-modal,.ytx-modal *{box-sizing:border-box}
.ytx-mbox{background:#fff;border-radius:18px;max-width:480px;width:100%;padding:22px;position:relative;color:#16242c;line-height:1.7}.ytx-mbox h3{margin:0 0 6px}
.ytx-x{position:absolute;top:10px;left:12px;border:0;background:#eef4f5;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}
.ytx-copyrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.ytx-copyrow input{flex:1;min-width:0;font:inherit;padding:8px 10px;border:1px solid #dfe7ea;border-radius:10px;background:#f5f8f9}
.ytx-shares{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ytx-shares a,.ytx-shares button{flex:1;min-width:90px;text-align:center;border-radius:10px;padding:9px;color:#fff;text-decoration:none;font:inherit;font-weight:600;border:0;cursor:pointer}
.ytx-shares .wa{background:#25D366}.ytx-shares .x{background:#111}.ytx-shares .tg{background:#229ED9}.ytx-shares .sn{background:#5f6f78}.ytx-shares .nt{background:#0E7C86}
.ytx-refcode{display:grid;grid-template-columns:auto 1fr;gap:12px;background:#fff;border:2px dashed var(--ytx-a);border-radius:16px;padding:14px;margin:12px 0}
.ytx-refcode>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ytx-refcode small{width:100%;color:var(--ytx-mut)}.ytx-refcode b{font-size:26px;letter-spacing:2px;color:var(--ytx-c)}
.ytx-reflink input{flex:1;min-width:180px;font:inherit;padding:6px 10px;border:1px solid var(--ytx-line);border-radius:10px;background:#f5f8f9}
.ytx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}
.ytx-kpis .ytx-kpi{background:#fff;border:1px solid var(--ytx-line);border-radius:14px;padding:12px;text-align:center}.ytx-kpis .ytx-kpi b{display:block;font-size:24px;color:var(--ytx-c)}.ytx-kpis .ytx-kpi small{color:var(--ytx-mut)}
.ytx-kpis .ytx-kpi.hi{background:#fff8ec;border-color:#f6d9a6}.ytx-kpis .ytx-kpi.hi b{color:#a16207}.ytx-kpis .ytx-kpi.ok b{color:var(--ytx-ok)}
.ytx-links{display:grid;gap:8px}.ytx-lrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border:1px solid var(--ytx-line);border-radius:12px;padding:8px 12px}.ytx-lrow span{min-width:200px;font-weight:600}.ytx-lrow input{flex:1;min-width:160px;font:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--ytx-line);border-radius:8px;background:#f5f8f9}
.ytx-refstrip{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff8ec,#fff);border:1px solid #f6d9a6;border-radius:16px;padding:14px 18px;margin:20px 0}.ytx-refstrip b{display:block;font-size:17px}.ytx-refstrip span{color:var(--ytx-mut);font-size:14px}
.ytx-price s{color:var(--ytx-mut);font-size:16px;font-weight:400}
.ytx-fbanner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;text-decoration:none;color:#fff!important;background:linear-gradient(110deg,#0a5961 0%,#0E7C86 45%,#4b2fb0 100%);border-radius:18px;padding:18px 22px;margin:0 0 18px;box-shadow:0 6px 22px rgba(14,124,134,.25);position:relative;overflow:hidden}
.ytx-fbanner::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(242,169,59,.25);left:-60px;top:-90px}
.ytx-fb-txt{position:relative;z-index:1;flex:1;min-width:240px}.ytx-fb-txt b{display:block;font-size:20px}.ytx-fb-txt span{opacity:.92;font-size:14.5px}
.ytx-fb-icons{display:flex;gap:6px;position:relative;z-index:1}.ytx-fb-icons i{font-style:normal;font-size:26px;background:rgba(255,255,255,.15);border-radius:12px;width:46px;height:46px;display:grid;place-items:center}
.ytx-fb-go{position:relative;z-index:1;background:var(--ytx-a);color:#fff;border-radius:999px;padding:8px 16px;font-weight:700;white-space:nowrap}
.ytx-fbanner.compact{padding:12px 18px}.ytx-fbanner.compact .ytx-fb-txt b{font-size:17px}.ytx-fbanner.compact .ytx-fb-icons{display:none}
.ytx-banner-only .ytx-fbanner{margin:0}
.ytx-choose{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.ytx-choice-banner{--bc:#0E7C86;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff!important;background:linear-gradient(150deg,var(--bc),#16242c 140%);border-radius:20px;padding:24px 20px;min-height:210px;position:relative;overflow:hidden;transition:.2s;border:3px solid transparent}
.ytx-choice-banner:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.18)}.ytx-choice-banner.on{border-color:#fff;box-shadow:0 0 0 3px var(--bc)}
.ytx-choice-banner .ic{font-size:44px}.ytx-choice-banner b{font-size:21px;line-height:1.4}.ytx-choice-banner small{opacity:.9;font-size:15px}.ytx-choice-banner em{margin-top:auto;font-style:normal;background:rgba(255,255,255,.18);border-radius:999px;padding:5px 14px;align-self:flex-start;font-weight:600}
.ytx-detail{--bc:#0E7C86;margin-top:22px;background:#fff;border-radius:20px;padding:22px;border:1px solid var(--ytx-line);border-top:6px solid var(--bc)}
.ytx-dhead{display:flex;gap:16px;align-items:flex-start}.ytx-dhead>span{font-size:46px}.ytx-dhead h2{margin:0}.ytx-dhead p{margin:4px 0 0;font-size:17px;color:var(--ytx-mut)}
.ytx-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.ytx-fitem{background:var(--ytx-bg);border-radius:14px;padding:14px}.ytx-fitem span{font-size:26px}.ytx-fitem b{display:block;margin:4px 0}.ytx-fitem p{margin:0;font-size:14.5px;color:var(--ytx-mut)}
.ytx-specs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px}.ytx-specs li{background:#f0f9fa;border-radius:10px;padding:8px 12px}
.ytx-push{margin-top:20px;background:linear-gradient(120deg,#fff8ec,#fff);border:2px solid var(--ytx-a);border-radius:16px;padding:18px}.ytx-push h3{margin:0 0 6px}.ytx-push p{font-size:16.5px;margin:0 0 8px}
@media (max-width:640px){.ytx-refcode{grid-template-columns:1fr}.ytx-lrow span{min-width:0;width:100%}.ytx-choice-banner{min-height:170px}.ytx-dhead{flex-direction:column}}

/* ===== 5.0: هوية يومي توك ===== */
.ytx-root{--ytx-c:#3a1fd8;--ytx-a:#fe9501;--ytx-ink:#0b1230;--ytx-mut:#4b5374;--ytx-bg:#f5f7fc;--ytx-line:#e5e8f2;--ytx-grad:linear-gradient(135deg,#01a5f6 0%,#181cb6 52%,#6a0ee8 100%);--ytx-deep:#050b2e;
  font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif;background:var(--ytx-bg);min-height:100vh}
.ytx-root,.is-layout-constrained>.ytx-root,.entry-content>.ytx-root{max-width:none!important}
.ytx-app{max-width:none;border-radius:0;box-shadow:none;background:var(--ytx-bg)}
.ytx-loading{display:grid;place-items:center;min-height:60vh}.ytx-spin{width:32px;height:32px;border:3px solid var(--ytx-line);border-top-color:var(--ytx-c);border-radius:50%;animation:ytxspin .8s linear infinite;display:inline-block}@keyframes ytxspin{to{transform:rotate(360deg)}}
.ytx-head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--ytx-line);padding:10px max(20px,calc((100vw - 1180px)/2));gap:16px}
.ytx-brand img{height:40px;width:auto;display:block}.ytx-brand span{display:none}
.ytx-tabs{flex:1;justify-content:center}.ytx-tabs a{display:inline-flex;gap:6px;align-items:center;color:var(--ytx-ink);font-weight:600;font-size:14.5px;padding:8px 14px;border-radius:12px}
.ytx-tabs a span{font-size:15px}.ytx-tabs a.on{background:var(--ytx-grad);color:#fff;box-shadow:0 8px 18px -10px rgba(24,28,182,.6)}.ytx-tabs a:hover:not(.on){background:#eef2ff}
.ytx-hact{display:flex;gap:8px;align-items:center}
.ytx-me{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ytx-ink);font-weight:600;border:1px solid var(--ytx-line);border-radius:999px;padding:3px 12px 3px 4px}.ytx-me i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--ytx-grad);color:#fff;display:grid;place-items:center}
.ytx-sharebtn{background:var(--ytx-a);border-radius:12px}
.ytx-btn{background:var(--ytx-grad);border:0;border-radius:14px;padding:10px 20px;box-shadow:0 10px 22px -14px rgba(24,28,182,.7)}
.ytx-btn:hover{filter:none;transform:translateY(-1px)}
.ytx-btn.ghost{background:#fff;color:var(--ytx-ink)!important;border:1.5px solid var(--ytx-line);box-shadow:none}.ytx-btn.ghost:hover{border-color:var(--ytx-c)}
.ytx-btn.sm{border-radius:10px}
.ytx-cd{background:var(--ytx-deep);background-image:radial-gradient(circle at 15% 0,rgba(1,165,246,.35),transparent 45%),radial-gradient(circle at 90% 100%,rgba(106,14,232,.45),transparent 50%);padding:16px max(20px,calc((100vw - 1180px)/2))}
.ytx-cd-units div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px}
.ytx-cd-lbl small.reg{color:#ffc266}
.ytx-sub{padding:0 max(16px,calc((100vw - 1180px)/2))}.ytx-sub a.on{color:var(--ytx-c);border-color:var(--ytx-a)}
.ytx-main{max-width:1180px;margin:0 auto;padding:24px 20px 60px}
.ytx-card,.ytx-q,.ytx-pack,.ytx-detail,.ytx-hero,.ytx-rep-head,.ytx-fcard,.ytx-skill,.ytx-pskill,.ytx-pday,.ytx-tbl,.ytx-rvq,.ytx-kpis .ytx-kpi,.ytx-lrow,.ytx-inter{border-color:var(--ytx-line);border-radius:20px;box-shadow:0 1px 2px rgba(5,11,46,.04),0 12px 32px -18px rgba(5,11,46,.12)}
.ytx-hero{background:#fff}.ytx-hero h1{font-weight:800}
.ytx-card.hl{border-color:var(--ytx-a);box-shadow:0 10px 30px -16px rgba(254,149,1,.6)}
.ytx-choice{border-radius:14px}.ytx-choice.sel{border-color:var(--ytx-c);background:#eef2ff}.ytx-choice.sel i{background:var(--ytx-grad)}
.ytx-timer{border-color:var(--ytx-c);color:var(--ytx-c);border-radius:14px}
.ytx-progress i{background:var(--ytx-grad)}
.ytx-ring{background:conic-gradient(#3a1fd8 calc(var(--v)*1%),#e5e8f2 0)}
.ytx-rec{background:#fff7ed;border-color:#fed7aa;border-radius:18px}
.ytx-fbanner{background:var(--ytx-deep);background-image:radial-gradient(circle at 10% 0,rgba(1,165,246,.45),transparent 45%),radial-gradient(circle at 95% 100%,rgba(106,14,232,.55),transparent 55%);border-radius:22px}
.ytx-fbanner::after{background:rgba(254,149,1,.18)}.ytx-fb-go{background:var(--ytx-a)}
.ytx-pack.gat,.ytx-pack.saat{border-top:5px solid #3a1fd8}.ytx-pack.levels,.ytx-pack.conv{border-top:5px solid #01a5f6}
.ytx-price{color:var(--ytx-c)}.ytx-plan.feat{border-color:var(--ytx-a)}.ytx-plan>i{background:var(--ytx-a)}
.ytx-bundle{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;background:var(--ytx-deep);background-image:radial-gradient(circle at 0 0,rgba(1,165,246,.35),transparent 50%);color:#fff;border-radius:20px;padding:18px 20px}
.ytx-bundle b{display:block;font-size:18px}.ytx-bundle span{opacity:.85;font-size:14px}.ytx-bundle .ytx-btn.ghost{background:rgba(255,255,255,.1);color:#fff!important;border-color:rgba(255,255,255,.3)}.ytx-bundle s{opacity:.7}
.ytx-choice-banner{border-radius:24px}
.ytx-detail{border-top-width:6px}
.ytx-kpis .ytx-kpi b{color:var(--ytx-c)}
.ytx-refcode{border-color:var(--ytx-a);border-radius:20px}
.ytx-refstrip{background:#fff7ed;border-color:#fed7aa;border-radius:20px}
.ytx-toast{background:var(--ytx-deep)}
@media (max-width:860px){.ytx-head{flex-wrap:wrap;padding:8px 12px}.ytx-brand img{height:32px}.ytx-tabs{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.ytx-tabs a{white-space:nowrap;font-size:13.5px;padding:6px 10px}.ytx-me b{display:none}.ytx-sharebtn{font-size:12.5px;padding:6px 10px}}
/* 5.2: المحتوى المقفل */
.ytx-app .ytx-lock{font-style:normal;font-size:.8em;margin-inline-start:6px;opacity:.85}
.ytx-app .ytx-fcard.locked{position:relative;text-decoration:none;color:inherit;display:block}
.ytx-app .ytx-fcard.locked .ytx-lock{position:absolute;top:12px;left:12px;background:#fff4e5;border-radius:999px;padding:4px 8px;margin:0}
.ytx-app .ytx-fcard.locked:hover{transform:translateY(-2px)}
.ytx-app .ytx-rec.lockrec{background:#fff8ec;border-color:#fed7aa;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ytx-app .ytx-pill.lock{background:#fff4e5;color:#b45309}
.ytx-app .lockb{border-color:#fed7aa;color:#b45309}
.ytx-rhead{top:var(--ytk-gbar,0px)}
