/* innow — تیره، مینیمال، پریمیوم. Mobile-first، با ویژگی‌های منطقی (RTL/LTR). */
:root{color-scheme:dark;--bg:#0a0a0f;--s1:#13131b;--s2:#1b1b26;--s3:#252533;--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.2);--tx:#f4f4f8;--tx2:#d6d7e2;--tx3:#e2e3ec;--mu:#9a9db0;--ac:#8b7bff;--ac2:#ff7ab8;--acs:rgba(139,123,255,.16);--on-ac:#0a0a0f;--pri-a:#8b7bff;--pri-b:#6d5cf0;--pri-tx:#fff;--ok:#46d39a;--err:#ff6b7a;--warn:#ffc857;--yel:#ffe08a;--hov:rgba(255,255,255,.08);--trk:rgba(255,255,255,.18);--gl:rgba(255,255,255,.05);--inv:rgba(0,0,0,.12);--bar-a:rgba(10,10,15,.82);--bn-a:rgba(14,14,20,.94);--scrim:rgba(0,0,0,.55);--shc:rgba(0,0,0,.6);--shm:rgba(0,0,0,.45);--shh:rgba(0,0,0,.8);--cover:#1a1a28;--glow:rgba(139,123,255,.4);--r:20px;--rs:12px;--side:264px;--nav:64px;--d:1;--ff:Vazirmatn,Inter,"Segoe UI",Tahoma,system-ui,sans-serif}
html[dir=ltr]{--d:-1}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.8 var(--ff);-webkit-tap-highlight-color:transparent;padding-block-end:calc(var(--nav) + env(safe-area-inset-bottom,0px))}
body.has-mini{padding-block-end:calc(var(--nav) + 84px + env(safe-area-inset-bottom,0px))}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer;padding:0}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.4;margin:0}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:fixed;inset-block-start:-60px;inset-inline-start:12px;z-index:100;background:var(--ac);color:var(--on-ac);padding:8px 14px;border-radius:10px;font-weight:700}
.skip:focus{inset-block-start:12px}
.mu{color:var(--mu)}.center{text-align:center}.grow{flex:1}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mo{display:inline-grid}

/* ---- چیدمان ---- */
.app{display:block;min-height:100vh}
.side{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,300px);z-index:60;background:var(--s1);border-inline-end:1px solid var(--ln);transform:translateX(calc(var(--d) * 100%));transition:transform .25s ease;overflow:auto;padding-block:env(safe-area-inset-top,0px)}
.menu-open .side{transform:none;box-shadow:0 0 60px var(--shc)}
.scrim{position:fixed;inset:0;background:var(--scrim);z-index:55}
.side__in{display:flex;flex-direction:column;gap:4px;min-height:100%;padding:20px 14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;padding:4px 10px 16px}
.logo i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;color:var(--on-ac)}
.logo img{max-height:42px;width:auto}
.nav{display:flex;flex-direction:column;gap:3px}
.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.nv,.nav__list a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;color:var(--mu);font-weight:600;transition:.15s;min-height:44px}
.nv:hover,.nav__list a:hover{background:var(--s1);color:var(--tx)}
.nv.on,.nav__list .current-menu-item a{background:var(--acs);color:var(--ac)}
.nvh{margin:18px 14px 4px;font-size:.78rem;font-weight:700;color:var(--mu)}
.side__user{margin-block-start:auto;padding-block-start:16px;display:flex;align-items:center;gap:8px}
.uc{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.uc img{border-radius:50%;width:40px;height:40px}.uc b{display:block;line-height:1.3}.uc small{color:var(--mu)}a.uc{color:inherit;text-decoration:none;border-radius:14px;padding:4px;margin:-4px;transition:background .2s}a.uc:hover,a.uc:focus-visible{background:var(--s2)}
.col{min-width:0}
.top{position:sticky;inset-block-start:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-block-start:calc(10px + env(safe-area-inset-top,0px));background:var(--bar-a);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.top__logo{font-weight:800}
.sbox{position:relative;flex:1;max-width:520px;display:flex;align-items:center;gap:10px;padding:0 16px;height:44px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--mu)}
.sbox input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:.95rem}
.sbox:focus-within{border-color:var(--ac)}
.sbox--lg{margin:20px auto;max-width:420px}
.live{position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);box-shadow:0 20px 60px var(--shc);max-height:70vh;overflow:auto;padding:6px;z-index:50}
.live a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:14px}
.live a:hover,.live a:focus{background:var(--s2)}
.live .art{width:44px;border-radius:10px;flex:none}
.live b{display:block;line-height:1.4;color:var(--tx)}.live small{color:var(--mu)}.live em{display:block;font-style:normal;color:var(--ac);font-size:.82rem}
.live__all{justify-content:center;color:var(--ac);font-weight:700}.live__none{padding:14px;color:var(--mu);margin:0}
.pg{padding:8px 16px 48px;max-width:1240px;margin-inline:auto;width:100%}
.pg--narrow{max-width:760px}
.pg__head{margin-block:14px 6px}
.pg__title{font-size:1.7rem;font-weight:800;margin-block:14px 6px}
.sec{display:flex;justify-content:space-between;align-items:baseline;font-size:1.25rem;font-weight:800;margin-block:30px 12px}
.sec a{font-size:.85rem;color:var(--mu);font-weight:600}.sec a:hover{color:var(--tx)}
.site-footer{padding:24px 16px;text-align:center;color:var(--mu);font-size:.85rem;border-block-start:1px solid var(--ln)}
.foot-nav{list-style:none;display:flex;gap:16px;justify-content:center;margin:0 0 8px;padding:0}
.prose{color:var(--tx2)}.prose p{margin:0 0 1em}

/* ---- ناوبری پایین (موبایل) ---- */
.bnav{position:fixed;inset-inline:0;inset-block-end:0;z-index:45;height:calc(var(--nav) + env(safe-area-inset-bottom,0px));padding-block-end:env(safe-area-inset-bottom,0px);display:flex;background:var(--bn-a);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-start:1px solid var(--ln)}
.bn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--mu);font-size:.7rem;font-weight:600;min-height:44px}
.bn .ic{width:24px;height:24px}.bn.on{color:var(--ac)}
/* ---- مینی‌پلیر ---- */
.mini{position:fixed;inset-inline:10px;inset-block-end:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 8px);z-index:44;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--s2);border:1px solid var(--ln);border-radius:18px;box-shadow:0 12px 40px var(--shm);overflow:hidden}
.mini[hidden]{display:none}
.mini__art .art{width:48px;border-radius:12px}
.mini__txt{flex:1;min-width:0;line-height:1.4}.mini__txt b,.mini__txt small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__txt small{color:var(--mu)}
.mini__bar{position:absolute;inset-inline:0;inset-block-end:0;height:3px;background:var(--hov)}.mini__bar b{display:block;height:100%;width:0;background:var(--ac)}
.i-pause{display:none}.is-playing>.i-play,.is-playing .i-play{display:none}.is-playing>.i-pause,.is-playing .i-pause{display:inline-flex}
.mini .i-pause{display:none}.mini.is-playing .i-play{display:none}.mini.is-playing .i-pause{display:inline-flex}
.ib{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;color:var(--mu);transition:.15s;flex:none}
.ib:hover{color:var(--tx);background:var(--s3)}.ib.is-on,.ib[aria-pressed=true]{color:var(--ac)}
.ib.is-one::after{content:"1";position:absolute;font-size:.6rem;font-weight:800}

/* ---- دکمه و چیپ ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--s2);border:1px solid var(--ln);font-weight:700;font-size:.92rem;transition:.15s;cursor:pointer}
.btn:hover{background:var(--s3)}
.btn--pri{background:linear-gradient(135deg,var(--pri-a),var(--pri-b));border-color:transparent;color:var(--pri-tx)}.btn--pri:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--pri-a),var(--pri-b))}
.btn--sm{min-height:36px;padding:0 14px;font-size:.84rem}.btn--block{width:100%}
.btn.on,.btn[aria-pressed=true]{color:var(--ac2);border-color:var(--ac2)}.btn.on .ic,.btn[aria-pressed=true] .ic{fill:currentColor}
.btn:disabled{opacity:.5}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}
.chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block:4px}.chips--scroll::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--mu);font-size:.86rem;font-weight:600;white-space:nowrap;cursor:pointer}
.chip:hover{color:var(--tx)}.chip.on,.chip[aria-pressed=true]{background:var(--acs);color:var(--ac);border-color:transparent}.chip .ic{width:16px;height:16px}
.lv{display:inline-flex;align-items:center;gap:5px;padding:0 9px;border-radius:999px;font-size:.72rem;font-weight:800;background:var(--hov);line-height:22px}
.lv i{width:7px;height:7px;border-radius:50%;background:currentColor}.lv--easy{color:var(--ok)}.lv--mid{color:var(--warn)}.lv--adv{color:var(--err)}

/* ---- کاور ---- */
.art{position:relative;display:block;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 25% 20%,hsl(var(--h) 80% 62%/.9),transparent 55%),radial-gradient(circle at 80% 85%,hsl(calc(var(--h) + 50) 75% 45%/.8),transparent 50%),hsl(var(--h) 45% 14%)}
.art--poster{aspect-ratio:2/3}.art--wide{aspect-ratio:16/9}.art--round{border-radius:50%}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art__ic{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:2rem;font-weight:800}.art__ic .ic{width:38%;height:38%;opacity:.8}
/* ---- کارت و قفسه ---- */
.shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}
.shelf .card{flex:0 0 150px;scroll-snap-align:start}.shelf .card--poster{flex-basis:140px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:18px}
.card{position:relative;min-width:0}
.card__link{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--r);transition:.2s}
.card__link:hover{background:var(--s1)}
.card__link:hover .art{transform:translateY(-2px);box-shadow:0 14px 30px var(--shm)}
.card .art{transition:.2s;margin-block-end:6px}
.card__type{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--mu)}.card__type .ic{width:13px;height:13px}
.card__title{font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__sub{font-size:.82rem;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__lv{margin-block-start:2px}
.card__fav{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(10,10,15,.6);backdrop-filter:blur(8px);color:#fff;opacity:0;transition:.2s}
.card:hover .card__fav,.card__fav:focus-visible,.card__fav.is-on{opacity:1}.card__fav.is-on{color:var(--ac2)}.card__fav.is-on .ic{fill:currentColor}.card__fav .ic{width:18px;height:18px}
@media (hover:none){.card__fav{opacity:1}}
.av{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.av .art{width:100px}
.pager{display:flex;justify-content:center;gap:6px;margin-block:24px;flex-wrap:wrap}.pager .page-numbers{min-width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;background:var(--s1);padding:0 12px}.pager .current{background:var(--acs);color:var(--ac)}
/* ---- Hero ---- */
.hero{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--ln);background:radial-gradient(circle at 15% 10%,hsl(var(--h) 70% 40%/.55),transparent 55%),radial-gradient(circle at 90% 90%,hsl(calc(var(--h) + 60) 70% 35%/.5),transparent 55%),var(--s1);margin-block-start:10px}
.hero__bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(36px) brightness(.5) saturate(1.3)}
.hero__in{position:relative;display:flex;flex-direction:column;gap:18px;padding:20px}
.hero__art{width:46%;max-width:220px}.hero h1{font-size:1.8rem;font-weight:800;margin-block:6px}
.hero__d{color:var(--tx2);margin:6px 0 14px}.kick{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--ac)}.kick .ic{width:15px;height:15px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
/* ---- فیلتر ---- */
.filters{margin-block:10px}.filters__row{display:flex;flex-wrap:wrap;gap:8px}
.filters select,.form input,.form select{background:var(--s1);border:1px solid var(--ln);border-radius:14px;min-height:44px;padding:0 14px;color:var(--tx)}
.filters select{max-width:100%}
/* ---- خالی/خطا ---- */
.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 16px;color:var(--mu);border:1px dashed var(--ln);border-radius:var(--r);margin-block:14px}
.empty .ic{width:40px;height:40px;opacity:.6}.empty__t{margin:0;color:var(--tx);font-weight:700}.empty__s{margin:0;font-size:.9rem}
.flash{padding:12px 16px;border-radius:14px;margin-block:12px;font-size:.92rem}.flash--ok{background:rgba(70,211,154,.12);color:var(--ok)}.flash--err{background:rgba(255,107,122,.12);color:var(--err)}
.toasts{position:fixed;inset-inline:0;inset-block-end:calc(var(--nav) + 100px);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{background:var(--s3);border:1px solid var(--ln);padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px var(--shm);font-size:.9rem;transition:.3s}.toast--err{color:var(--err)}.toast.out{opacity:0;transform:translateY(8px)}

/* ---- صفحه‌ی محتوا ---- */
.sg{display:flex;flex-direction:column;gap:16px}
.sg__main{display:contents}
.sg__main>*{order:5}.sg__main>.lp--video,.sg__main>.lp--embed{order:1}.sg__main>.hd{order:2}.sg__main>.lp--audio,.sg__main>.nowp{order:3}.sg__side{order:4}
.hd{display:flex;gap:16px;align-items:flex-end}
.hd__art{width:112px;flex:none}.hd__art .art{border-radius:16px}
.hd h1{font-size:1.5rem;font-weight:800}.hd__txt{min-width:0}
.nowp{margin:0;color:var(--mu)}.nowp b{color:var(--tx)}
.epnav{display:flex;flex-wrap:wrap;gap:8px}
.embed iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r)}
/* پلیر */
.lp{position:relative;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:14px 16px;user-select:none}
.lp--embed{padding:0;border:0;background:none}
.lp__row{display:flex;align-items:center;gap:10px;direction:ltr}
.lp__t{font-size:.8rem;color:var(--mu);font-variant-numeric:tabular-nums;min-width:38px;text-align:center;direction:ltr}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:24px;margin:0;background:linear-gradient(to right,var(--ac) var(--p,0%),var(--trk) var(--p,0%)) center/100% 4px no-repeat;border-radius:4px;direction:ltr;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--acs)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
.lp__ctrl{display:flex;justify-content:center;align-items:center;gap:6px;margin-block:6px;direction:ltr}
.lp__play{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);display:grid;place-items:center;box-shadow:0 8px 24px var(--glow)}
.lp__play .ic{width:28px;height:28px}.lp__play .i-play,.lp__play .i-pause{display:none}.lp__play .i-play{display:inline-flex}.lp.is-playing .lp__play .i-play{display:none}.lp.is-playing .lp__play .i-pause{display:inline-flex}
.lp .i-pause{display:none}.lp.is-playing .i-play{display:none}.lp.is-playing .i-pause{display:inline-flex}
.lp__opts{display:flex;justify-content:space-between;align-items:center;gap:10px}
.vol{display:inline-flex;align-items:center;gap:4px;direction:ltr}.vol input{width:90px;flex:none}
.menuwrap{position:relative}
.menu{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-end:0;z-index:20;background:var(--s2);border:1px solid var(--ln);border-radius:14px;padding:6px;min-width:150px;box-shadow:0 14px 40px var(--shc)}
.menu[hidden]{display:none}
.menu button{display:flex;width:100%;min-height:40px;align-items:center;padding:0 12px;border-radius:10px;text-align:start;white-space:nowrap}
.menu button:hover{background:var(--s3)}.menu button[aria-checked=true]{color:var(--ac);font-weight:700}
.lp__err{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-block-end:8px;border-radius:12px;background:rgba(255,107,122,.12);color:var(--err);font-size:.9rem}
.lp__err[hidden]{display:none}
.lp--video{padding:0;overflow:hidden;background:#000;border:0}
.lp__stage{position:relative;aspect-ratio:16/9;background:#000}.lp__stage video{width:100%;height:100%;object-fit:contain;display:block}
.lp:fullscreen .lp__stage{height:100vh;aspect-ratio:auto}
.lp__cc{position:absolute;z-index:3;inset-inline:5%;inset-block-end:calc(var(--bar-h,84px) + 8px);max-height:calc(100% - var(--bar-h,84px) - 16px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;pointer-events:none;text-align:center;transition:inset-block-end .2s}
.lp.idle .lp__cc{inset-block-end:16px;max-height:calc(100% - 32px)}
.lp:fullscreen .cc{font-size:clamp(1.15rem,2.2vw,2rem)}
.cc{display:inline-block;max-width:100%;padding:2px 10px;border-radius:8px;background:rgba(0,0,0,.72);line-height:1.6;font-size:clamp(.95rem,2.6vw,1.35rem);text-shadow:0 1px 2px #000}.cc-fa{color:#ffe08a}
.lp__spin{position:absolute;inset:50% auto auto 50%;width:44px;height:44px;margin:-22px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite}.lp__spin[hidden]{display:none}@keyframes sp{to{transform:rotate(360deg)}}
.lp--video .lp__err{position:absolute;inset-inline:12px;inset-block-start:12px;z-index:5}
.lp__bar .menu{inset-inline-end:auto;inset-inline-start:0;direction:rtl}
.lp--video .vol input{width:70px}
@media (max-width:600px){.lp--video .vol{display:none}}
.ib.on{color:var(--ac)}
/* متن هم‌زمان */
.tr{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:14px 14px 6px}
.tr__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-block-end:8px}.tr__head h2{font-size:1.05rem;margin-inline-end:auto}
.segctl{display:inline-flex;background:var(--s2);border-radius:999px;padding:3px}.segctl button{min-height:32px;padding:0 12px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--mu)}.segctl button[aria-pressed=true]{background:var(--ac);color:#fff}
.tr__tools{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.tr__note{font-size:.85rem;color:var(--mu);margin:6px 0}
.tr__list{list-style:none;margin:0;padding:0 0 8px;max-height:56vh;overflow:auto;position:relative;scrollbar-width:thin;overscroll-behavior:contain}
.seg{display:flex;gap:10px;padding:10px;border-radius:14px;cursor:pointer;transition:background .15s;scroll-margin:40px}
.seg:hover{background:var(--s2)}.seg.active{background:var(--acs);box-shadow:inset 3px 0 0 var(--ac)}
.seg__t{flex:none;align-self:flex-start;min-width:42px;min-height:28px;font-size:.75rem;color:var(--mu);font-variant-numeric:tabular-nums;direction:ltr}
.seg__b{min-width:0}.seg__en,.seg__fa{margin:0}.seg__en{font-size:1.05rem;font-weight:600;line-height:1.7}.seg__fa{color:var(--tx2);font-size:.92rem;margin-block-start:2px}
.seg.active .seg__en{color:var(--tx)}
.seg__en .w{cursor:pointer;border-radius:4px;padding:0 1px}.seg__en .w:hover{background:var(--hov)}.seg__en .w.is-vocab{border-block-end:2px dotted var(--ac)}.seg__en .w.is-saved{color:var(--ac2)}
.tr[data-mode=en] .seg__fa,.tr[data-mode=fa] .seg__en,.tr[data-mode=none] .seg__b{display:none}
.tr[data-mode=none] .seg{min-height:36px}.tr[data-mode=none] .seg::after{content:"";flex:1;align-self:center;height:6px;border-radius:3px;background:var(--s3)}
/* تب‌ها */
.tabs{margin-block-start:8px}.tabs__bar{display:flex;gap:4px;overflow-x:auto;border-block-end:1px solid var(--ln);scrollbar-width:none}.tabs__bar::-webkit-scrollbar{display:none}
.tabs__bar button{min-height:44px;padding:0 16px;color:var(--mu);font-weight:700;white-space:nowrap;border-block-end:2px solid transparent;margin-block-end:-1px}.tabs__bar button[aria-selected=true]{color:var(--ac);border-color:var(--ac)}
[role=tabpanel]{padding-block:14px}[role=tabpanel][hidden]{display:none}
/* قسمت‌ها */
.eplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.eplist a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--s1);border:1px solid var(--ln)}.eplist a:hover{background:var(--s2)}
.eplist .on a{border-color:var(--ac);background:var(--acs)}.epn{width:32px;height:32px;border-radius:50%;background:var(--s3);display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:none}.ept{flex:1;min-width:0;font-weight:600}
/* لغات */
.vocab{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vw{background:var(--s1);border:1px solid var(--ln);border-radius:16px;padding:12px 14px}
.vw__h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw__h b{font-size:1.1rem}.vw__p{color:var(--mu);font-size:.85rem}.vw__a{margin-inline-start:auto;display:flex}
.vw__fa{margin:4px 0 0;color:var(--yel);font-weight:600}.vw__d,.vw__e{margin:2px 0 0;font-size:.9rem;color:var(--mu)}
.vw .ib.is-on .ic{fill:currentColor;color:var(--ac2)}
/* دانلود */
.mats{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mat{display:flex;align-items:center;gap:12px;background:var(--s1);border:1px solid var(--ln);border-radius:16px;padding:10px 14px}
.mat__ext{min-width:48px;height:40px;border-radius:10px;background:var(--acs);color:var(--ac);display:grid;place-items:center;font-weight:800;font-size:.75rem}.mat__t{flex:1;min-width:0}.mat__t b,.mat__t small{display:block;line-height:1.4}
/* برگه‌ی کلمه */
.sheet{position:fixed;inset:0;z-index:80;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}
.sheet__box{position:relative;width:100%;max-width:520px;background:var(--s2);border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px var(--shm)}
.sheet__x{position:absolute;inset-block-start:10px;inset-inline-end:10px}.sheet h3{font-size:1.6rem}.sheet p{margin:4px 0}.ws-pron,.ws-def,.ws-ex{color:var(--mu)}.ws-fa{color:var(--tx);font-size:1rem;font-weight:700}
.sheet__acts{display:flex;gap:10px;margin-block-start:16px;flex-wrap:wrap}
body.sheet-open{overflow:hidden}
/* فرم‌ها */
.pg--auth{display:grid;place-items:start center;padding-block:30px}
.auth{width:100%;max-width:420px;background:var(--s1);border:1px solid var(--ln);border-radius:24px;padding:26px 22px}.auth h1{font-size:1.5rem;margin-block-end:10px}.auth__l{text-align:center;color:var(--mu);font-size:.9rem}.auth__l a{color:var(--ac)}
.form{display:grid;gap:14px;margin-block:12px}.form label{display:grid;gap:6px;font-size:.88rem;color:var(--mu)}.form input[type=file]{padding:10px 14px}
.form .chk{display:flex;align-items:center;gap:8px}.form .chk input{min-height:0;width:18px;height:18px}
.form--sm{border-block-start:1px solid var(--ln);padding-block-start:14px}
.hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
.prof{display:flex;align-items:center;gap:16px;margin-block:16px}.prof img{border-radius:50%;width:72px;height:72px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-block:14px}.stats div{background:var(--s1);border:1px solid var(--ln);border-radius:16px;padding:14px;text-align:center}.stats b{display:block;font-size:1.6rem}.stats span{color:var(--mu);font-size:.85rem}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bars li{display:flex;align-items:center;gap:10px}.bars span{width:32px;font-weight:700}.bars i{flex:1;height:10px;border-radius:6px;background:var(--s2);overflow:hidden}.bars b{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2))}.bars em{font-style:normal;color:var(--mu);width:24px}

/* ---- تبلت و دسکتاپ ---- */
@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hd__art{width:150px}.hd h1{font-size:2rem}.stats{grid-template-columns:repeat(4,1fr)}.hero__in{flex-direction:row;align-items:center;padding:30px}.hero h1{font-size:2.3rem}}
@media (min-width:1024px){
  body,body.has-mini{padding-block-end:0}
  .app{display:grid;grid-template-columns:var(--side) minmax(0,1fr)}
  .side{position:sticky;inset-block-start:0;height:100vh;width:auto;transform:none;z-index:30;padding-block:0}
  .mo,.bnav,.scrim{display:none!important}
  .top{padding-inline:28px}.top__login{margin-inline-start:auto}
  .pg{padding-inline:28px}.pg__title{font-size:2.1rem}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .shelf .card{flex-basis:178px}.shelf .card--poster{flex-basis:168px}
  .mini{inset-inline:auto 20px;inset-block-end:20px;width:360px}
  .toasts{inset-block-end:30px}
  .sheet{align-items:center}.sheet__box{border-radius:24px}
}
@media (min-width:1100px){
  .sg{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
  .sg__main{display:flex;flex-direction:column;gap:18px;min-width:0}
  .sg__main>*{order:0}.sg__side{order:0;position:sticky;inset-block-start:76px}
  .tr__list{max-height:calc(100vh - 250px)}
}
@media (min-width:1280px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ===== صفحه‌ی ویدئو: ستون واحد؛ پلیر درست بالای متن، هدر فشرده ===== */
.sg.sg--video{display:flex;flex-direction:column;gap:14px;max-width:980px;margin-inline:auto}
.sg.sg--video .sg__main{display:contents}
.sg.sg--video .sg__main>*{order:5}
.sg.sg--video .sg__main>.lpw,.sg.sg--video .sg__main>.lp--embed{order:1}
.sg.sg--video .sg__main>.hd,.sg.sg--video .sg__main>.nowp{order:2}
.sg.sg--video .sg__side{order:3;position:static}
.sg.sg--video .tr__list{max-height:clamp(280px,56vh,560px)}
/* هدر فشرده: بدون عکس بزرگ و برچسب‌ها (پوستر داخل پلیر است) */
.sg--video .hd__art,.sg--video .hd .chips{display:none}
.sg--video .hd{align-items:center}
.sg--video .hd__txt{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center}
.sg--video .hd__txt>.kick,.sg--video .hd__txt>h1,.sg--video .hd__txt>.mu{grid-column:1}
.sg--video .hd__txt>.acts{grid-column:2;grid-row:1/4;margin:0}
.sg--video .hd h1{font-size:1.25rem;line-height:1.4;margin:0}
.sg--video .hd .mu{margin:0}
@media (max-width:480px){
  .sg--video .hd__txt{grid-template-columns:1fr}
  .sg--video .hd__txt>.acts{grid-column:1;grid-row:auto;margin-block-start:6px}
}

/* ===== کارت‌های مربعی: ویدئوها با افکت تار پایین و آیکون ویدئو ===== */
.art__vid{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;height:48%;display:flex;align-items:flex-end;padding:8px;pointer-events:none}
.art__vid::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.78),rgba(10,10,15,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}
.art__vid .ic{position:relative;width:30px;height:30px;padding:6px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.28);color:#fff}

/* ===== صفحه‌ی ویدئو — موبایل و تبلت ===== */
@media (max-width:1023px){
  .sg.sg--video{gap:10px}
  .sg--video [data-act=pip]{display:none}
  .sg--video .cc{font-size:.95rem}
  .sg--video .hd__txt>.acts{display:flex;gap:8px}
  .sg--video .hd__txt>.acts .btn{flex:1;justify-content:center;min-height:40px}
  .sg--video .tr{padding:10px 10px 2px;border-radius:16px}
  .sg--video .tr__head{gap:8px}.sg--video .tr__head h2{font-size:1rem}
  .sg--video .segctl{width:100%;display:flex}.sg--video .segctl button{flex:1;padding:0 6px;font-size:.78rem}
  .sg--video .seg{padding:8px 6px;gap:8px}.sg--video .seg__en{font-size:1rem}.sg--video .seg__fa{font-size:.9rem}.sg--video .seg__t{min-width:36px}
  .sg--video .tabs__bar button{padding:0 14px}
}

/* ===== کاوش: فید عمودی ویدئو (شبیه Shorts) ===== */
body.is-feed{overflow:hidden}
.is-feed .site-footer,.is-feed .mini{display:none}
body.is-feed.has-mini{padding-block-end:calc(var(--nav) + env(safe-area-inset-bottom,0px))}
.fd{--top:64px;position:relative;display:flex;justify-content:center;height:calc(100vh - var(--top) - var(--nav) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - var(--top) - var(--nav) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.fd__frame{position:relative;width:100%;max-width:520px;height:100%;background:#000}
.fd__scroll{position:relative;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:0}
.fd__scroll::-webkit-scrollbar{display:none}
.fd__top{position:absolute;z-index:6;inset-inline:0;inset-block-start:0;display:flex;gap:8px;justify-content:safe center;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.fd__top::-webkit-scrollbar{display:none}
.fc{flex:none}
.fc{height:34px;padding:0 16px;border-radius:999px;background:rgba(10,10,15,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:.85rem;border:1px solid rgba(255,255,255,.16)}
.fc[aria-pressed=true]{background:var(--ac);color:var(--on-ac);border-color:transparent}
.fi{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-block:56px 132px;overflow:hidden;background:#000}
.fi::after{content:"";position:absolute;z-index:2;inset-inline:0;inset-block-end:0;height:150px;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.fi__bg{position:absolute;inset:-30px;background:radial-gradient(circle at 25% 20%,hsl(var(--h) 70% 35%),transparent 60%),hsl(var(--h) 40% 10%);background-size:cover;background-position:center;filter:blur(34px) brightness(.5) saturate(1.3)}
.fi__stage{position:relative;z-index:1;flex:0 1 auto;min-height:0;width:100%;aspect-ratio:var(--ar,1.7778);max-height:100%;background:#000}
.fi__stage video{width:100%;height:100%;object-fit:contain;display:block}
.fi__tap{position:absolute;inset:0;z-index:2;background:none}
.fi__pp{position:absolute;z-index:3;inset:50% auto auto 50%;width:68px;height:68px;margin:-34px;border-radius:50%;background:rgba(10,10,15,.6);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:.2s;pointer-events:none;color:#fff}
.fi__pp .ic{width:30px;height:30px}
.fi.is-paused .fi__pp{opacity:1;transform:none}
.fi__bar{position:absolute;z-index:3;inset-inline:0;inset-block-end:0;height:3px;background:rgba(255,255,255,.22);direction:ltr}
.fi__bar b{display:block;height:100%;width:0;background:var(--ac)}
.fi__hint{display:none;position:absolute;z-index:4;inset-block-start:8px;inset-inline-start:8px;align-items:center;gap:6px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(10,10,15,.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.78rem}
.fi__hint .ic{width:16px;height:16px}
.is-muted .fi.is-active .fi__hint{display:flex}
.fi__cc{position:relative;z-index:3;flex:none;min-height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:2px 14px 0;text-align:center;pointer-events:none}
.fd.cc-off .fi__cc{display:none}
.fi__en:empty,.fi__fa:empty{display:none}
.fi__en,.fi__fa{max-width:100%;padding:2px 12px;border-radius:12px;background:rgba(0,0,0,.55)}
.fi__en,.fi__fa{margin:0;text-shadow:0 1px 3px #000}
.fi__en{font-size:1.15rem;font-weight:700;line-height:1.6}
.fi__fa{color:#ffe08a;font-size:1rem}
.fi__info{position:absolute;z-index:3;inset-inline:14px 76px;inset-block-end:16px;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.fi__title{font-size:1.05rem;font-weight:800;line-height:1.5;pointer-events:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fi__meta{display:flex;align-items:center;gap:8px;color:#d6d7e2;font-size:.82rem;flex-wrap:wrap}
.fi__rail{position:absolute;z-index:4;inset-inline-end:8px;inset-block-end:16px;display:flex;flex-direction:column;gap:12px}
.fr{display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;color:#fff}
.fr .ic{width:44px;height:44px;padding:11px;border-radius:50%;background:rgba(10,10,15,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fr__l{font-size:.68rem;line-height:1.4;text-shadow:0 1px 2px #000}
.fr.is-on .ic,.fr.on .ic{color:var(--ac2);fill:currentColor}
.fr__i{display:inline-flex}.fr__i--on{display:none}.fd:not(.is-muted) .fr__i--on{display:inline-flex}.fd:not(.is-muted) .fr__i--off{display:none}
.fi--end{align-items:center;text-align:center;padding:24px}.fi--end>div{position:relative;z-index:3}.fi--end::after{display:none}
.fd__msg{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;pointer-events:none}
.fd__msg[hidden]{display:none}.fd__msg .btn{pointer-events:auto}
.fd__spin{width:44px;height:44px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite}
.fd__nav{display:none}
/* موبایل/تبلت: قاب فید دقیقاً بین هدر و نوار پایین قفل می‌شود (مقادیر واقعی را JS اندازه می‌گیرد) */
@media (max-width:1023px){
  .fd{position:fixed;z-index:1;inset-inline:0;inset-block-start:var(--fd-top,calc(64px + env(safe-area-inset-top,0px)));inset-block-end:var(--fd-bot,calc(var(--nav) + env(safe-area-inset-bottom,0px)));height:auto}
  .fd__frame{max-width:none}
  .fi{padding-block-end:132px}
  .fr{width:52px}.fr .ic{width:40px;height:40px;padding:10px}.fi__rail{gap:8px}
  .fi__info,.fi__rail{inset-block-end:20px}
}
@media (min-width:1024px){
  .fd{--top:64px;height:calc(100vh - var(--top));height:calc(100dvh - var(--top));padding-block:10px}
  .fd__frame{height:100%;border-radius:24px}
  .fd__scroll{border-radius:24px}
  .fd__nav{display:flex;flex-direction:column;gap:10px;position:absolute;z-index:8;inset-inline-end:-64px;inset-block-start:50%;transform:translateY(-50%)}
  .fd__nav .ib{width:44px;height:44px;border-radius:50%;background:var(--s2);display:grid;place-items:center}.fd__nav .ib:hover{background:var(--s3)}
}

/* ===== پلیر ویدئو: کارت گرد با درخشش محیطی، کنترل شیشه‌ای، ضربه‌ی لمسی و مینی‌پلیر شناور ===== */
.lpw{position:relative;aspect-ratio:16/9;border-radius:20px}
.lpw::before{content:"";position:absolute;z-index:0;inset:8% 5% -7%;border-radius:32px;background:var(--poster,none) center/cover no-repeat,hsl(var(--h,260) 65% 34%);filter:blur(34px) saturate(1.5);opacity:.5;transition:opacity .4s;pointer-events:none}
.lpw>.lp--video{position:relative;z-index:1;height:100%;border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07)}
.lpw .lp__stage{height:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.lp--video:fullscreen{border-radius:0;box-shadow:none;height:100%}
.lp.idle .lp__stage{cursor:none}
/* نوار کنترل شناور و شیشه‌ای */
.lp__bar{position:absolute;inset-inline:10px;inset-block-end:10px;padding:2px 6px 4px;border-radius:16px;background:rgba(12,12,18,.56);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);direction:ltr;transition:opacity .25s,transform .25s}
.lp.idle .lp__bar{opacity:0;transform:translateY(8px);pointer-events:none}
.lp__seek{display:block;width:100%;height:22px;background:linear-gradient(to right,var(--ac) var(--p,0%),rgba(255,255,255,.22) var(--p,0%)) center/100% 5px no-repeat}
.lp__bar2{display:flex;align-items:center;gap:2px}
.lp__bar .ib{width:38px;height:38px;color:#fff}
.lp__bar .ib:hover{background:rgba(255,255,255,.12)}
/* خوشه‌ی کنترل مرکزی (لمسی): ‎−۱۰ ▶ +۱۰ */
.lp__mid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(20px,9vw,48px);direction:ltr;pointer-events:none;transition:opacity .25s}
.lp__mid button{pointer-events:auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(12,12,18,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);transition:transform .15s,background .15s}
.lp__mid button:hover{background:rgba(12,12,18,.7)}.lp__mid button:active{transform:scale(.92)}
.lp__sk{position:relative;width:46px;height:46px}.lp__sk .ic{width:26px;height:26px}
.lp__sk i{position:absolute;font-style:normal;font-size:.58rem;font-weight:800;line-height:1;margin-top:2px}
.lp__pp{width:66px;height:66px}.lp__pp .ic{width:30px;height:30px}
.lp.is-playing.idle .lp__mid{opacity:0}.lp.is-playing.idle .lp__mid button{pointer-events:none}
@media (hover:hover) and (pointer:fine){.lp__sk{display:none}.lp.is-playing .lp__mid{display:none}}
@media (pointer:coarse){.lp__bar{inset-inline:8px;inset-block-end:8px}}
/* موج دو ضربه */
.lp__rip{position:absolute;z-index:4;inset-block:0;width:36%;display:grid;place-items:center;pointer-events:none;color:#fff;font-weight:800;font-size:1.05rem;direction:ltr;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 70%);animation:rip .65s ease-out forwards}
.lp__rip--l{left:0}.lp__rip--r{right:0}
@keyframes rip{0%{opacity:0;transform:scale(.85)}25%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
/* مینی‌پلیر شناور */
.lp__dock{display:none}
.lp--video.is-docked{position:fixed;z-index:46;inset-inline-end:12px;inset-block-end:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 12px);width:min(44vw,176px);height:auto;border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.16);animation:dockIn .3s cubic-bezier(.2,.8,.2,1)}
.lp--video.is-docked .lp__stage{height:auto;aspect-ratio:16/9;cursor:pointer}
@keyframes dockIn{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
.is-docked .lp__bar,.is-docked .lp__mid{display:none}
.is-docked .lp__dock{display:block;position:absolute;inset:0;pointer-events:none}
.lp__dock button{pointer-events:auto;position:absolute;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(12,12,18,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp__dx{width:28px;height:28px;inset-block-start:6px;inset-inline-end:6px}
.lp__dex{width:28px;height:28px;inset-block-start:6px;inset-inline-start:6px}
.lp__dpp{width:42px;height:42px;inset:50% auto auto 50%;margin:-21px}
.lp__dock .ic{width:16px;height:16px}.lp__dpp .ic{width:20px;height:20px}
.lp--video.is-docked .lp__cc{inset-inline:4px;inset-block-end:4px;max-height:none}.is-docked .cc{font-size:.62rem;padding:0 6px;border-radius:6px}.is-docked .cc-fa{display:none}
.is-docked .lp__spin{width:28px;height:28px;margin:-14px;border-width:3px}
.lpw.is-docked::before{opacity:0}
.lpw.is-docked::after{content:"ویدئو در پنجره‌ی کوچک پخش می‌شود";position:absolute;z-index:0;inset:0;display:grid;place-items:center;text-align:center;padding:16px;border-radius:20px;background:var(--s1);border:1px dashed var(--ln);color:var(--mu);font-size:.85rem}
@media (min-width:1024px){.lp--video.is-docked{width:340px;inset-block-end:20px;inset-inline-end:20px}}
body.has-mini .lp--video.is-docked{inset-block-end:calc(var(--nav) + 84px + env(safe-area-inset-bottom,0px) + 8px)}
/* متن هم‌زمان: حالت «زنده» و محو شدن لبه‌ها */
.seg{transition:background .15s,opacity .3s}
.sg.is-live .seg:not(.active):not(:hover){opacity:.58}
.sg--video .tr__list{-webkit-mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 30px),transparent)}
@media (max-width:480px){.lpw,.lpw>.lp--video{border-radius:16px}.lpw::before{filter:blur(26px)}}

/* هدر ویدئو: دکمه‌ی ذخیره به‌صورت آیکن کنار عنوان */
.hd--video,.sg--video .hd{display:flex;align-items:center;gap:12px}
.sg--video .hd .hd__txt{display:block;flex:1;min-width:0}
.hd__fav{width:48px;height:48px;border:1px solid var(--ln);background:var(--s1);flex:none}
.hd__fav:hover{background:var(--s2)}
.hd__fav.on,.hd__fav[aria-pressed=true]{color:var(--ac2);border-color:var(--ac2)}
.hd__fav.on .ic,.hd__fav[aria-pressed=true] .ic{fill:currentColor}
/* برگه‌ی معنی کلمه */
.ws-def{white-space:pre-line}
.ws-ctx{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:var(--s1);font-size:.9rem}
.ws-ctx[hidden]{display:none}.ws-ctx-en{color:var(--tx2)}.ws-ctx-fa{color:var(--mu)}
.sheet__box{max-height:86vh;overflow:auto}

/* ===== زیرنویس روی ویدئو: کلمه‌ها قابل‌لمس؛ کنترل از منوی CC ===== */
.cc-en .w{pointer-events:auto;cursor:pointer;border-radius:6px;padding:0 2px}
.cc-en .w:active,.cc-en .w:hover{background:rgba(255,255,255,.22)}
.cc-en .w.is-vocab{border-block-end:2px dotted var(--ac)}
.cc-en .w.is-saved{color:var(--ac2)}
.is-docked .cc-en .w{pointer-events:none}
.lp__bar .ib--t{width:auto;min-width:40px;padding:0 9px;font-size:.78rem;letter-spacing:.2px}
.lp__bar .ib--t.on{color:var(--ac2)}
.menu__sep{height:1px;margin:4px 8px;background:var(--ln)}
/* نوار کنترل موبایل: ساده و تمیز؛ گرادیان کم‌رنگ پایین ویدئو به‌جای کارت شیشه‌ای */
@media (pointer:coarse),(max-width:600px){
  .lp--video .lp__bar{inset-inline:0;inset-block-end:0;padding:22px 8px 2px;border:0;border-radius:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0));-webkit-backdrop-filter:none;backdrop-filter:none}
  .lp--video [data-act=pip],.lp--video [data-act=mute]{display:none}
  .lp--video .lp__seek{height:26px}
  .lp--video .lp__bar .ib{width:40px;height:40px}
  .lp--video .lp__bar .ib--t{width:auto}
}
/* دکمه‌ی ذخیره (قلب) کنار عنوان در همه‌ی صفحه‌ها */
.hd .hd__txt{flex:1}
.sg:not(.sg--video) .hd__fav{align-self:flex-start}

/* ===== بازبینی نهایی: پلیر، منوها و هدر ===== */
/* منوی بازشوی پلیر در موبایل: تمام‌عرض روی ویدئو، بدون بریده‌شدن */
@media (pointer:coarse),(max-width:600px){
  .lp__bar .menuwrap{position:static}
  .lp__bar .menu{inset-inline:8px;inset-block-end:calc(100% + 6px);min-width:0;display:flex;flex-wrap:wrap;gap:4px;direction:rtl;max-height:calc(var(--stage-h,240px) - var(--bar-h,90px) - 12px);overflow-y:auto}
  .lp__bar .menu[hidden]{display:none}
  .lp__bar .menu button{width:auto;flex:1 1 auto;justify-content:center;min-height:36px;padding:0 12px}
  .lp__bar .menu .menu__sep{flex:0 0 100%;margin:0}
}
@media (max-width:480px){.top__login{display:none}}
/* دکمه‌های پخش و ±۱۰ فقط در نوار پایین (کوچک، کنار بقیه)؛ خوشه‌ی مرکزی حذف شد تا هیچ‌چیز روی زیرنویس نیفتد */
.lp--video .lp__mid{display:none!important}
@media (max-width:600px){
  .lp--video .lp__bar .ib{width:36px;height:36px}
  .lp--video .lp__bar .ib--t{width:auto;min-width:36px;padding:0 6px}
  .lp--video .lp__t{min-width:0;font-size:.74rem}
}

/* ===== تایپوگرافی محتوای نوشتاری (وبلاگ و توضیحات) ===== */
.prose>:first-child{margin-block-start:0}
.prose h2{font-size:1.45rem;font-weight:800;margin-block:1.8em .6em;line-height:1.5}
.prose h3{font-size:1.2rem;font-weight:800;margin-block:1.6em .5em}
.prose h4{font-size:1.05rem;font-weight:800;margin-block:1.4em .4em}
.prose a{color:var(--ac);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(139,123,255,.4)}.prose a:hover{text-decoration-color:currentColor}
.prose ul,.prose ol{padding-inline-start:1.4em;margin:0 0 1em}.prose li{margin-block:.3em}.prose li::marker{color:var(--ac)}
.prose blockquote{margin:1.4em 0;padding:.5em 1.1em;border-inline-start:3px solid var(--ac);background:var(--s1);border-start-end-radius:14px;border-end-end-radius:14px;color:var(--tx)}.prose blockquote p:last-child{margin:0}
.prose img,.prose video,.prose iframe{max-width:100%;border-radius:16px}.prose img{height:auto}
.prose figure{margin:1.4em 0}.prose figcaption{color:var(--mu);font-size:.85rem;text-align:center;margin-block-start:8px}
.prose pre{direction:ltr;text-align:left;background:var(--s1);border:1px solid var(--ln);border-radius:14px;padding:14px;overflow:auto;font-size:.88rem;line-height:1.7}
.prose code{direction:ltr;unicode-bidi:isolate;background:var(--s2);padding:.1em .4em;border-radius:6px;font-size:.9em}.prose pre code{background:none;padding:0}
.prose hr{border:0;border-block-start:1px solid var(--ln);margin:2em 0}
.prose table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin-block-end:1em}.prose th,.prose td{border:1px solid var(--ln);padding:8px 12px;text-align:start}.prose th{background:var(--s1)}
.prose .alignleft,.prose .alignright{float:none;margin-inline:0}
.prose .aligncenter{display:block;margin-inline:auto}

/* ===== وبلاگ: سرتیتر، چیپ‌ها، کارت‌ها ===== */
.pg--blog{max-width:880px}
.bt{display:flex;align-items:baseline;gap:12px;margin-block:18px 4px}
.bt__t{font-size:1.9rem;font-weight:800;line-height:1.4}
.bt__n{color:var(--mu);font-size:.88rem}
.bt__s{margin:4px 0 0;color:var(--mu);max-width:60ch}
@media (min-width:760px){.bt__t{font-size:2.3rem}}
.bc{margin-block:10px 14px}
.blead{margin-block-end:6px}
/* فهرست نوشته‌ها: ردیف‌های ساده با تصویر کوچک، بدون کارت */
.blist{display:flex;flex-direction:column;margin-block-end:8px}
.bp{position:relative;display:flex;align-items:flex-start;gap:16px;padding-block:20px;border-block-end:1px solid var(--ln)}
.bp:first-child{border-block-start:0}
.bp__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.bp__k{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;font-size:.78rem;color:var(--mu)}
.bp__cat{color:hsl(var(--h) 90% 76%);font-weight:700}
.bp__t{font-size:1.05rem;font-weight:800;line-height:1.7}
.bp__t a::after{content:"";position:absolute;inset:0;z-index:1}
.bp:hover .bp__t a,.bp:focus-within .bp__t a{color:var(--ac)}
.bp__ex{margin:0;color:var(--mu);font-size:.9rem;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp__m{display:flex;flex-wrap:wrap;gap:2px 14px;color:var(--mu);font-size:.78rem;margin-block-start:2px}
.bp__m span{display:inline-flex;align-items:center;gap:5px}.bp__m .ic{width:14px;height:14px}
.bp__img{flex:0 0 104px}
.bp__img .art{aspect-ratio:1;border-radius:16px}
.bp:hover .bp__img .art{transform:scale(1.03)}.bp__img .art{transition:transform .3s}
@media (min-width:640px){
  .bp{gap:24px;padding-block:24px}
  .bp__t{font-size:1.2rem}
  .bp__ex{font-size:.95rem;-webkit-line-clamp:3}
  .bp__img{flex-basis:210px}
  .bp__img .art{aspect-ratio:3/2;border-radius:18px}
}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-block:18px}
@media (min-width:640px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.pc{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.pc:hover,.pc:focus-within{border-color:var(--ln2)}
.pc__img{position:relative;display:block;overflow:hidden}
.pc__img .art{border-radius:0;transition:transform .5s}.pc:hover .pc__img .art{transform:scale(1.04)}
.pc__cat{position:absolute;z-index:1;inset-block-start:12px;inset-inline-start:12px;padding:0 11px;line-height:26px;border-radius:999px;background:rgba(10,10,15,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.76rem;font-weight:700}
.pc__b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;min-width:0}
.pc__d{font-size:.78rem;color:var(--mu)}
.pc__t{font-size:1.08rem;font-weight:800;line-height:1.65}
.pc__t a::after{content:"";position:absolute;inset:0;z-index:2}
.pc__ex{margin:0;color:var(--mu);font-size:.92rem;line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc__m{margin-block-start:auto;padding-block-start:12px;display:flex;align-items:center;gap:6px 14px;color:var(--mu);font-size:.8rem}
.pc__m span{display:inline-flex;align-items:center;gap:6px;min-width:0}.pc__m .ic{width:15px;height:15px}
.pc__au{color:var(--tx);font-weight:700;margin-inline-end:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc__av{width:24px;height:24px;border-radius:50%;flex:none}
/* نوشته‌ی بدون تصویر شاخص: گرادیان رنگی با نقطه‌چین ملایم */
.art--ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}
/* نوشته‌ی ویژه: کاور تمام‌کارت با متن روی تصویر */
.pc--lead{grid-column:1/-1;min-height:380px;justify-content:flex-end;border-color:transparent;background:hsl(var(--h) 40% 12%)}
.pc--lead .pc__img{position:absolute;inset:0;z-index:-1}
.pc--lead .pc__img .art{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.pc--lead .pc__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.94) 8%,rgba(10,10,15,.55) 48%,rgba(10,10,15,.05) 80%)}
.pc--lead .pc__b{flex:0 0 auto;gap:8px;padding:22px 20px 20px}
.pc--lead .pc__d{color:#c9cbdb}
.pc--lead .pc__t{font-size:1.45rem;line-height:1.6;color:#fff}
.pc--lead .pc__ex{color:#d6d7e2;-webkit-line-clamp:2}
.pc--lead .pc__m{color:#c9cbdb;margin-block-start:6px;padding-block-start:10px}
.pc--lead .pc__au{color:#fff}
@media (min-width:760px){
  .pc--lead{min-height:440px}
  .pc--lead .pc__b{max-width:680px;padding:34px}
  .pc--lead .pc__t{font-size:2.1rem}
  .pc--lead .pc__ex{font-size:1rem;-webkit-line-clamp:3}
}
.pager .page-numbers{transition:background .15s,color .15s}.pager a.page-numbers:hover{background:var(--s3)}
.pager .prev,.pager .next{padding:0 18px;font-weight:700}

/* صفحه‌ی خواندن نوشته: assets/css/post.css */

/* ===== دیدگاه‌ها ===== */
.cms{margin-block:28px 0}
.cms__h{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;margin:0 0 14px}.cms__h .ic{width:22px;height:22px;color:var(--ac)}
.cms__h .n,.tabs__n{color:var(--mu);font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}
[role=tabpanel] .cms{margin-block-start:0}
.cmf{display:grid;gap:8px;padding:12px;margin-block-end:20px;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);transition:border-color .15s}
.cmf:focus-within{border-color:var(--ac)}
.cmf textarea{width:100%;min-height:84px;max-height:260px;resize:none;background:none;border:0;outline:0;font-size:.96rem;line-height:1.9;padding:4px}
.cmf textarea::placeholder{color:var(--mu)}
.cmf__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmf__bar .btn .ic{width:16px;height:16px}
.cmf__cnt{font-size:.78rem;color:var(--mu);font-variant-numeric:tabular-nums}
.cmf__to{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:2px 4px 2px 10px;border-radius:12px;background:var(--acs);color:var(--ac);font-size:.85rem}
.cmf__to[hidden]{display:none}.cmf__to .ib{width:32px;height:32px;color:var(--ac)}.cmf__to .ic{width:16px;height:16px}
.cmg{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-block-end:20px;background:var(--s1);border:1px dashed var(--ln);border-radius:var(--r)}
.cmg p{margin:0;color:var(--mu);font-size:.92rem}
.cml,.cm__kids{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;scroll-margin-block:90px}
.cm__av img{width:40px;height:40px;border-radius:50%}
.cm__b{min-width:0}
.cm__h{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}.cm__h b{font-weight:700}.cm__h time{color:var(--mu);font-size:.8rem}
.cm__badge{font-size:.7rem;font-weight:800;padding:0 8px;line-height:20px;border-radius:999px;background:var(--acs);color:var(--ac)}
.cm__t{margin-block:2px 4px;color:var(--tx3);line-height:1.95;overflow-wrap:anywhere}.cm__t p{margin:0 0 .5em}.cm__t a{color:var(--ac);text-decoration:underline;text-underline-offset:3px}
.cm__a{display:flex;gap:6px;margin-inline-start:-8px}
.cm__a button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:999px;color:var(--mu);font-size:.82rem;font-weight:700}.cm__a button:hover{background:var(--s2);color:var(--tx)}.cm__a .ic{width:15px;height:15px}
.cm__ts{display:inline;min-height:0;padding:0 8px;border-radius:999px;background:var(--acs);color:var(--ac);font-weight:700;font-size:.88em;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.cm__ts:hover{background:var(--ac);color:var(--on-ac)}
.cm__kids{grid-column:2;gap:14px;margin-block-start:6px}
.cm__kids .cm__av img{width:32px;height:32px}
.cm--pending .cm__t{opacity:.65}.cm__wait{margin:0;font-size:.78rem;color:var(--warn)}
.cm:target>.cm__b{background:var(--acs);border-radius:12px;box-shadow:0 0 0 8px var(--acs)}
.cms__empty{margin:0;padding:22px 0;text-align:center}.cms__empty[hidden],.cms__more[hidden]{display:none}
.cms__more{display:flex;justify-content:center;margin-block-start:18px}
@media (max-width:480px){.cm__av img{width:34px;height:34px}.cm__kids .cm__av img{width:28px;height:28px}}

/* جستجو فقط در صفحه‌ی جستجو؛ هدر ساده می‌ماند */
.top__login{margin-inline-start:auto}
.sbox--lg{max-width:560px;margin-block:12px 18px}

/* ===== ورود با کد، امنیت حساب ===== */
.auth__or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--mu);font-size:.85rem}.auth__or::before,.auth__or::after{content:"";flex:1;height:1px;background:var(--ln)}
.otp input[name=code]{font-size:1.6rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}
.otp__again{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-block:6px 12px}
.auth b[dir=ltr]{unicode-bidi:isolate}
.flash .inl{display:inline;margin-inline-start:8px}.lnk{color:inherit;text-decoration:underline;font-weight:700}
.form.danger{border:1px solid rgba(255,107,122,.35);border-radius:var(--r);padding:14px}
.btn--danger{background:rgba(255,107,122,.14);color:var(--err);border-color:rgba(255,107,122,.4)}.btn--danger:hover{background:rgba(255,107,122,.24)}

/* ===== تنظیمات (صفحه‌ی مستقل) ===== */
.pr{max-width:760px}
.pr__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:14px 6px}
.pr__top h1{font-size:1.7rem;font-weight:800}
.pr__top p{margin:0;font-size:.9rem;color:var(--mu);overflow-wrap:anywhere;unicode-bidi:isolate}
.pr__img{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;background:var(--s2);border:2px solid var(--ln)}
.pill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:999px;background:var(--s2);color:var(--mu);font-size:.78rem;font-weight:700;border:1px solid var(--ln)}
.pill--ac{background:var(--acs);color:var(--ac);border-color:rgba(139,123,255,.3)}.pill .ic{width:14px;height:14px}
/* کارت‌ها */
.pr__card{margin-block:14px;padding:18px;background:var(--s1);border:1px solid var(--ln);border-radius:22px;box-shadow:inset 0 1px 0 var(--gl)}
.pr__card h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;font-size:1.05rem;font-weight:800}.pr__card h2 small{color:var(--mu);font-weight:600;font-size:.8rem}
.pr__card .form{margin-block:0}.pr__card .empty{padding-block:12px}
/* تنظیمات */
.pr__avrow{display:flex;align-items:center;gap:14px}.pr__avrow label{flex:1;min-width:0}
.form textarea{width:100%;min-height:92px;padding:12px 14px;background:var(--s1);border:1px solid var(--ln);border-radius:14px;color:var(--tx);font:inherit;line-height:1.8;resize:vertical}
.pr__card .form input,.pr__card .form select,.pr__card .form textarea{background:var(--s2)}
.pr__danger{border-color:rgba(255,107,122,.3)}.pr__danger summary{cursor:pointer;font-weight:800;color:var(--err);list-style:none}.pr__danger summary::-webkit-details-marker{display:none}.pr__danger[open] summary{margin-block-end:12px}
/* جلوگیری از سرریز عرض در فرم‌ها (ورودی فایل و برچسب‌ها) */
.pr .form,.pr .form>*,.pr .form label{min-width:0;max-width:100%}
.pr .form input,.pr .form select,.pr .form textarea{width:100%;min-width:0;max-width:100%}
.pr .form input[type=file]{font-size:.82rem;padding:8px 10px}
.pr .form input[type=file]::file-selector-button{margin-inline-end:10px;padding:6px 12px;border:0;border-radius:10px;background:var(--s3);color:var(--tx);font:inherit;font-weight:700;cursor:pointer}
.pr__avrow{flex-wrap:wrap}
@media (max-width:480px){.pr__avrow{flex-direction:column;align-items:stretch}.pr__avrow .pr__img--sm{align-self:center;width:88px;height:88px}}
.pr{overflow-x:clip}
.pr .vocab{margin-block-start:12px}

/* ===== انتخاب نمایش محتوا (همه مخاطبان / کودک و نوجوان) در تنظیمات ===== */
.mopts{display:grid;gap:10px}
.mopt{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--s2);border:1.5px solid var(--ln);transition:background .15s,border-color .15s}
.mopt:hover{border-color:var(--ln2)}
.mopt .ic{width:24px;height:24px;flex:none;color:var(--mu)}
.mopt span{display:grid;gap:2px;line-height:1.6;min-width:0}
.mopt b{font-size:.98rem;font-weight:800}
.mopt small{color:var(--mu);font-size:.8rem}
.mopt[aria-checked=true]{border-color:var(--ac);background:var(--acs)}
.mopt[aria-checked=true] .ic{color:var(--ac)}
@media (min-width:640px){.mopts{grid-template-columns:1fr 1fr}}

/* ===== حالت کودک و نوجوان: رنگ گرم‌تر و دوستانه‌تر ===== */
body.is-kids{--ac:#ffb02e;--ac2:#3dd6c1;--acs:rgba(255,176,46,.16)}
body.is-kids .btn--pri{background:linear-gradient(135deg,#ffb02e,#ff7a45);color:#1c1200}
body.is-kids .btn--pri:hover{background:linear-gradient(135deg,#ffb02e,#ff7a45)}
body.is-kids .logo i{background:linear-gradient(135deg,#ffb02e,#3dd6c1)}
body.is-kids .lp__play{background:linear-gradient(135deg,#ffb02e,#3dd6c1);box-shadow:0 8px 24px rgba(255,176,46,.35)}
body.is-kids .prose a,body.is-kids .prose--post a{color:#ffc76a}
.gate .acts{justify-content:center}

/* ===== صفحه‌ی اصلی: بالای صفحه (فقط محتوای ویژه) ===== */
.pg--home{padding-block-start:14px}

/* محتوای ویژه: کارت تمام‌عرض با تصویر پس‌زمینه و متن روی آن */
.hero2{position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;min-height:340px;border-radius:26px;border:1px solid var(--ln);
  background:radial-gradient(circle at 18% 12%,hsl(var(--h) 75% 46%/.6),transparent 58%),radial-gradient(circle at 92% 88%,hsl(calc(var(--h) + 60) 70% 38%/.55),transparent 58%),hsl(var(--h) 40% 13%)}
.hero2__img{position:absolute;inset:0;z-index:-2}
.hero2__img img{width:100%;height:100%;object-fit:cover}
.hero2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,15,.95) 6%,rgba(10,10,15,.6) 45%,rgba(10,10,15,.06) 82%)}
.hero2__ic{position:absolute;z-index:-1;inset-block-start:12%;inset-inline-end:8%;width:34%;max-width:200px;color:#fff;opacity:.16}
.hero2__ic .ic{width:100%;height:auto;stroke-width:1.2}
.hero2__in{display:grid;gap:8px;justify-items:start;width:100%;max-width:660px;padding:22px 20px 20px}
.hero2 .kick{padding:4px 12px 4px 10px;border-radius:999px;background:rgba(10,10,15,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#fff}
.hero2 h2{font-size:1.6rem;font-weight:800;line-height:1.5;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero2 h2 a::after{content:"";position:absolute;inset:0;z-index:1}
.hero2__m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;color:#d6d7e2;font-size:.9rem}
.hero2__d{display:none;margin:0;color:#d6d7e2;line-height:1.9}
.hero2 .acts{position:relative;z-index:2;align-items:center;margin-block:6px 0}
.hero2 .hd__fav{background:rgba(10,10,15,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-color:rgba(255,255,255,.22)}
.hero2 .hd__fav:hover{background:rgba(10,10,15,.7)}
.hero2 .hd__fav.on{color:var(--ac2);border-color:var(--ac2)}
@media (min-width:760px){
  .hero2{min-height:420px;border-radius:30px}
  .hero2__in{padding:38px;gap:10px}
  .hero2 h2{font-size:2.3rem}
  .hero2__d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.hero2 + .shelf-wrap>.sec:first-child,.hero2 + .shelf-wrap .sec{margin-block-start:26px}

/* =====================================================================
   v1.7 — تم روشن/تیره، دسکتاپ حرفه‌ای
   ===================================================================== */
/* ---- تم روشن ---- */
html[data-theme=light]{color-scheme:light;--bg:#f5f6fb;--s1:#fff;--s2:#eef0f7;--s3:#e1e4f0;--ln:rgba(22,24,48,.1);--ln2:rgba(22,24,48,.22);--tx:#14162a;--tx2:#34384d;--tx3:#23263a;--mu:#5b6078;--ac:#5b49e6;--ac2:#c42a7e;--acs:rgba(91,73,230,.1);--on-ac:#fff;--pri-a:#6a58f0;--pri-b:#5240d8;--ok:#0f8a5f;--err:#d12b40;--warn:#9c5f00;--yel:#8a5200;--hov:rgba(22,24,48,.06);--trk:rgba(22,24,48,.16);--gl:rgba(22,24,48,.06);--inv:rgba(255,255,255,.22);--bar-a:rgba(245,246,251,.86);--bn-a:rgba(255,255,255,.95);--scrim:rgba(18,20,40,.4);--shc:rgba(40,44,90,.22);--shm:rgba(40,44,90,.18);--shh:rgba(40,44,90,.3);--cover:#e7e6fb;--glow:rgba(91,73,230,.3)}
/* سطح‌های همیشه تیره (ویدئو، فید، کارت ویژه) در هر دو تم تیره می‌مانند */
html[data-theme=light] :is(.fd__frame,.lp--video,.hero2,.pc--lead){color-scheme:dark;--bg:#0a0a0f;--s1:#13131b;--s2:#1b1b26;--s3:#252533;--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.2);--tx:#f4f4f8;--tx2:#d6d7e2;--mu:#9a9db0;--ac:#8b7bff;--ac2:#ff7ab8;--acs:rgba(139,123,255,.16);--on-ac:#0a0a0f;--pri-a:#8b7bff;--pri-b:#6d5cf0;--hov:rgba(255,255,255,.08);--yel:#ffe08a;color:var(--tx)}
html[data-theme=light] body.is-kids{--ac:#b85c00;--ac2:#0b9a86;--acs:rgba(184,92,0,.12)}
html[data-theme=light] body.is-kids :is(.logo i,.lp__play){color:#1c1200}
html[data-theme=light] .lpw>.lp--video{box-shadow:0 18px 40px rgba(40,44,90,.3)}
html[data-theme=light] .lp:not(.lp--video) input[type=range]::-webkit-slider-thumb{background:var(--ac);box-shadow:0 0 0 4px var(--acs)}
html[data-theme=light] .lp:not(.lp--video) input[type=range]::-moz-range-thumb{background:var(--ac)}
html[data-theme=light] .card__link:hover .art{box-shadow:0 14px 30px var(--shm)}
.card__link:hover{box-shadow:inset 0 0 0 1px var(--ln)}
html{scrollbar-color:var(--s3) transparent}
body{transition:background-color .25s,color .25s}

/* ---- کلید تم ---- */
.theme-btn .i-sun{display:none}.theme-btn .i-moon{display:inline-flex}
html[data-theme=dark] .theme-btn .i-sun{display:inline-flex}html[data-theme=dark] .theme-btn .i-moon{display:none}
.top__acts{margin-inline-start:auto;display:flex;align-items:center;gap:6px}
.top__acts .top__login{margin:0}
.theme-btn{border:1px solid var(--ln);background:var(--s1)}
.theme-btn:hover{background:var(--s2)}
/* انتخاب تم در تنظیمات (همان ظاهر کارت «نمایش محتوا») */
.mopts--3{grid-template-columns:1fr}
@media (min-width:640px){.mopts--3{grid-template-columns:repeat(3,1fr)}}
button.mopt{width:100%;text-align:start;cursor:pointer}
.mopt .ic{flex:none}

/* ---- جستجوی هدر (دسکتاپ) ---- */
.top__search{display:none;margin:0}
.sbox kbd{font:inherit;font-size:.72rem;line-height:20px;padding:0 7px;border-radius:6px;border:1px solid var(--ln);background:var(--s2);color:var(--mu)}
.sbox:focus-within kbd{display:none}
@media (pointer:coarse){.sbox kbd{display:none}}

/* ---- فلش‌های قفسه (دسکتاپ) ---- */
.shelf-box{position:relative}
.shx{display:none}
@media (hover:hover) and (pointer:fine){
  .shx{position:absolute;z-index:5;inset-block-start:calc(50% - 44px);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--s1);color:var(--tx);border:1px solid var(--ln2);box-shadow:0 8px 24px var(--shm);opacity:0;transition:opacity .2s,background .15s}
  .shx[hidden]{display:none}
  .shx--prev{inset-inline-start:-6px}.shx--next{inset-inline-end:-6px}
  .shelf-box:hover .shx,.shx:focus-visible{opacity:1}
  .shx:hover{background:var(--s2)}
  .shx .ic{width:20px;height:20px}
}

/* ---- دسکتاپ حرفه‌ای ---- */
@media (min-width:1024px){
  .side__in{padding:22px 16px 18px}
  .logo{padding:4px 12px 20px;font-size:1.3rem}
  .nv,.nav__list a{position:relative;min-height:42px}
  .nv.on::before,.nav__list .current-menu-item a::before{content:"";position:absolute;inset-block:10px;inset-inline-start:-16px;width:4px;border-radius:0 4px 4px 0;background:var(--ac)}
  html[dir=rtl] .nv.on::before{border-radius:4px 0 0 4px}
  .nvh{margin:22px 14px 6px;padding-block-start:16px;border-block-start:1px solid var(--ln)}
  .side__user{margin-block-start:auto;padding:14px 4px 0;border-block-start:1px solid var(--ln)}
  .top{padding-inline:28px;gap:16px;box-shadow:inset 0 -1px 0 var(--ln)}
  .top__search{display:flex;flex:1;max-width:520px;background:var(--s1)}
  .top__search:focus-within{box-shadow:0 0 0 4px var(--acs)}
  .pg{padding-block-end:64px}
  .pg__title{font-size:2.2rem}
  .sec{font-size:1.4rem;margin-block:38px 14px}
  .sec a{padding:4px 14px;border-radius:999px;border:1px solid var(--ln);transition:.15s}
  .sec a:hover{background:var(--s1);color:var(--ac);border-color:var(--ln2)}
  .shelf{gap:18px;padding-block:6px 14px}
  .hero2{min-height:480px;border-radius:32px}
  .hero2__in{max-width:740px;padding:52px 56px;gap:12px}
  .hero2 h2{font-size:2.8rem}
  .hero2__d{font-size:1.05rem;-webkit-line-clamp:3}
  .hero2 .btn--pri{min-height:50px;padding:0 28px;font-size:1rem}
  .pgrid{gap:26px}
  .sg.sg--video{max-width:1100px}
  .site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:22px 28px;text-align:start;background:var(--s1)}
  .foot-nav{margin:0}
  .site-footer p{margin:0}
  .auth{max-width:460px;padding:34px 30px}
  .pg--auth{padding-block:56px}
}
@media (min-width:1440px){.pg{max-width:1380px;padding-inline:40px}.top{padding-inline:40px}.hero2{min-height:520px}}
@media (min-width:1700px){.pg{max-width:1560px}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.shelf .card{flex-basis:196px}}

/* =====================================================================
   v1.7 — وبلاگ: فیلتر و کارت‌های افقی
   ===================================================================== */
.pg--blog{max-width:1240px}
.bf{display:flex;flex-direction:column;gap:12px;margin-block:14px 18px}
.bf__s{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--mu);transition:border-color .15s,box-shadow .15s}
.bf__s:focus-within{border-color:var(--ac);box-shadow:0 0 0 4px var(--acs)}
.bf__s input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:.95rem}
.bf__s input::placeholder{color:var(--mu)}
.bf__c{margin:0}
.bf__c .chip{min-height:40px;padding:0 18px;background:var(--s1)}
.bf__c .chip.on{background:var(--ac);color:var(--on-ac);border-color:transparent}
.bf__x{margin:0 0 14px;color:var(--mu)}
@media (min-width:900px){
  .bf{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-block:20px 24px}
  .bf__c{order:1;flex:1;min-width:0}
  .bf__s{order:2;width:280px;flex:none}
}
/* کارت افقی: متن + تصویر */
.bgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:900px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.bk{--sq:150px;position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:22px;background:var(--s1);border:1px solid var(--ln);transition:border-color .2s,transform .2s,box-shadow .2s}
.bk:hover,.bk:focus-within{border-color:var(--ln2);transform:translateY(-3px);box-shadow:0 18px 36px -22px var(--shh)}
.bk__b{flex:1;min-width:0;height:var(--sq);display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:2px 2px 0;overflow:hidden}
.bk__cat{display:inline-block;flex:none;padding:0 11px;line-height:23px;border-radius:999px;background:hsl(var(--h) 70% 50%/.16);color:hsl(var(--h) 90% 78%);font-size:.72rem;font-weight:700}
html[data-theme=light] .bk__cat{background:hsl(var(--h) 70% 50%/.12);color:hsl(var(--h) 70% 30%)}
.bk__t{font-size:.95rem;font-weight:800;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk__t a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:22px}
.bk:hover .bk__t a{color:var(--ac)}
.bk__ex{margin:0;color:var(--mu);font-size:.8rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk__m{margin-block-start:auto;display:flex;flex-wrap:nowrap;gap:4px 12px;color:var(--mu);font-size:.72rem;white-space:nowrap}
.bk__m span{display:inline-flex;align-items:center;gap:5px}.bk__m .ic{width:14px;height:14px}
.bk__img{position:relative;flex:0 0 auto;width:var(--sq);height:var(--sq);border-radius:16px;overflow:hidden;background:var(--s2)}
.bk__img .art{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0;transition:transform .5s}
.bk:hover .bk__img .art{transform:scale(1.06)}
.bk__cn{position:absolute;z-index:3;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;line-height:26px;border-radius:10px;background:rgba(10,10,15,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}
.bk__cn .ic{width:14px;height:14px}
.bk__img::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 20% 15%,hsl(var(--h) 85% 62%/.45),transparent 60%),linear-gradient(160deg,hsl(var(--h) 70% 28%/.5),rgba(8,8,14,.62));transition:opacity .3s}
.bk:hover .bk__img::after{opacity:.78}
.bk__img::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 52%,rgba(0,0,0,.34),transparent 64%)}
.bk__ic{position:absolute;z-index:2;inset:52% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;opacity:.62;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .25s,opacity .25s}
.bk__ic .ic{width:64px;height:64px;stroke-width:3.4}
.bk:hover .bk__ic{transform:translate(-50%,-50%) scale(1.08);opacity:.9}
@media (max-width:360px){.bk{--sq:128px}.bk__ex{-webkit-line-clamp:1}.bk__ic .ic{width:52px;height:52px}}
@media (min-width:900px){.bk{--sq:176px;padding:12px;gap:16px}.bk__t{font-size:1.02rem}.bk__ex{font-size:.84rem}.bk__m{font-size:.76rem}.bk__ic .ic{width:76px;height:76px}}
@media (min-width:1700px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* صفحه‌بندی قرصی */
.pg--blog .pager{margin-block:30px 6px;gap:4px;align-items:center}
.pg--blog .pager{width:max-content;max-width:100%;margin-inline:auto;padding:5px;border-radius:999px;background:var(--s1);border:1px solid var(--ln)}
.pg--blog .pager .page-numbers{min-width:38px;height:38px;padding:0;border-radius:50%;background:none;font-weight:700;font-variant-numeric:tabular-nums}
.pg--blog .pager .page-numbers .ic{width:18px;height:18px}
.pg--blog .pager .prev,.pg--blog .pager .next{padding:0}
.pg--blog .pager a.page-numbers:hover{background:var(--s3)}
.pg--blog .pager .current{background:var(--ac);color:var(--on-ac)}
.pg--blog .pager .dots{min-width:24px}


/* ---- کارت کلیپ و صدا: لایه‌ی رنگی و آیکون کم‌رنگ روی تصویر (فقط وقتی تصویر شاخص دارد) ---- */
.art__fx{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;background:radial-gradient(circle at 50% 52%,rgba(0,0,0,.34),transparent 64%),radial-gradient(circle at 20% 15%,hsl(var(--h) 85% 62%/.45),transparent 60%),linear-gradient(160deg,hsl(var(--h) 70% 28%/.5),rgba(8,8,14,.62));transition:opacity .3s}
.art__fx .ic{width:34%;height:auto;aspect-ratio:1;stroke-width:1.5;opacity:.62;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .25s,opacity .25s}
.card__link:hover .art__fx{opacity:.8}
.card__link:hover .art__fx .ic{transform:scale(1.08);opacity:.9}

/* لایه‌ی افکت زیر دکمه‌ی قلب بماند */
.art{isolation:isolate}
.card__fav{z-index:4}
.hd__art .art__fx .ic{width:38%}

/* خانه: وبلاگ آخرین بخش صفحه است */
.shelf-wrap--blog{margin-block-end:24px;padding-block-start:8px;border-block-start:1px solid var(--ln)}

/* ===== لیست پخش (v1.7.12) ===== */
.plbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);font-weight:700;font-size:.9rem;color:var(--tx);margin-block-start:8px;width:max-content;max-width:100%;transition:.15s}
.plbtn:hover{background:var(--s2);border-color:var(--ln2)}
.plbtn .ic{width:18px;height:18px;flex:none}.plbtn small{color:var(--mu);font-weight:600;font-size:.8rem}
.sg--video .hd__txt>.plbtn{grid-column:2;grid-row:1/4;margin:0;justify-self:end}
@media (max-width:480px){.sg--video .hd__txt>.plbtn{grid-column:1;grid-row:auto;justify-self:start;margin-block-start:6px}}

/* لایه‌ی افکت (رنگ + نقطه‌نقطه + آیکون نوع) مثل کاور پروفایل و کارت‌ها */
.pl__fx{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;
  background:radial-gradient(70% 150% at 10% 0,hsl(var(--h) 85% 58%/.55),transparent 62%),radial-gradient(60% 140% at 92% 0,hsl(calc(var(--h) + 75) 85% 62%/.45),transparent 60%),linear-gradient(160deg,hsl(var(--h) 70% 28%/.3),rgba(8,8,14,.55))}
.pl__cover .pl__fx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.24) 1px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.pl__fx .ic{position:relative;width:34px;height:34px;stroke-width:1.5;opacity:.7;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}

.pl{max-width:1100px;margin-inline:auto}
.pl__hero{position:relative;margin-block:12px 18px;border:1px solid var(--ln);border-radius:26px;overflow:hidden;background:var(--s1);box-shadow:0 18px 40px -24px var(--shh)}
.pl__cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;color:#fff;background:radial-gradient(circle at 25% 20%,hsl(var(--h) 80% 62%/.9),transparent 55%),radial-gradient(circle at 80% 85%,hsl(calc(var(--h) + 50) 75% 45%/.8),transparent 50%),hsl(var(--h) 45% 14%)}
.pl__img{position:absolute;inset:0}.pl__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.pl__cover:hover .pl__img img{transform:scale(1.04)}
.pl__cover .pl__fx{background:radial-gradient(70% 150% at 10% 0,hsl(var(--h) 85% 58%/.6),transparent 62%),radial-gradient(60% 140% at 92% 0,hsl(calc(var(--h) + 75) 85% 62%/.5),transparent 60%),linear-gradient(160deg,hsl(var(--h) 70% 28%/.35),rgba(8,8,14,.6))}
.pl__cover .pl__fx .ic{width:72px;height:72px;opacity:.55}
.pl__cover::after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:46%;background:linear-gradient(to bottom,transparent,var(--s1));pointer-events:none}
.pl__pill{position:absolute;z-index:4;inset-block-start:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(10,10,15,.55);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pl__pill .ic{width:15px;height:15px}
.pl__go{position:absolute;z-index:4;inset-block-end:34px;inset-inline-end:18px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ac);color:#fff;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);transition:transform .2s}
.pl__go .ic{width:22px;height:22px}.pl__cover:hover .pl__go{transform:scale(1.08)}
.pl__info{position:relative;z-index:5;display:flex;flex-direction:column;gap:10px;padding:0 20px 20px;margin-block-start:-30px}
.pl__t{font-size:1.45rem;font-weight:800;line-height:1.55;margin:0}
.pl__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pl__meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--s2);color:var(--mu);font-size:.8rem;font-weight:600}
.pl__meta .ic{width:14px;height:14px}
.pl__d{color:var(--mu);font-size:.9rem;line-height:1.9;margin:0}
.pl__acts{display:flex;gap:10px;align-items:stretch;margin-block-start:4px}
.pl__acts .btn--pri{flex:1.2;justify-content:center}
.pl__acts [data-plsave]{flex:1;justify-content:center}
.pl__acts .ib{flex:none}
[data-plsave].on{border-color:var(--ac);color:var(--ac);background:var(--acs)}

.pl__h{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;margin:6px 4px 10px}
.pl__h small{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:var(--s2);color:var(--mu);font-size:.78rem;font-weight:700}
.pl__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pl__a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:16px;border:1px solid transparent;color:inherit;transition:.15s}
.pl__a:hover{background:var(--s1);border-color:var(--ln)}
.pl__it.on .pl__a{background:var(--acs);border-color:var(--ac)}
.pl__n{width:26px;flex:none;text-align:center;color:var(--mu);font-weight:700;font-size:.85rem}
.pl__th{position:relative;flex:none;display:block;width:40%;max-width:190px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 25% 20%,hsl(var(--h) 80% 62%/.9),transparent 55%),radial-gradient(circle at 80% 85%,hsl(calc(var(--h) + 50) 75% 45%/.8),transparent 50%),hsl(var(--h) 45% 14%)}
.pl__th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pl--audio .pl__th{width:76px;aspect-ratio:1/1}
.pl__dur{position:absolute;z-index:3;inset-inline-end:6px;inset-block-end:6px;background:rgba(10,10,15,.78);color:#fff;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:7px;line-height:1.5}
.pl__tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pl__tx b{font-size:.95rem;line-height:1.6;font-weight:700}
.pl__tx small{color:var(--mu);font-size:.78rem}
.pl__pb{display:none;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--s2);color:var(--tx)}
.pl__pb .ic{width:15px;height:15px}
@media (hover:hover){.pl__a:hover .pl__pb{display:grid}}
/* نشانگر «در حال پخش» */
.pl__eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.pl__eq b{width:3px;border-radius:2px;background:var(--ac);animation:plq 1s ease-in-out infinite}
.pl__eq b:nth-child(1){height:60%}.pl__eq b:nth-child(2){height:100%;animation-delay:.2s}.pl__eq b:nth-child(3){height:75%;animation-delay:.4s}
@keyframes plq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.pl__eq b{animation:none}.pl__img img{transition:none}}
@media (min-width:900px){
  .pl{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:32px;align-items:start}
  .pl__hero{position:sticky;top:84px}
  .pl__body{padding-block-start:12px}
  .pl__th{width:200px}
}
/* کارت لیست پخش در قفسه‌ها */
.plc__n{position:absolute;z-index:3;inset-inline-end:8px;inset-block-end:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:rgba(10,10,15,.72);color:#fff;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.plc__n .ic{width:13px;height:13px}

/* ===== v1.7.15 — ارتقای لیست پخش و صفحه‌ی صدا ===== */

/* --- لیست پخش: دکمه‌های اقدام (روی گوشی جا می‌شوند) --- */
.pl__acts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 48px;gap:8px;align-items:stretch;margin-block-start:6px}
.pl__acts .btn{min-height:48px;padding:0 12px;gap:7px;font-size:.92rem;white-space:nowrap;min-width:0}
.pl__acts .btn .ic{width:19px;height:19px}
.pl__acts .btn span{overflow:hidden;text-overflow:ellipsis}
.pl__acts .btn--pri{box-shadow:0 10px 22px -10px var(--glow)}
.pl__acts .btn--pri .ic{fill:currentColor;stroke-width:1.5}
.pl__acts .btn:active,.pl__acts .ib:active{transform:scale(.97)}
.pl__acts .ib{width:48px;height:48px;border:1px solid var(--ln);background:var(--s2);color:var(--tx)}
.pl__acts .ib:hover{background:var(--s3)}
.pl__acts .ib .ic{width:20px;height:20px}
@media (max-width:360px){
  .pl__info{padding-inline:14px}
  .pl__acts{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 44px;gap:6px}
  .pl__acts .btn{padding:0 8px;gap:5px;font-size:.86rem}
  .pl__acts .btn .ic{width:17px;height:17px}
  .pl__acts .ib{width:44px;height:48px;border-radius:999px}
}

/* --- لیست پخش: ردیف قسمت‌ها --- */
.pl__list{gap:4px}
.pl__a{padding:8px;gap:10px;border-radius:18px}
.pl__tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl__it.on .pl__a{box-shadow:0 8px 22px -14px var(--glow)}
.pl__it.on .pl__tx b{color:var(--ac)}
.pl__a:active{background:var(--s2)}
.pl__h{font-size:1.05rem}
@media (max-width:480px){
  .pl__n{width:20px;font-size:.78rem}
  .pl__th{width:36%}
  .pl--audio .pl__th{width:64px;border-radius:14px}
  .pl__t{font-size:1.3rem}
}

/* --- صفحه‌ی صدا: سربرگ --- */
.sg--audio .hd{align-items:center;gap:14px}
.sg--audio .hd__art{width:104px}
.sg--audio .hd__art .art{border-radius:16px}
.sg--audio .hd h1{font-size:1.3rem;line-height:1.5;margin:2px 0}
@media (min-width:640px){.sg--audio .hd__art{width:150px}.sg--audio .hd h1{font-size:1.8rem}}
.sg--audio .hd__fav{align-self:flex-start}
.nowp{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 14px;border-radius:999px;background:var(--acs);color:var(--tx2);font-size:.86rem}
.nowp::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac);flex:none}
.nowp b{color:var(--tx);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- صفحه‌ی صدا: پلیر --- */
.lp--audio{isolation:isolate;padding:18px 18px 12px;border-radius:26px;background:var(--s1);border:1px solid var(--ln);box-shadow:0 22px 44px -30px var(--shh)}
.lp--audio .lp__row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"seek seek" "cur dur";row-gap:0;column-gap:0}
.lp--audio .lp__seek{grid-area:seek;width:100%;height:30px;background:linear-gradient(to right,var(--ac) var(--p,0%),var(--trk) var(--p,0%)) center/100% 6px no-repeat;border-radius:6px}
.lp--audio .lp__seek::-webkit-slider-thumb{width:18px;height:18px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 0 5px var(--acs);transition:transform .15s}
.lp--audio .lp__seek:active::-webkit-slider-thumb{transform:scale(1.25)}
.lp--audio .lp__seek::-moz-range-thumb{width:18px;height:18px}
.lp--audio .lp__t{font-size:.78rem;font-weight:600;min-width:0;padding-inline:2px}
.lp--audio [data-cur]{grid-area:cur;text-align:start}
.lp--audio [data-dur]{grid-area:dur;text-align:end}

.lp--audio .lp__ctrl{gap:6px;margin-block:10px 8px}
.lp--audio .lp__ctrl .ib{width:48px;height:48px;color:var(--tx2)}
.lp--audio .lp__ctrl .ib .ic{width:24px;height:24px}
.lp--audio .lp__ctrl .ib:active{transform:scale(.9)}
.lp--audio .lp__play{position:relative;width:72px;height:72px;margin-inline:6px;box-shadow:0 6px 16px -6px var(--glow)}
.lp--audio .lp__play .ic{width:30px;height:30px;fill:currentColor;stroke-width:1.5}
.lp--audio .lp__play:active{transform:scale(.94)}

.lp--audio .lp__opts{justify-content:flex-start;gap:6px;padding-block-start:10px;border-block-start:1px solid var(--ln);direction:rtl}
.lp--audio .lp__opts .menuwrap{margin-inline-end:auto}
.lp--audio .lp__opts .chip{min-height:38px;padding:0 14px;background:var(--s2)}
.lp--audio .ib--s{width:40px;height:40px;background:var(--s2)}
.lp--audio .ib--s .ic{width:19px;height:19px}
.lp--audio .ib--s[aria-pressed=true]{background:var(--acs);color:var(--ac)}
.lp--audio .vol{margin-inline-start:auto}
.lp--audio .vol .ib{width:40px;height:40px}.lp--audio .vol .ic{width:20px;height:20px}
.lp--audio .vol input{width:96px}
.lp--audio .menu{min-width:130px;border-radius:16px}
@media (pointer:coarse){.lp--audio .vol{display:none}}
@media (max-width:380px){
  .lp--audio{padding:16px 12px 10px}
  .lp--audio .lp__ctrl{gap:2px}
  .lp--audio .lp__ctrl .ib{width:44px;height:44px}
  .lp--audio .lp__play{width:68px;height:68px;margin-inline:4px}
}

/* ===== v1.7.16 — سربرگ صفحه‌ی صدا: کاور کنار متن؛ قلب کنار دسته‌بندی‌ها ===== */
.sg--audio .hd{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-items:center}
.sg--audio .hd__art{width:auto}
.sg--audio .hd h1{font-size:1.25rem;line-height:1.6;margin:2px 0;overflow-wrap:anywhere}
.sg--audio .hd .chips{align-items:center;margin-block:8px 0}
.hd__acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:10px 4px}
.sg--audio .hd__acts .hd__fav{width:40px;height:40px;border-radius:50%;align-self:auto}
.sg--audio .hd__acts .hd__fav .ic{width:19px;height:19px}
@media (min-width:640px){
  .sg--audio .hd{grid-template-columns:150px minmax(0,1fr)}
  .sg--audio .hd h1{font-size:1.8rem}
}

/* ===== v1.7.25 — برگه‌ی کلمه با ترجمه‌ی گوگل ===== */
.sheet__box{animation:wsUp .22s ease-out}
@keyframes wsUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet__box{animation:none}}
.sheet__grip{display:block;width:40px;height:4px;border-radius:4px;background:var(--s3);margin:-12px auto 12px}
.sheet__x{inset-inline-end:auto;inset-inline-start:10px}
.ws-head{display:flex;align-items:center;gap:6px;direction:ltr}
.ws-head h3{margin:0;overflow-wrap:anywhere}
.ws-say{background:var(--s3)}
.ws-pron{margin:0 0 8px}
.ws-fa{font-size:1.55rem;line-height:1.5;margin:6px 0 4px}
.ws-fa:empty{display:none}
.ws-fa.is-loading{font-size:1rem;font-weight:500;color:var(--mu);animation:wsPulse 1.2s ease-in-out infinite}
@keyframes wsPulse{50%{opacity:.4}}
.ws-alts{display:flex;flex-direction:column;gap:8px;margin:10px 0 6px}
.ws-alts[hidden],.ws-en[hidden],.ws-src[hidden]{display:none}
.ws-alt{display:flex;gap:10px;align-items:baseline}
.ws-pos{flex:0 0 auto;min-width:54px;font-size:.78rem;font-weight:700;color:var(--mu)}
.ws-chips{display:flex;flex-wrap:wrap;gap:6px}
.ws-chip{padding:3px 11px;border-radius:999px;background:var(--s3);color:var(--tx);font-size:.92rem}
.ws-en{margin-block-start:12px;padding-block-start:12px;border-block-start:1px solid var(--s3)}
.ws-lbl{display:block;font-size:.75rem;color:var(--mu);margin-block-end:2px}
.ws-src{font-size:.72rem;color:var(--mu);margin-block-start:10px}
.sheet__acts .btn{flex:1;justify-content:center}

/* ===== v1.7.31 — بازطراحی منوهای پلیر (زیرنویس، سرعت، کیفیت) ===== */
/* پایه‌ی مشترک همه‌ی منوها: شیشه‌ای، گوشه‌گرد، علامت ✓ برای گزینه‌ی انتخاب‌شده */
.menu{border-radius:16px;padding:6px;min-width:168px;box-shadow:0 18px 50px var(--shc),0 0 0 1px var(--ln);transform-origin:100% 100%;animation:menuIn .16s cubic-bezier(.2,.8,.2,1)}
.menu[hidden]{display:none}
.menu button{gap:10px;transition:background .12s,color .12s}
.menu button:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.menu button[aria-checked=true]:not(.menu__act)::after{content:"";margin-inline-start:auto;flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
:root{--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-11'/%3E%3C/svg%3E")}
@keyframes menuIn{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.menu{animation:none}}

/* دکمه‌های نوار پلیر ویدئو: قرص‌های کوچک (EN، ۱×، ۷۲۰p) */
.lp__bar2{gap:4px}
.lp--video .lp__bar .ib--pill{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:32px;padding:0 10px 0 8px;gap:4px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.78rem;font-weight:700;letter-spacing:.2px;margin-inline-start:2px}
.lp--video .lp__bar .ib--pill:hover{background:rgba(255,255,255,.22)}
.lp--video .lp__bar .ib--pill .ic{width:14px;height:14px;opacity:.85;transition:transform .18s}
.lp--video .lp__bar .ib--pill b{font-weight:800;direction:ltr;white-space:nowrap}
.lp--video .lp__bar .ib--pill[aria-expanded=true]{background:#fff;color:#14141c}
.lp--video .lp__bar .ib--pill[aria-expanded=true] .ic{transform:rotate(180deg)}
.lp--video .lp__bar .ib--pill.on:not([aria-expanded=true]){background:var(--acs);color:#fff;box-shadow:inset 0 0 0 1px var(--ac)}
.lp--video .lp__bar .ib--pill [data-q-l]:empty{display:none}

/* پنل منو روی ویدئو */
.lp__bar .menu{background:rgba(18,18,26,.94);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:8px;min-width:224px;color:#fff;box-shadow:0 20px 54px rgba(0,0,0,.6)}
.lp__bar .menu::before{content:attr(data-title);display:block;padding:4px 10px 8px;font-size:.72rem;font-weight:800;letter-spacing:.3px;color:rgba(255,255,255,.55)}
.lp__bar .menu>button{min-height:44px;border-radius:12px;color:#fff;font-size:.9rem}
.lp__bar .menu>button:hover{background:rgba(255,255,255,.1)}
.lp__bar .menu>button[aria-checked=true]{background:var(--acs);color:#fff;font-weight:700}
.lp__bar .menu>button[aria-checked=true]::after{color:var(--ac2)}
.menu__tag{flex:none;min-width:46px;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.12);font-size:.7rem;font-weight:800;letter-spacing:.3px;text-align:center;direction:ltr}
.menu>button[aria-checked=true] .menu__tag{background:var(--ac);color:var(--on-ac)}
.menu__lb{min-width:0;overflow:hidden;text-overflow:ellipsis}
.menu__h{margin:8px 2px 0;padding:10px 8px 6px;border-top:1px solid rgba(255,255,255,.1);font-size:.72rem;font-weight:800;letter-spacing:.3px;color:rgba(255,255,255,.55)}
.menu__row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 2px 2px}
.lp__bar .menu .menu__act{flex-direction:column;justify-content:center;gap:5px;min-height:62px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:600;text-align:center;white-space:normal;line-height:1.35}
.menu__act .ic{width:18px;height:18px}
.lp__bar .menu .menu__act:hover{background:rgba(255,255,255,.16)}
.lp__bar .menu .menu__act[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
/* سرعت و کیفیت: شبکه‌ی ۳ستونه‌ی دکمه‌های انتخابی */
.lp__bar .menu--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:236px}
.lp__bar .menu--grid::before{grid-column:1/-1}
.lp__bar .menu--grid>button{justify-content:center;min-height:42px;padding:0 6px;background:rgba(255,255,255,.08);font-weight:700;direction:ltr}
.lp__bar .menu--grid>button[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
.lp__bar .menu--grid>button[aria-checked=true]::after{display:none}
.lp__bar .menu[hidden]{display:none!important}

/* موبایل / لمسی: پنل فشرده روی ویدئو؛ گزینه‌ها به‌صورت چیپ کنار هم (ارتفاع ویدئو کم است) */
@media (pointer:coarse),(max-width:600px){
  .lp--video .lp__bar .ib--pill{height:34px;padding:0 10px 0 8px}
  .lp--video .lp__bar .ib--pill .ic{width:13px;height:13px}
  .lp__bar .menu,.lp__bar .menu--grid{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:8px;border-radius:16px}
  .lp__bar .menu::before,.menu__h{display:none}
  .lp__bar .menu>button,.lp__bar .menu--grid>button{flex:1 1 auto;width:auto;min-height:38px;padding:0 14px;border-radius:999px;justify-content:center;background:rgba(255,255,255,.1)}
  .lp__bar .menu>button[aria-checked=true],.lp__bar .menu--grid>button[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
  .lp__bar .menu>button[aria-checked=true]::after{display:none}
  .menu__tag{display:none}
  .menu__row{display:contents}
  .lp__bar .menu .menu__act{flex:1 1 auto;flex-direction:row;min-height:38px;padding:0 12px;border-radius:999px;gap:6px;font-size:.8rem;white-space:nowrap}
  .lp__bar .menu[hidden]{display:none!important}
}
html[data-theme=light] .lp--video .lp__bar .menu{color:#fff}

/* v1.7.31: دکمه‌ی زیرنویس تک‌ضربه‌ای (مثل کاوش): هر بار زدن حالت را عوض می‌کند */
.lp--video .lp__bar .ib--cc{font-size:.78rem;gap:6px;padding:0 12px 0 10px;transition:background .15s,transform .12s}
.lp--video .lp__bar .ib--cc .ic{width:18px;height:18px;opacity:1;transform:none}
.lp--video .lp__bar .ib--cc:active{transform:scale(.94)}
.lp--video .lp__bar .ib--cc.on{background:var(--ac);color:var(--on-ac);box-shadow:none}
.lp--video .lp__bar .ib--cc.on .ic{color:inherit}
/* دکمه‌ی سرعت تک‌ضربه‌ای: وقتی روی ۱× نیست پر می‌شود */
.lp--video .lp__bar .ib--spd{gap:5px;padding:0 11px 0 9px;transition:background .15s,transform .12s}
.lp--video .lp__bar .ib--spd .ic{width:16px;height:16px;opacity:1}
.lp--video .lp__bar .ib--spd:active{transform:scale(.94)}
.lp--video .lp__bar .ib--spd.on{background:var(--ac);color:var(--on-ac)}

/* v1.7.31: زمان کنار نوار پیشرفت (بالای دکمه‌ها)؛ دکمه‌ها دیگر زمان را فشرده نمی‌کنند */
.lp__sr{display:flex;align-items:center;gap:8px;direction:ltr;padding-inline:6px}
.lp__sr .lp__seek{flex:1;min-width:0;width:auto}
.lp--video .lp__sr .lp__t{flex:none;min-width:0;width:auto;font-size:.74rem;font-weight:600;color:rgba(255,255,255,.88);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.lp--video .lp__sr [data-dur]{color:rgba(255,255,255,.6)}
@media (pointer:coarse),(max-width:600px){.lp--video .lp__sr{padding-inline:4px}}
.lp--video .lp__bar .ib--cc.on:not([aria-expanded=true]){background:var(--ac);color:var(--on-ac);box-shadow:none}
/* گوشی‌های باریک: قرص‌ها فشرده‌تر و بدون آیکن تا دکمه‌ی تمام‌صفحه جا بماند */
@media (max-width:480px){
  .lp--video .lp__bar2{gap:0}
  .lp--video .lp__bar .ib--pill{padding:0 9px;margin-inline-start:3px;gap:0;font-size:.74rem}
  .lp--video .lp__bar .ib--pill .ic{display:none}
  .lp--video .lp__bar .ib--cc{padding:0 9px}
  .lp--video .lp__bar .ib{width:34px;height:34px}
  .lp--video .lp__bar .ib--pill{width:auto;height:32px}
}

/* ---- کانال تلگرام در منو: با لمس/هاور آبی می‌شود ---- */
.nv--tg:hover,.nv--tg:active,.nv--tg:focus-visible{color:#229ed9;background:rgba(34,158,217,.14)}
html[data-theme=light] .nv--tg:hover,html[data-theme=light] .nv--tg:active,html[data-theme=light] .nv--tg:focus-visible{color:#1479ad;background:rgba(34,158,217,.12)}

/* ---- ذخیره‌ی مقاله‌های مجله ---- */
.bk__fav{opacity:1;inset-block-start:8px;inset-inline-start:8px;inset-inline-end:auto;z-index:4;width:34px;height:34px}
.chip small{margin-inline-start:2px;color:var(--mu);font-variant-numeric:tabular-nums}.chip.on small{color:inherit}

/* ---- کتابخانه: مدیریت هوشمند ---- */
.lib-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lib-head .btn{margin-block-start:20px;flex:none}
.lib-tools{display:flex;flex-wrap:wrap;gap:8px;margin-block:10px 6px}
.lib-q{flex:1 1 220px;max-width:none;height:40px}
.lib-sel{min-height:40px;padding:0 14px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--tx);font-size:.86rem;font-weight:600;max-width:100%;cursor:pointer}
.lib-sel:focus-visible{border-color:var(--ac)}
.chip small{margin-inline-start:2px;color:var(--mu);font-variant-numeric:tabular-nums}.chip.on small{color:inherit}
.lbi{position:relative;min-width:0}
.lbi[hidden],.vw[hidden],[data-lib-smart][hidden],[data-lib-sec][hidden]{display:none!important}
.lbi__p{display:block;height:3px;border-radius:3px;background:var(--trk);margin-block-start:6px;overflow:hidden}
.lbi__p u{display:block;height:100%;background:var(--ac);text-decoration:none}
.lib-rev{display:flex;align-items:center;gap:14px;margin-block:14px;padding:14px 16px;border-radius:20px;background:var(--acs);border:1px solid var(--ln);color:var(--tx)}
.lib-rev__i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);flex:none}
.lib-rev__t{flex:1;min-width:0;line-height:1.6}.lib-rev__t b{display:block}.lib-rev__t small{color:var(--mu)}
.lib-rev__go{flex:none;min-height:40px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pri-a),var(--pri-b));color:var(--pri-tx);font-weight:700;font-size:.9rem;cursor:pointer}
@media (max-width:520px){.lib-rev{flex-wrap:wrap}.lib-rev__t{flex-basis:calc(100% - 60px)}.lib-rev__go{flex:1 0 100%}}
.vw__s{font-size:.72rem;font-weight:700;padding:1px 10px;border-radius:999px;background:var(--s2);color:var(--mu);white-space:nowrap}
.vw__s--due{background:var(--acs);color:var(--ac)}.vw__s--ok{color:var(--ok)}
.lib-none{margin-block:18px}
.toast--act{display:flex;align-items:center;gap:6px;pointer-events:auto}
.toast__undo{color:var(--ac);font-weight:800;text-decoration:underline;text-underline-offset:3px;min-height:32px;padding:0 6px}

/* =====================================================================
   v1.10.10 — منوی کشویی بدون موارد تکراری، تنظیمات
   ===================================================================== */
/* منوی کشویی: مواردی که نوار پایین هم دارد (خانه، کاوش، جستجو، مجله، کتابخانه) فقط در دسکتاپ می‌مانند */
@media (max-width:1023px){
  .nv--bn{display:none}
  .nav>.nvh:first-of-type{margin-block-start:4px}
}

/* ---- تنظیمات ---- */
.st .pr__top{margin-block:14px 4px}
.st-card{margin-block:14px;padding:18px;background:var(--s1);border:1px solid var(--ln);border-radius:22px;box-shadow:inset 0 1px 0 var(--gl)}
.st-h{margin:0 0 4px;font-size:.82rem;font-weight:800;color:var(--mu)}
.st-me{display:flex;align-items:center;gap:14px}
.st-me__img{display:block;flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--s2);border:2px solid var(--ln)}
.st-me__t{flex:1;min-width:0;display:grid;gap:2px;justify-items:start}
.st-me__t b{font-size:1.1rem;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.st-me__t small{color:var(--mu);font-size:.86rem;overflow-wrap:anywhere;unicode-bidi:isolate}
.st-me__t .pill{margin-block-start:4px}
.st-me__out{flex:none}
@media (max-width:420px){.st-me__out span{display:none}.st-me__out{width:44px;padding:0}}
.st-hello{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,var(--acs),transparent 75%),var(--s1)}
.st-hello__i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);flex:none;font-style:normal}
.st-hello__t{flex:1 1 220px;min-width:0;display:grid;line-height:1.7}.st-hello__t small{color:var(--mu);font-size:.86rem}
@media (max-width:520px){.st-hello .btn{flex:1 0 100%}}
.st-row{display:grid;gap:12px;padding-block:16px;border-block-start:1px solid var(--ln)}
.st-h + .st-row{border-block-start:0}
.st-row__h{display:flex;align-items:center;gap:12px}
.st-row__h>i,.st-acc summary>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--acs);color:var(--ac);font-style:normal}
.st-row__h b{display:block;font-weight:800;line-height:1.5}.st-row__h small{display:block;color:var(--mu);font-size:.8rem;line-height:1.7}
.st-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--s2);border:1px solid var(--ln);border-radius:16px}
.st-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st-seg__o{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 8px;border-radius:12px;color:var(--mu);font-weight:700;font-size:.9rem;transition:background .15s,color .15s;text-align:center;cursor:pointer}
.st-seg__o .ic{width:18px;height:18px}
.st-seg__o:hover{color:var(--tx)}
.st-seg__o[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
@media (max-width:360px){.st-seg__o .ic{display:none}}
.st-acc{padding-block:6px}
.st-acc .st-h{margin:12px 0 0}
.st-acc details{border-block-start:1px solid var(--ln)}
.st-acc .st-h + details,.st-acc>details:first-child{border-block-start:0}
.st-acc summary{display:flex;align-items:center;gap:12px;min-height:60px;padding-block:10px;cursor:pointer;list-style:none}
.st-acc summary::-webkit-details-marker{display:none}
.st-acc summary>span{flex:1;min-width:0;display:grid;line-height:1.55}
.st-acc summary b{font-weight:800}.st-acc summary small{color:var(--mu);font-size:.8rem}
.st-acc summary>em{display:grid;place-items:center;color:var(--mu);font-style:normal;transition:transform .2s}
.st-acc details[open]>summary>em{transform:rotate(180deg)}
.st-acc__b{padding-block:0 18px}
.st-acc .form{margin-block:0}
.st-acc .form input,.st-acc .form select,.st-acc .form textarea{background:var(--s2)}
.st-acc--danger{border-color:rgba(255,107,122,.3)}
.st-acc--danger summary>i{background:rgba(255,107,122,.14);color:var(--err)}.st-acc--danger summary b{color:var(--err)}

/* ---- متن سایت قابل انتخاب نیست (فقط فیلدهای ورودی) ---- */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}

/* ---- مرور لغت: صفحه‌ی مرور ---- */
.lrv .sheet__box{display:flex;flex-direction:column;gap:6px;width:100%;max-width:520px;min-height:min(560px,82vh);max-height:92vh;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));text-align:center}
.lrv__top{display:flex;align-items:center;gap:12px}
.lrv__prog{flex:1;height:6px;border-radius:6px;background:var(--s3);overflow:hidden}
.lrv__prog i{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width .3s}
.lrv__n{flex:none;min-width:54px;font-size:.82rem;color:var(--mu);font-variant-numeric:tabular-nums}
.lrv__card{flex:1;display:flex;flex-direction:column;min-height:0}
.lrv__card[hidden],.lrv__end[hidden]{display:none}
.lrv__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-block:18px}
.lrv__w{font-size:2.4rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.lrv__p{margin:0;color:var(--mu);min-height:1.6em}
.lrv__say{display:grid;place-items:center;width:48px;height:48px;margin-block:8px;border-radius:50%;background:var(--acs);color:var(--ac)}
.lrv__say:hover{filter:brightness(1.1)}
.lrv__a{width:100%;margin-block-start:8px;padding:14px 16px;border-radius:18px;background:var(--s3)}
.lrv__a[hidden]{display:none}
.lrv__fa{margin:0;font-weight:800;font-size:1.3rem;line-height:1.7}
.lrv__d{margin:6px 0 0;color:var(--mu);font-size:.9rem}
.lrv__acts{display:grid;gap:10px}
.lrv__show{width:100%;min-height:52px;font-size:1rem}
.lrv__g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lrv__g[hidden]{display:none}
.lrv__g .btn{min-height:52px;font-size:1rem;font-weight:800}
.lrv__no{background:rgba(255,107,122,.14);color:var(--err);border-color:rgba(255,107,122,.3)}
.lrv__yes{background:rgba(70,211,154,.16);color:var(--ok);border-color:rgba(70,211,154,.35)}
.lrv__end{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-block:20px}
.lrv__ok{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(70,211,154,.16);color:var(--ok);font-style:normal}
.lrv__ok .ic{width:30px;height:30px;stroke-width:3}
.lrv__done{margin:0;font-size:1.05rem;font-weight:700;line-height:1.9}

/* =====================================================================
   v1.10.11 — منوی کشویی موبایل: پربار و بدون تکرار
   موارد نوار پایین تکرار نمی‌شوند؛ میانبرهای تازه فقط در موبایل/تبلت دیده می‌شوند.
   ===================================================================== */
.nvh--m,.nv--m{display:none}
.side__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.side__top .logo{min-width:0}
.side__x{margin-block-start:-2px}
.nv__b{margin-inline-start:auto;min-width:24px;height:22px;padding:0 8px;border-radius:999px;background:var(--ac);color:var(--on-ac);font-size:.74rem;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.nv__dot{width:24px;height:24px;display:grid;place-items:center;flex:none;font-style:normal}
.nv__dot::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.nv__dot--easy{color:var(--ok)}.nv__dot--mid{color:var(--warn)}.nv__dot--adv{color:var(--err)}
.nv__s{margin-inline-start:auto;color:var(--mu);font-size:.74rem;font-weight:700;letter-spacing:.02em;opacity:.85}
@media (max-width:1023px){
  .nvh--m{display:block}
  .nv--m{display:flex}
  .nvh--d{display:none}
  .nvh--m{margin:18px 14px 4px;font-size:.78rem;font-weight:700;color:var(--mu)}
  .nav>.nvh--m:first-child{margin-block-start:4px}
}
@media (min-width:1024px){
  .side__x{display:none}
}

/* v1.11.0 — دکمه‌ی «آزمون لیسنینگ» در منو */
.nv--quiz .ic:first-child{color:var(--ac2)}
.nv--quiz .nv__tag{margin-inline-start:auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acs);color:var(--ac)}
.nv--quiz .nv__tag .ic{width:15px;height:15px}
.nv--quiz.on .nv__tag{background:var(--ac);color:var(--on-ac)}

/* ---- محافظ سراسری: انتخاب متن هرگز ممکن نیست، ترجمه‌ی خودکار ممنوع ---- */
html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
input,textarea,select,[contenteditable=true],input *,textarea *{-webkit-user-select:text;user-select:text}
body *::selection{background:transparent;color:inherit}
input::selection,textarea::selection{background:var(--acs,rgba(139,123,255,.3))}

.vw__alts{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}
.vw__more{margin:8px 0 0}
.vw__full{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--acs);color:var(--ac);font-size:.85rem;font-weight:700;text-decoration:none}
.vw__full svg{width:15px;height:15px}
.vw__full:hover{filter:brightness(1.15)}
.lrv__alt{margin:6px 0 0;font-size:.95rem;color:var(--mu);line-height:1.8}
.lrv__alt:empty{display:none}

/* ---- لغات: یادداشت و دسته‌بندی (v1.18.0) ---- */
.chip[hidden]{display:none}
.cc-0{--cc:#8b7bff}.cc-1{--cc:#ff7ab8}.cc-2{--cc:#46d39a}.cc-3{--cc:#ffc857}.cc-4{--cc:#4fb8ff}.cc-5{--cc:#ff8a5b}.cc-6{--cc:#b58cff}.cc-7{--cc:#5ee0d0}
html[data-theme=light] .cc-0{--cc:#6a58ee}html[data-theme=light] .cc-1{--cc:#d9367f}html[data-theme=light] .cc-2{--cc:#1b9e6c}html[data-theme=light] .cc-3{--cc:#c58a00}html[data-theme=light] .cc-4{--cc:#1481cc}html[data-theme=light] .cc-5{--cc:#d2561f}html[data-theme=light] .cc-6{--cc:#8554d9}html[data-theme=light] .cc-7{--cc:#0f9d8e}
.cdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cc,var(--ac));flex:none}
.wcats{margin-block:2px 4px}.wcats .chips{margin-block:6px}
.wcats__hint{margin:2px 2px 8px;color:var(--mu);font-size:.82rem;line-height:1.8}
.wchip.on{box-shadow:inset 0 0 0 1.5px var(--cc,var(--ac))}
.wcats__new{background:transparent;border-style:dashed}.wcats__new:hover{border-color:var(--ac);color:var(--ac)}
.vw__f{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-block-start:10px}
.vw__cats{display:contents}
.vtag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 11px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--cc,var(--ac));background:color-mix(in srgb,var(--cc,var(--ac)) 14%,transparent);cursor:pointer}
.vtag:hover{background:color-mix(in srgb,var(--cc,var(--ac)) 24%,transparent)}
.vw__add{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;border-radius:999px;border:1px dashed var(--ln2);color:var(--mu);font-size:.78rem;font-weight:600;cursor:pointer}
.vw__add:hover{color:var(--ac);border-color:var(--ac)}.vw__add .ic{width:14px;height:14px}.vw__add[hidden]{display:none}
.vw__f .vw__full{margin-inline-start:auto;padding:3px 11px;font-size:.78rem}
.vw__note{display:flex;align-items:flex-start;gap:8px;width:100%;margin-block-start:10px;padding:9px 12px;border-radius:12px;background:var(--s2);border:1px solid var(--ln);color:var(--tx2);font-size:.88rem;line-height:1.85;text-align:start;cursor:pointer}
.vw__note[hidden]{display:none}.vw__note .ic{width:16px;height:16px;flex:none;margin-block-start:5px;color:var(--ac)}
.vw__note span{white-space:pre-line;word-break:break-word;min-width:0}
.vw__note:hover{border-color:var(--ac)}
/* پنجره‌ی یادداشت/دسته */
.wsh .sheet__box{display:flex;flex-direction:column;gap:6px}
.wsh .sheet__box{padding-block-start:22px}
.wsh__t{margin:0 0 10px;font-size:1.35rem;min-height:44px;display:flex;align-items:center;padding-inline-end:52px}
.wsh__l{margin:10px 0 2px;font-size:.85rem;font-weight:700;color:var(--tx2)}
.wsh__ta{width:100%;min-height:96px;resize:vertical;padding:12px 14px;border-radius:14px;background:var(--s1);border:1px solid var(--ln);color:var(--tx);font:inherit;font-size:.95rem;line-height:1.9}
.wsh__ta:focus{outline:0;border-color:var(--ac)}
.wsh__c{align-self:flex-end;font-size:.72rem;color:var(--mu);font-variant-numeric:tabular-nums}
.wsh__cats{display:flex;flex-wrap:wrap;gap:8px;margin-block:4px}
.wsh__cats .wsel.on{background:color-mix(in srgb,var(--cc,var(--ac)) 18%,transparent);color:var(--cc,var(--ac));box-shadow:inset 0 0 0 1.5px var(--cc,var(--ac))}
.wsh__hint{margin:6px 0 0;font-size:.8rem;color:var(--mu);line-height:1.8}
.wsh__new{display:flex;gap:8px;margin-block:6px}
.wsh__new input{flex:1;min-width:0;min-height:40px;padding:0 14px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--tx);font:inherit;font-size:.9rem}
.wsh__new input:focus{outline:0;border-color:var(--ac)}
.wsh__new .btn .ic{width:16px;height:16px}
.wsh__acts{margin-block-start:10px}
.cman__list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;max-height:46vh;overflow:auto}
.cman__it{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 4px;border-radius:14px;background:var(--s1);border:1px solid var(--ln)}
.cman__it .cdot{margin-inline-start:10px}
.cman__it input{flex:1;min-width:0;min-height:38px;padding:0 8px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--tx);font:inherit;font-weight:700}
.cman__it input:hover{border-color:var(--ln)}.cman__it input:focus{outline:0;border-color:var(--ac);background:var(--s2)}
.cman__it small{color:var(--mu);white-space:nowrap}
.cman__it .ib{width:38px;height:38px}.cman__it .ib:hover{color:var(--err)}.cman__it .ib .ic{width:18px;height:18px}
.lrv__note{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:var(--s2);font-size:.9rem;color:var(--tx2);line-height:1.8}
.lrv__note:empty{display:none}

/* =====================================================================
   v1.20 — برگه‌ی کلمه، پلیر صدا/ویدئو (ساده‌تر)، متن هم‌زمان
   ===================================================================== */


/* ---- پلیر صدا: فقط کنترل‌های لازم؛ تصادفی/پخش خودکار داخل منوی «حالت‌ها» و فقط وقتی صف بیش از یک مورد است ---- */
.lp--audio .lp__opts .menuwrap{margin-inline-end:0}
.lp--audio .menu--modes{min-width:250px;padding:6px;inset-inline-end:auto;inset-inline-start:0}
.menu--modes button{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px}
.menu--modes .ic{width:19px;height:19px;color:var(--mu);flex:none}
.menu--modes span{flex:1;text-align:start;font-size:.9rem}
.menu--modes .sw{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:var(--trk);transition:background .15s}
.menu--modes .sw::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .15s}
.menu--modes button[aria-pressed=true] .sw{background:var(--ac)}
.menu--modes button[aria-pressed=true] .sw::after{transform:translateX(-16px)}
html[dir=ltr] .menu--modes button[aria-pressed=true] .sw::after{transform:translateX(16px)}
.menu--modes button[aria-pressed=true] .ic{color:var(--ac)}

/* ---- پلیر ویدئو: سرعت، کیفیت و تصویر-در-تصویر در یک منوی چرخ‌دنده؛ نوار فقط پخش، ±۱۰، صدا، زیرنویس، تنظیمات، تمام‌صفحه ---- */
.lp__bar .menu.menu--set{display:grid;gap:12px;min-width:268px;padding:10px;inset-inline-end:0;inset-inline-start:auto}
.lp__bar .menu.menu--set[hidden]{display:none}
.menu--set .mset__g{display:grid;gap:6px}
.menu--set .mset__l{padding:0 4px;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.55)}
.menu--set .mset__r{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lp__bar .menu--set .mset__r button{display:flex;justify-content:center;align-items:center;width:auto;min-height:40px;padding:0 6px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:.86rem;font-weight:700;direction:ltr}
.lp__bar .menu--set .mset__r button:hover{background:rgba(255,255,255,.16)}
.lp__bar .menu--set .mset__r button[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
.lp__bar .menu--set button[aria-checked=true]::after{display:none}
.lp__bar .menu--set .mset__a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:.88rem;font-weight:600}
.lp__bar .menu--set .mset__a:hover{background:rgba(255,255,255,.16)}
.lp__bar .menu--set .mset__a .ic{width:18px;height:18px}
.lp--video .lp__bar .ib--set{gap:5px}
.lp--video .lp__bar .ib--set .ic{width:17px;height:17px;opacity:1;transition:transform .25s}
.lp--video .lp__bar .ib--set[aria-expanded=true] .ic{transform:rotate(60deg)}
@media (pointer:coarse),(max-width:600px){
  .lp__bar .menu.menu--set{inset-inline:8px;min-width:0}
}


/* =====================================================================
   v1.21 — بازطراحی: برگه‌ی کلمه، متن هم‌زمان، پلیر صدا و نوار ویدئو
   اصل‌ها: یک اولویت بصری در هر بخش · رنگ تأکیدی فقط برای وضعیت فعال · ابزارهای کم‌کاربرد داخل منو
   ===================================================================== */

/* ---------- برگه‌ی کلمه ---------- */
#word-sheet .sheet__box.ws{display:flex;flex-direction:column;gap:12px;max-height:min(82vh,640px);overflow:hidden;padding:10px 18px calc(16px + env(safe-area-inset-bottom,0px));background:var(--s2);transition:transform .22s ease-out}
#word-sheet .sheet__grip{display:block;width:44px;height:5px;margin:0 auto 2px;border-radius:5px;background:var(--ln2);cursor:grab}
#word-sheet .sheet__x{inset-block-start:12px;inset-inline-start:12px;inset-inline-end:auto;width:38px;height:38px;background:var(--s3);color:var(--tx2)}
#word-sheet .ws-top{display:grid;gap:6px;padding-inline-start:48px;padding-block:2px}
#word-sheet .ws-head{display:flex;align-items:center;gap:10px;direction:ltr}
#word-sheet .ws-head h3{margin:0;font-size:1.4rem;font-weight:800;line-height:1.3;letter-spacing:.2px;overflow-wrap:anywhere}
#word-sheet .ws-say{flex:none;width:40px;height:40px;background:var(--acs);color:var(--ac)}
#word-sheet .ws-say:active{transform:scale(.92)}
#word-sheet .ws-pron{display:inline-block;width:fit-content;margin:0;padding:1px 12px;border-radius:999px;background:var(--s3);color:var(--tx2);font-size:.84rem}
#word-sheet .ws-pron:empty{display:none}
#word-sheet .ws-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin-inline:-18px;padding:2px 18px 6px;display:grid;gap:10px;align-content:start}
#word-sheet .ws-body>*{margin:0}
/* معنی اصلی: متوسط و تیره‌روی کارت؛ نه زرد و نه درشت */
#word-sheet .ws-fa{padding:10px 14px;border-radius:14px;background:var(--s1);border:1px solid var(--ln);border-inline-start:3px solid var(--ac);color:var(--tx);font-size:1rem;font-weight:700;line-height:1.85}
#word-sheet .ws-fa.is-long{font-size:.94rem;font-weight:600}
body.is-kids #word-sheet .ws-fa{border-inline-start-color:#ffb02e}
#word-sheet .ws-fa:empty{display:none}
#word-sheet .ws-fa.is-loading{background:transparent;border:1px dashed var(--ln2);color:var(--mu);font-size:.9rem;font-weight:500}
/* معنی‌های دیگر: نوع کلمه به‌صورت برچسب کوچک بالای هر گروه */
#word-sheet .ws-alts{display:grid;gap:10px;margin:0}
#word-sheet .ws-alts[hidden]{display:none}
#word-sheet .ws-alt{display:flex;flex-direction:column;gap:5px}
#word-sheet .ws-alt.is-extra{display:none}
#word-sheet .ws-alts.is-open .ws-alt.is-extra{display:flex}
#word-sheet .ws-pos{min-width:0;padding:0 2px;background:none;color:var(--mu);font-size:.72rem;font-weight:800;text-align:start;line-height:1.5;letter-spacing:.02em}
#word-sheet .ws-chips{display:flex;flex-wrap:wrap;gap:6px}
#word-sheet .ws-chip{padding:2px 11px;border-radius:999px;background:var(--s1);border:1px solid var(--ln);color:var(--tx2);font-size:.88rem;line-height:1.8}
#word-sheet .ws-more{justify-self:start;min-height:32px;padding:0 4px;color:var(--ac);font-size:.82rem;font-weight:700}
/* جمله‌ی نمونه */
#word-sheet .ws-ctx{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:14px;background:transparent;border:1px solid var(--ln)}
#word-sheet .ws-ctx[hidden]{display:none}
#word-sheet .ws-ctx-l{font-size:.7rem;font-weight:800;color:var(--mu)}
#word-sheet .ws-ctx-en{color:var(--tx);font-size:.95rem;line-height:1.8}
#word-sheet .ws-ctx-fa{color:var(--mu);font-size:.86rem;line-height:1.8}
#word-sheet .ws-hl{background:var(--acs);color:var(--ac);border-radius:6px;padding:0 4px;font-weight:800}
#word-sheet .ws-none{font-size:.88rem}
#word-sheet .ws-src{font-size:.7rem;color:var(--mu);text-align:center;opacity:.8}
#word-sheet .sheet__acts{margin:0;padding-block-start:2px}
#word-sheet .sheet__acts .btn{min-height:48px;font-size:.98rem}
#word-sheet .sheet__acts .btn.on{background:var(--s3);color:var(--tx);border-color:var(--ln2)}
@media (min-width:640px){#word-sheet .sheet__box.ws{max-width:460px;border-radius:24px}}
@media (prefers-reduced-motion:reduce){#word-sheet .sheet__box.ws{transition:none}}

/* ---------- متن هم‌زمان ---------- */
.tr{padding:14px 12px 6px;border-radius:22px}
.tr__head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools" "ctl ctl";gap:10px 8px;align-items:center;margin-block-end:8px}
.tr__title{grid-area:title;display:grid;gap:0;min-width:0}
.tr__head .tr__title h2{margin:0;font-size:1.08rem}
.tr__title small{color:var(--mu);font-size:.76rem}
.tr__tools{grid-area:tools;width:auto;display:flex;gap:6px}
.tbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--s2);color:var(--mu);transition:background .15s,color .15s,transform .1s}
.tbtn .ic{width:20px;height:20px}
.tbtn:active{transform:scale(.92)}
.tbtn.on,.tbtn[aria-pressed=true]{background:var(--acs);color:var(--ac)}
.tr .segctl{grid-area:ctl;display:flex;width:100%;justify-self:stretch;padding:3px;border:0;border-radius:14px;background:var(--s2)}
.tr .segctl button{flex:1;min-height:36px;padding:0 6px;border-radius:11px;font-size:.84rem;font-weight:700;color:var(--mu);transition:background .15s,color .15s}
.tr .segctl button[aria-pressed=true]{background:var(--acs);color:var(--ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 38%,transparent)}
.tr__hint{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--acs);color:var(--tx2);font-size:.8rem;line-height:1.8}
.tr__hint[hidden]{display:none}
.tr__hint span{flex:1}
.tr__hint button{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--mu)}
.tr__hint .ic{width:15px;height:15px}
.tr[data-mode=none] .tr__hint{display:none}
.tr__wrap{position:relative}
.tr__list{display:grid;gap:2px;padding:6px 2px 14px;-webkit-mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 26px),transparent)}
.seg{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 10px;padding:10px 10px;border:0;border-radius:14px;box-shadow:none;background:transparent}
.seg::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--ac);opacity:0;transition:opacity .15s}
.seg:hover{background:var(--s2)}
.seg.active{background:var(--acs);box-shadow:none}
.seg.active::before{opacity:1}
body.is-kids .seg::before{background:#ffb02e}
.seg__t{display:inline-grid;place-items:center;min-width:42px;min-height:24px;padding:0 8px;margin-block-start:5px;border-radius:999px;background:var(--s2);color:var(--mu);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.seg:hover .seg__t{background:var(--s3);color:var(--tx)}
.seg.active .seg__t{background:var(--ac);color:var(--on-ac)}
.seg__en{font-size:1.05rem;font-weight:500;line-height:1.85;color:var(--tx)}
.seg.active .seg__en{font-weight:600}
.seg__fa{margin-block-start:2px;color:var(--tx2);font-size:.91rem;line-height:1.9;opacity:.85}
.seg.active .seg__fa{opacity:1}
.seg__en .w{padding:.05em 2px;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.seg__en .w:hover,.seg__en .w:active{background:var(--acs)}
.seg__en .w.is-vocab{border-block-end:0;text-decoration:underline dotted var(--ac);text-decoration-thickness:2px;text-underline-offset:5px}
.seg__en .w.is-saved{color:var(--ac2)}
.tr[data-mode=none] .seg::after{align-self:center}
.tr__jump{position:absolute;inset-inline:0;inset-block-end:14px;margin-inline:auto;width:max-content;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;border-radius:999px;background:var(--ac);color:var(--on-ac);font-size:.84rem;font-weight:800;box-shadow:0 10px 24px -8px var(--glow)}
.tr__jump[hidden]{display:none}
.tr__jump .ic{width:16px;height:16px;transform:rotate(90deg)}
@media (max-width:480px){
  .seg{gap:2px 8px;padding:9px 8px}
  .seg__t{min-width:38px;padding:0 6px}
  .sg--video .seg{grid-template-columns:auto minmax(0,1fr);padding:9px 8px}
  .sg--video .tr__head{grid-template-columns:minmax(0,1fr) auto}
}

/* ---------- پلیر صدا: ردیف اصلی + یک ردیف ساده‌ی ابزار ---------- */
.lp--audio{padding:20px 18px 14px;border-radius:28px}
.lp--audio .lp__ctrl{justify-content:center;gap:4px;margin-block:8px 6px}
.lp--audio .lp__ctrl .ib{width:50px;height:50px;color:var(--tx)}
.lp--audio .lp__ctrl .ib[data-act=prev],.lp--audio .lp__ctrl .ib[data-act=next]{width:44px;height:44px;color:var(--mu)}
.lp--audio .lp__ctrl .ib:hover{background:var(--s2)}
.lp--audio .lp__play{width:72px;height:72px;margin-inline:8px}
.lp--audio .lp__opts{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-block-start:4px;padding-block-start:12px;border-block-start:1px solid var(--ln);direction:rtl}
.lp--audio .lp__opts .menuwrap{position:static;margin-inline-end:0}
.lp--audio .lp__opts .menuwrap--more{margin-inline-start:auto}
.lp--audio .chip--speed{min-height:40px;padding:0 14px 0 12px;background:var(--s2);border-color:transparent;color:var(--tx);font-size:.88rem}
.lp--audio .chip--speed .ic{width:18px;height:18px;color:var(--mu)}
.lp--audio .chip--speed b{direction:ltr;font-weight:800}
.lp--audio .ib--s{position:relative;width:40px;height:40px;background:var(--s2);color:var(--tx2)}
.lp--audio .ib--s .ic{width:20px;height:20px}
.ib__dot{display:none;position:absolute;inset-block-start:8px;inset-inline-end:8px;width:9px;height:9px;border-radius:50%;background:var(--ac2);box-shadow:0 0 0 2px var(--s2)}
.ib.has-mode .ib__dot{display:block}
.lp--audio .vol{margin-inline-start:6px}
.lp--audio .lp__opts .menu{inset-inline-start:0;inset-inline-end:auto;max-width:100%}
.lp--audio .menu__h{display:block;padding:2px 6px 8px;font-size:.72rem;font-weight:800;color:var(--mu)}
.lp--audio .menu--speed{inset-inline:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;min-width:0;max-width:none}
.lp--audio .menu--speed[hidden]{display:none}
.lp--audio .menu--speed .menu__h{grid-column:1/-1}
.lp--audio .menu--speed button{justify-content:center;min-height:44px;padding:0 6px;border-radius:12px;background:var(--s3);font-weight:800;direction:ltr}
.lp--audio .menu--speed button[aria-checked=true]{background:var(--ac);color:var(--on-ac)}
.lp--audio .menu--speed button[aria-checked=true]::after{display:none}
.lp--audio .menu--modes{inset-inline-start:auto;inset-inline-end:0;min-width:min(290px,100%);padding:6px}
.lp--audio .menu--modes[hidden]{display:none}
.menu--modes .rp{margin-inline-start:auto;font-style:normal;font-size:.78rem;font-weight:700;color:var(--mu)}
.menu--modes button[aria-pressed=true] .rp{color:var(--ac)}
.menu--modes button[role=menuitem][aria-pressed=true] .ic{color:var(--ac)}
@media (max-width:480px){
  .lp--audio{padding:16px 12px 12px;border-radius:24px}
  .lp--audio .lp__ctrl .ib{width:46px;height:46px}
  .lp--audio .lp__ctrl .ib[data-act=prev],.lp--audio .lp__ctrl .ib[data-act=next]{width:40px;height:40px}
  .lp--audio .lp__play{width:68px;height:68px;margin-inline:4px}
}

/* ---------- نوار ویدئو: در موبایل فقط پخش، CC، تنظیمات و تمام‌صفحه؛ ±۱۰ ثانیه با دوبار لمس یا از تنظیمات ---------- */
.lp__bar .menu--set .mset__skip{display:none}
.lp__bar .menu--set .mset__r--2{grid-template-columns:repeat(2,1fr)}
.lp__bar .menu--set .mset__skip button{gap:6px;direction:rtl}
.lp__bar .menu--set .mset__skip .ic{width:18px;height:18px}
@media (pointer:coarse),(max-width:600px){
  .lp--video .lp__bar .lp__tp--skip{display:none}
  .lp__bar .menu--set .mset__skip{display:grid}
  .lp--video .lp__bar2{gap:2px}
}
.cc-fa{color:#ffeaa8;font-size:.92em}

/* ---- اصلاح‌های ریزی پس از پیش‌نمایش ---- */
#word-sheet .ws-top{direction:ltr;padding-inline:0 48px}
#word-sheet .ws-alt{align-items:stretch}
#word-sheet .ws-pos{align-self:flex-start}
/* متن انگلیسی کنار قرص زمان بنشیند (قرص سمت چپ، هم‌جهت با شروع جمله)؛ در حالت «فارسی» برعکس */
.seg{direction:ltr}
.tr[data-mode=fa] .seg,.tr[data-mode=none] .seg{direction:rtl}

/* ===== v1.21.2 — نوار بالا در صفحه‌ی صدا/کلیپ/مجله: قلب و منوی ⋯ (به‌جای کلید تم و زنگوله) ===== */
.top__fav,.top__mb{width:40px;height:40px;border:1px solid var(--ln);background:var(--s1);color:var(--tx2)}
.top__fav:hover,.top__mb:hover{background:var(--s2);color:var(--tx)}
.top__fav .ic,.top__mb .ic{width:19px;height:19px}
.top__fav.on,.top__fav[aria-pressed=true]{color:var(--ac2);border-color:var(--ac2)}
.top__fav.on .ic,.top__fav[aria-pressed=true] .ic{fill:currentColor}
.top__more{position:relative}
.top__mb{position:relative}
.top__mb[aria-expanded=true]{background:var(--s3);color:var(--tx)}
.top__dot{display:none;position:absolute;inset-block-start:7px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--pri,#e0a000);box-shadow:0 0 0 2px var(--bg)}
.top__more:has(.inw-follow.is-on) .top__dot{display:block}
/* منوی ⋯ */
.top__more .menu--pa{inset-block-end:auto;inset-block-start:calc(100% + 10px);inset-inline-start:auto;inset-inline-end:0;min-width:176px;padding:6px;border-radius:18px;background:var(--s2);border:1px solid var(--ln);box-shadow:0 18px 44px var(--shc);transform-origin:0 0;display:flex;flex-direction:column;gap:2px}
.top__more .menu--pa[hidden]{display:none}
.menu--pa::before{content:"";position:absolute;inset-block-start:-6px;inset-inline-end:15px;width:12px;height:12px;background:var(--s2);border-inline-start:1px solid var(--ln);border-block-start:1px solid var(--ln);transform:rotate(45deg);border-start-start-radius:3px}
.menu--pa .pa{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 8px;border-radius:13px;color:var(--tx);font-size:.95rem;font-weight:600;text-align:start}
.menu--pa .pa:hover,.menu--pa .pa:focus-visible{background:var(--s3)}
.menu--pa .pa__i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--s3);color:var(--tx2);transition:background .15s,color .15s}
.menu--pa .pa:hover .pa__i{background:var(--s1)}
.menu--pa .pa__i .ic{width:18px;height:18px}
.menu--pa .pa__t{flex:1;min-width:0}
/* اعلان فعال: آیکن رنگی و پر، مثل قبل */
.menu--pa .pa.inw-follow.is-on{color:var(--tx)}
.menu--pa .pa.is-on .pa__i{background:rgba(224,160,0,.18);color:var(--pri,#e0a000)}
.menu--pa .pa.is-on .pa__i svg path{fill:currentColor}
@media (prefers-reduced-motion:no-preference){.top__more .menu--pa{animation:menuIn .16s cubic-bezier(.2,.8,.2,1)}}

/* ===== v1.21.3 — کارت مجله: بدون بریدگی و روی‌هم‌افتادن؛ تاریخ شمسی و زمان مطالعه‌ی کوتاه ===== */
.bk{align-items:stretch}
.bk__b{height:auto;min-height:var(--sq);overflow:visible;padding:4px 4px 2px;gap:6px}
.bk__img{height:auto;min-height:var(--sq);align-self:stretch}
.bk__m{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;margin-block-start:auto;padding-block-start:6px;color:var(--mu);font-size:.74rem;line-height:1.6;white-space:normal;font-variant-numeric:tabular-nums}
.bk__m time{white-space:nowrap}
.bk__ex{margin-block-start:0}
@media (min-width:900px){.bk__m{font-size:.78rem}}

/* v1.21.6 — کارت مجله: آیکن تقویم کنار تاریخ */
.bk__m{gap:6px}
.bk__m .ic{flex:none;width:14px;height:14px;opacity:.85}

/* v1.21.8 — دکمه‌ی + مدیریت دسته‌ها فقط آیکن؛ ضربدر باتوم‌شیت‌های لغت سمت چپ */
.wcats__new{padding-inline:12px;min-width:38px;justify-content:center}.wcats__new svg{width:18px;height:18px}
.wsh .sheet__x{inset-inline-start:auto;inset-inline-end:auto;right:auto;left:12px}

/* مجله (لیست مطالب و صفحه‌ی خواندن): برچسب «تبلیغ» لازم نیست،  */
.pg--blog .sx .sx__l,.pg--post .sx .sx__l,.sg .sx .sx__l{display:none!important}

/* صفحه‌های بدون منوی پایین: فاصله‌ی منو صفر (فقط موبایل و تبلت) */
@media (max-width:1023px){body.no-bnav{--nav:0px}}

/* دکمه‌ی صدای تبلیغ در کاوش: گوشه‌ی بالای قاب ویدیو (روبه‌روی برچسب تبلیغ)؛ دیگر روی دکمه‌ی «مشاهده» نمی‌افتد */
.fi__adm{position:absolute;z-index:5;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fi__adm .ic{width:22px;height:22px}
.fi__adm:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* حالت «در حال ذخیره» فرم‌ها (فرم‌های دارای data-busy) */
form[data-busy]{position:relative}
form[data-busy].is-busy{pointer-events:none}
form[data-busy].is-busy::before{content:"";position:absolute;inset:-6px;z-index:5;border-radius:var(--rs);background:color-mix(in srgb,var(--s1) 72%,transparent);backdrop-filter:blur(1.5px)}
form[data-busy].is-busy::after{content:"";position:absolute;z-index:6;inset:50% auto auto 50%;width:34px;height:34px;margin:-17px;border:3px solid var(--ln2);border-top-color:var(--ac);border-radius:50%;animation:sp .8s linear infinite}
form[data-busy].is-busy button[type=submit]{opacity:.85;position:relative;z-index:7}
form[data-busy].is-busy button[type=submit]::after{content:"";display:inline-block;width:14px;height:14px;margin-inline-start:8px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp .8s linear infinite}
@media (prefers-reduced-motion:reduce){form[data-busy].is-busy::after,form[data-busy].is-busy button[type=submit]::after{animation-duration:2s}}

/* ---- لوگوی in ---- */
.logo i{background:linear-gradient(135deg,#2e4aa6,#6a64c2);color:#fff}
.logo i svg{width:auto;height:22px;display:block}

/* ---- «من ربات نیستم» (reCAPTCHA از innow-core) ---- */
.rc{display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden;margin-block:2px}
.rc__box{flex:none;width:304px;height:78px;border-radius:12px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--ln);overflow:hidden}
.rc__box>div{border-radius:11px;overflow:hidden}
.rc__ld{color:var(--mu);font-size:.8rem;padding:0 12px;text-align:center;line-height:1.5}
.rc__err{margin:0;color:var(--err);font-size:.84rem;text-align:center}

/* ---- لغت‌های پیشنهادی (v1.24.12) ---- */
.wsp{display:flex;align-items:center;gap:14px;margin-block:16px;padding:14px 16px;border-radius:var(--r);background:linear-gradient(135deg,var(--acs),rgba(255,122,184,.12));border:1px solid var(--ln);transition:.2s}
.wsp:hover{border-color:var(--ac);transform:translateY(-1px)}
.wsp__ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);flex:none}
.wsp__t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.5}.wsp__t b{font-weight:800}.wsp__t small{color:var(--mu)}
.wsp__go{color:var(--mu);display:grid}
.wsg{padding-block:10px}
.wsg__hero{margin-block:10px 14px}
.wsg__kick{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:800;color:var(--ac);background:var(--acs);padding:4px 12px;border-radius:999px}.wsg__kick .ic{width:16px;height:16px}
.wsg__hero h2{font-size:1.6rem;font-weight:800;margin-block:10px 4px}
.wsg__hero p{margin:0;color:var(--mu);font-size:.92rem;line-height:1.9}
.wsg__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block:14px 10px}
.wsg__cnt{font-size:.88rem;color:var(--mu)}.wsg__cnt b{color:var(--ac);font-weight:800}
.wsg__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wsg__it{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:12px 14px;animation:wsgIn .4s both;animation-delay:calc(var(--i,0) * 70ms);transition:border-color .2s,background .2s}
.wsg__it.is-saved{border-color:var(--ac);background:linear-gradient(0deg,var(--acs),var(--acs)),var(--s1)}
@keyframes wsgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wsg__main{display:flex;align-items:center;gap:4px}
.wsg__w{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.35}
.wsg__w b{font-size:1.5rem;font-weight:800;letter-spacing:.2px;overflow-wrap:anywhere}
.wsg__w small{color:var(--mu);font-size:.85rem}
.wsg__save.on{color:var(--ac2)}.wsg__save.on .ic{fill:currentColor}
.wsg__rv{display:block;position:relative;width:100%;margin-block-start:6px;padding:10px 12px;border-radius:var(--rs);background:var(--s2);text-align:start;min-height:46px;overflow:hidden}
.wsg__fa{display:block;font-weight:700;line-height:1.8;filter:blur(8px);opacity:.7;transition:filter .25s,opacity .25s;user-select:none}
.wsg__rv em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:.82rem;font-weight:700;color:var(--mu);transition:opacity .2s}
.wsg__it.is-open .wsg__fa{filter:none;opacity:1;user-select:text}
.wsg__it.is-open .wsg__rv em{opacity:0;pointer-events:none}
.wsg__alts{margin-block-start:8px;display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--tx2)}
.wsg__alts small{display:inline-block;margin-inline-end:6px;padding:0 8px;border-radius:999px;background:var(--acs);color:var(--ac);font-weight:700}
.wsg__it--sk{display:flex;flex-direction:column;gap:10px;animation:none}
.wsg__it--sk i{display:block;height:26px;border-radius:10px;background:linear-gradient(90deg,var(--s2),var(--s3),var(--s2));background-size:200% 100%;animation:wsgSk 1.2s linear infinite}
.wsg__it--sk i+i{height:44px}
@keyframes wsgSk{to{background-position:-200% 0}}
.wsg__err{text-align:center;color:var(--err);margin-block:16px}
.wsg__foot{display:flex;gap:10px;margin-block-start:18px;flex-wrap:wrap}
.wsg__more{flex:1;min-width:180px}
.wsg.is-load .wsg__more .ic{animation:wsgSpin .8s linear infinite}
@keyframes wsgSpin{to{transform:rotate(360deg)}}

.wsgw{margin-block:14px}.wsgw .wsp{width:100%;margin:0;text-align:start}
.wsp__go .ic{transition:transform .2s}.wsp.is-open .wsp__go .ic{transform:rotate(180deg)}
.wsgw__panel{margin-block-start:10px;padding:6px 14px 14px;border:1px solid var(--ln);border-radius:var(--r);background:var(--bg)}
.wsgw__panel .wsg__hero h2{font-size:1.25rem}

.wsg__alts[hidden]{display:none}
.wsg__hint{margin-block:12px;padding:10px 14px;border-radius:var(--rs);background:var(--s1);border:1px dashed var(--warn);color:var(--warn);font-size:.86rem;line-height:1.8}

/* ---- کاوش: حالت تمیز (ضربه روی ویدئو) و ساخت زیرنویس فارسی (v1.24.13) ---- */
.fi__rail,.fi__info,.fd__top,.fd__nav,.fi__hint{transition:opacity .25s}
.fd.is-clean .fi__rail,.fd.is-clean .fi__info,.fd.is-clean .fd__top,.fd.is-clean .fd__nav,.fd.is-clean .fi__hint{opacity:0;pointer-events:none}
.fag{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-block:10px}
.fag__prog{width:100%;display:flex;flex-direction:column;gap:6px;font-size:.86rem;color:var(--mu)}
.fag__prog i{display:block;height:8px;border-radius:99px;background:var(--s3);overflow:hidden}
.fag__prog b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width .5s ease}
.fag__n{color:var(--mu);font-size:.78rem}
.fag [hidden]{display:none}

/* ---- v1.24.14: دکمه‌ی سرعت/کیفیت مثل دکمه‌ی زیرنویس (یک ضربه = گزینه‌ی بعدی) ---- */
.lp--video .lp__bar .ib--set,.lp--video .lp__bar .ib--q{font-size:.78rem;gap:6px;padding:0 12px 0 10px;transition:background .15s,transform .12s}
.lp--video .lp__bar .ib--set .ic{width:18px;height:18px;opacity:1;transform:none}
.lp--video .lp__bar .ib--set:active,.lp--video .lp__bar .ib--q:active{transform:scale(.94)}
.lp--video .lp__bar .ib--set.on{background:var(--ac);color:var(--on-ac);box-shadow:none}
.lp--video .lp__bar .ib--set.on .ic{color:inherit}
@media (max-width:520px){.lp--video .lp__bar .ib--set,.lp--video .lp__bar .ib--q{padding:0 9px}}

/* ---- v1.24.14: کاوش — کادر زیرنویس ارتفاع ثابت دارد؛ طول زیرنویس دیگر ویدئو را بالا و پایین نمی‌برد ---- */
.fi__cc{flex:none;box-sizing:border-box;height:8.4rem;min-height:0;overflow:hidden;contain:layout paint}
.fi__en,.fi__fa{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:max-content;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.fi__en{-webkit-line-clamp:3;line-clamp:3;font-size:1.08rem;line-height:1.5}
.fi__fa{-webkit-line-clamp:2;line-clamp:2;font-size:.98rem;line-height:1.55}
.fi__en:empty,.fi__fa:empty{display:none}
@media (max-height:640px){.fi__cc{height:7rem}.fi__en{font-size:1rem}.fi__fa{font-size:.92rem}}

/* ---- v1.25.1: کاوش شبیه اینستاگرام — ویدئو تمام‌قاب، زیرنویس روی ویدئو و قابل جابه‌جایی (نگه‌داشتن + کشیدن) ---- */
.fi:not(.fi--ad):not(.fi--end){display:block;padding:0}
.fi:not(.fi--ad):not(.fi--end) .fi__stage{position:absolute;inset:0;z-index:1;width:auto;max-height:none;aspect-ratio:auto;flex:none;background:transparent}
.fi:not(.fi--ad):not(.fi--end) .fi__stage video{object-fit:contain}
.fi.is-port:not(.fi--ad) .fi__stage video{object-fit:cover}                    /* ویدئوی عمودی: کل قاب را پر می‌کند */
.fd.fit-cover .fi.is-wide:not(.fi--ad) .fi__stage video{object-fit:cover}      /* ویدئوی افقی: با دکمه‌ی «تمام‌قاب» پر می‌شود (کناره‌ها بریده می‌شود) */
.fi:not(.fi--ad) .fi__hint{inset-block-start:58px}
.fi:not(.fi--ad) .fi__bar{height:3px}
.fi:not(.fi--ad) .fi__cc{position:absolute;z-index:4;inset-inline:0;top:60%;height:auto;min-height:0;overflow:visible;contain:none;padding:0 14px;align-items:center;transition:none}
.fi:not(.fi--ad) .fi__en,.fi:not(.fi--ad) .fi__fa{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:rgba(0,0,0,.6)}
.fi.is-ccdrag .fi__en,.fi.is-ccdrag .fi__fa{cursor:grabbing;outline:2px dashed rgba(255,255,255,.85);outline-offset:2px;background:rgba(0,0,0,.75)}
.fr--fit{display:none}
.fi.is-wide .fr--fit{display:flex}
.fd.fit-cover .fr--fit .ic{background:var(--ac);color:var(--on-ac)}
@media (max-width:1023px){.fi:not(.fi--ad):not(.fi--end){padding-block-end:0}}

/* ---- v1.25.2: اندازه‌ی زیرنویس متناسب با عرض خود ویدئو، جابه‌جایی زیرنویس در پلیر کلیپ، معنی لغت در کاوش ---- */
.lp__stage{container-type:inline-size}
.lp:not(.is-docked) .cc{font-size:clamp(.9rem,1.4cqw + .6rem,2.2rem)}
.lp:fullscreen:not(.is-docked) .cc{font-size:clamp(1.1rem,1.4cqw + .7rem,2.6rem)}
.lp:not(.is-docked) .cc-fa{font-size:.92em}
.lp--video:not(.is-docked) .lp__cc .cc{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lp--video.is-ccdrag .lp__cc .cc{cursor:grabbing;outline:2px dashed rgba(255,255,255,.85);outline-offset:2px;background:rgba(0,0,0,.82)}
.lp--video.is-ccdrag .lp__cc{transition:none}
.lp--video.is-docked .lp__cc{transform:none!important}
.lp--video:not(.is-docked) .lp__cc .cc-en .w{cursor:pointer}
.fi:not(.fi--ad){container-type:inline-size}
.fi:not(.fi--ad) .fi__en{font-size:clamp(1.05rem,4.3cqw,1.5rem);line-height:1.5}
.fi:not(.fi--ad) .fi__fa{font-size:clamp(.95rem,3.8cqw,1.35rem);line-height:1.55}
.fi__en .w{cursor:pointer;border-radius:6px;padding:0 2px;-webkit-tap-highlight-color:transparent}
.fi__en .w:active,.fi__en .w:hover{background:rgba(255,255,255,.22)}
.fi__en .w.is-vocab{text-decoration:underline dotted var(--ac);text-decoration-thickness:2px;text-underline-offset:5px}
.fi__en .w.is-saved{color:var(--ac2)}
.fi.is-ccdrag .fi__en .w{cursor:grabbing}

/* ---- v1.25.3: بستن منوی ذخیره/دانلود با نگه‌داشتن روی ویدئو و صدا؛ زیرنویس فقط بالا/پایین و وسط‌چین ---- */
video,audio,.lp__stage,.fi__stage,.fi__tap,.fi__cc{-webkit-touch-callout:none}
.lp__stage,.fi__stage,.fi__tap{-webkit-user-select:none;user-select:none}
video{-webkit-user-drag:none}
.fi:not(.fi--ad) .fi__cc{transform:none!important}
.fi.is-ccdrag .fi__cc::before,.lp--video.is-ccdrag .lp__cc::before{content:"";position:absolute;inset-inline:6%;top:50%;height:0;border-top:1px dashed rgba(255,255,255,.35);pointer-events:none}

/* ---- تمرین املا (v1.26.0) ---- */
.lsp__card{flex:1;display:flex;flex-direction:column;min-height:0}
.lsp__card[hidden],.lsp [hidden]{display:none}
.lsp__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-block:14px;text-align:center}
.lsp__lab{margin:0;color:var(--mu);font-size:.86rem}
.lsp__say{display:flex;align-items:center;gap:10px;margin-block:4px}
.lsp__slow{min-height:36px;padding:0 14px;border-radius:999px;background:var(--s3);color:var(--tx2);font-size:.84rem;border:1px solid var(--ln)}
.lsp__slow:hover{filter:brightness(1.15)}
.lsp__fa{margin:6px 0 0;font-weight:800;font-size:1.45rem;line-height:1.7}
.lsp__alt{margin:0;color:var(--mu);font-size:.92rem;line-height:1.8}
.lsp__alt:empty,.lsp__def:empty{display:none}
.lsp__def{margin:2px 0 0;padding:8px 12px;border-radius:12px;background:var(--s2);color:var(--tx2);font-size:.9rem;line-height:1.7;max-width:100%}
.lsp__mask{margin:8px 0 0;font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:var(--ac);direction:ltr;min-height:1.6em;overflow-wrap:anywhere}
.lsp__in{width:100%;max-width:360px;min-height:54px;padding:0 16px;border-radius:16px;border:2px solid var(--ln2);background:var(--s2);color:var(--tx);font-size:1.3rem;font-weight:700;text-align:center;direction:ltr;outline:0;transition:border-color .15s,box-shadow .15s}
.lsp__in:focus{border-color:var(--ac);box-shadow:0 0 0 4px var(--acs)}
.lsp__in.is-ok{border-color:var(--ok);box-shadow:0 0 0 4px rgba(70,211,154,.16)}
.lsp__in.is-bad{border-color:var(--err)}
.lsp__in.is-shake{animation:lspShake .35s}
@keyframes lspShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.lsp__res{margin:6px 0 0;font-weight:700;line-height:1.8;font-size:.95rem}
.lsp__res.is-ok{color:var(--ok)}.lsp__res.is-bad{color:var(--err)}
.lsp__fix{margin:4px 0 0;font-size:1.9rem;font-weight:800;letter-spacing:.04em;direction:ltr;overflow-wrap:anywhere}
.lsp__fix .bad{color:var(--err);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.lsp__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lsp__row .btn{min-height:46px}
.lsp__hint[disabled]{opacity:.45}
.lsp__miss{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;max-width:100%}
.lsp__miss li{padding:6px 12px;border-radius:999px;background:rgba(255,107,122,.14);color:var(--err);font-weight:700;direction:ltr}
.lsp .lrv__end .btn{min-width:160px}
@media (prefers-reduced-motion:reduce){.lsp__in.is-shake{animation:none}}

/* ---- معنی‌های طولانی و رابط مرور/املا (v1.26.2) ---- */
.vw__fa{color:var(--tx2);font-weight:400;font-size:.93rem;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.vw__fa.is-long{cursor:pointer}
.vw__fa.is-open{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.mchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:0}
.mchips:empty{display:none}
.mlab{flex:0 0 100%;text-align:center;color:var(--mu);font-size:.74rem;letter-spacing:0}
.mchip{padding:3px 12px;border-radius:999px;background:var(--s3);color:var(--tx);font-size:.95rem;font-weight:400;line-height:1.8}
.mchip--more{color:var(--mu)}
.mone{font-size:1.1rem;font-weight:500;line-height:1.9;color:var(--tx);overflow-wrap:anywhere}

/* مرور */
.lrv__a{max-height:38vh;overflow-y:auto;overscroll-behavior:contain;text-align:center;display:grid;gap:10px;padding:14px}
.lrv__a[hidden]{display:none}
.lrv__fa.mchips{font-weight:400;font-size:1rem;margin:0}
.lrv__fa .mchip{background:var(--acs);color:var(--tx);font-size:1rem}
.lrv__alt.mchips{margin:0;font-size:.9rem}
.lrv__alt .mchip{background:var(--s2);color:var(--tx2);font-size:.88rem}
.lrv__d{margin:0;font-size:.88rem}
.lrv__note{margin:0}
.lrv__w{font-size:clamp(1.8rem,8vw,2.4rem)}

/* املا */
.lsp__fa.mchips{margin:6px 0 0;max-height:26vh;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;border-radius:16px;background:var(--s2);font-weight:400;font-size:1rem;max-width:100%}
.lsp__fa .mchip{background:var(--s3);font-size:1rem}
.lsp__fa .mone{font-size:1.05rem;font-weight:500}
.lsp__alt.mchips{margin:0;max-height:16vh;overflow-y:auto}
.lsp__alt .mchip{background:transparent;border:1px solid var(--ln);color:var(--mu);font-size:.85rem}
.lsp__mask{font-size:1.5rem}
.lsp__def{font-size:.86rem}

/* ---- جابه‌جایی زیرنویس: دکمه‌ی «برگشت به جای اول» (کلیپ و کاوش) ---- */
.lp__ccreset,.fi__ccreset{position:absolute;z-index:6;inset-inline:0;margin-inline:auto;width:max-content;max-width:90%;border:0;border-radius:999px;padding:7px 14px;font:inherit;font-size:.82rem;line-height:1.2;color:#fff;background:rgba(0,0,0,.78);box-shadow:0 0 0 1px rgba(255,255,255,.3);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lp__ccreset{top:12px}
.fi__ccreset{top:64px}
.lp__ccreset[hidden],.fi__ccreset[hidden]{display:none}
.lp__ccreset:active,.fi__ccreset:active{background:rgba(0,0,0,.95)}
.lp--video.is-docked .lp__ccreset{display:none}

/* ---- v1.27: معنی چندخطی (معنی تخصصی)، فیلدهای ویرایش لغت ---- */
.vw__fa{white-space:pre-line}
.wsh__in{min-height:0;height:auto;line-height:1.6;resize:none}
.wsh__l .mu{font-weight:400;font-size:.76rem}
.mline{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;width:100%}
.mline .mlab{flex:0 0 auto;font-size:.76rem;color:var(--mu)}
.mchips:has(.mline){flex-direction:column;gap:8px}

/* ---- v1.27.2: برگه‌های «افزودن لغت» و «ویرایش لغت» — ساختار و ظاهر یکسان ----
   بدنه‌ی قابل‌اسکرول + دکمه‌ی ذخیره‌ی چسبیده به پایین؛ فیلدهای متنی بلند و خودکشش */
.wsh--form .sheet__box{display:flex;flex-direction:column;gap:0;padding:0;max-height:min(92vh,92dvh);overflow:hidden}
.wsh--form .sheet__grip{margin:10px auto 0;flex:none}
.wsh--form .wsh__t{flex:none;margin:0;min-height:56px;padding:6px 22px 4px;font-size:1.35rem;line-height:1.5}
.wsh__form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0}
.wsh__bd{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 20px 18px;display:flex;flex-direction:column;gap:18px}
.wsh__f{display:flex;flex-direction:column;gap:8px;min-width:0}
.wsh__lr{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.wsh--form .wsh__l{margin:0 2px;font-size:.88rem;font-weight:700;color:var(--tx2);line-height:1.6}
.wsh__l .mu{font-weight:400;font-size:.76rem;color:var(--mu)}
.wsh--form .wsh__c{align-self:auto;display:block;margin:0 2px;font-size:.74rem;color:var(--mu);font-variant-numeric:tabular-nums;white-space:nowrap}
.wsh--form .wsh__ta{display:block;width:100%;min-height:54px;padding:13px 16px;border-radius:16px;background:var(--s1);border:1.5px solid var(--ln);color:var(--tx);font-size:1.02rem;line-height:1.9;resize:none;transition:border-color .15s,box-shadow .15s}
.wsh--form .wsh__ta::placeholder{color:var(--mu);opacity:.75}
.wsh--form .wsh__ta:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px var(--acs)}
.wsh--form input.wsh__ta{height:54px;padding-block:0;line-height:54px}
.wsh--form input.wsh__ta[dir=ltr]{text-align:left}
.wsh--form input.wsh__ta[dir=ltr]::placeholder{text-align:left}
.wsh--form textarea.wsh__ta{min-height:112px;max-height:260px;overflow-y:auto}
.wsh--form textarea.wsh__ta--sm{min-height:84px}
.wsh--form .wsh__cats{margin:0;gap:8px}
.wsh--form .wsh__cats:empty{display:none}
.wsh--form .wsh__cats .hint,.wsh--form .wsh__hint{margin:0}
.wsh--form .wsh__new{margin:0;gap:8px}
.wsh--form .wsh__new input{min-height:46px;padding:0 16px;font-size:.95rem;border-width:1.5px}
.wsh--form .wsh__new input:focus{box-shadow:0 0 0 3px var(--acs)}
.wsh--form .wsh__new .btn{min-height:46px;padding-inline:16px;flex:none}
.wsh--form .wsh__acts{flex:none;margin:0;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--s2);border-top:1px solid var(--ln);box-shadow:0 -10px 24px -14px var(--shm)}
.wsh--form .wsh__acts .btn{min-height:52px;font-size:1rem;justify-content:center}
@media (min-width:700px){.wsh--form .sheet__box{max-height:88vh}}

/* =====================================================================
   v1.27.3 — دسکتاپ: ناوبری بالا، منوی کناری سبک، کلیپ و پلیر صدا، متن ثابت
   ===================================================================== */
/* --- ۱) صفحه‌ی کلیپ: ستون flex نباید «align-items:start»ِ شبکه‌ی ‎.sg را به ارث ببرد
       (در ≥۱۱۰۰px باعث می‌شد عرض پلیر ۰ شود و کلیپ ناپدید شود) --- */
.sg.sg--video{align-items:stretch}
.lpw{width:100%}

/* --- ۲) صفحه‌ی صدا/فیلم/…: ترتیب بصری در دسکتاپ همان ترتیب طبیعی صفحه است
       (قبلاً ‎.hd و پلیر با order بالاتر از بقیه به انتهای ستون می‌رفتند) --- */
@media (min-width:1100px){
  .sg:not(.sg--video) .sg__main>*{order:0}
  /* متن هم‌زمان: پنل ثابت با ارتفاع مشخص؛ فقط فهرست جمله‌ها داخلش اسکرول می‌شود */
  .sg:not(.sg--video) .sg__side{
    position:sticky;inset-block-start:76px;align-self:start;
    height:calc(100vh - 76px - 20px);height:calc(100dvh - 76px - 20px);max-height:760px;min-height:360px}
  .sg:not(.sg--video) .sg__side .tr[data-lst-transcript]{height:100%;display:flex;flex-direction:column}
  .sg:not(.sg--video) .sg__side .tr[data-lst-transcript]>*{flex:none}
  .sg:not(.sg--video) .sg__side .tr[data-lst-transcript]>.tr__wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .sg:not(.sg--video) .sg__side .tr__wrap>.tr__list{flex:1 1 auto;min-height:0;max-height:none;overscroll-behavior:contain;}
}

/* --- ۳) دسکتاپ: ناوبری اصلی در نوار بالا (موبایل همان نوار پایین را دارد) --- */
.top__nav{display:none}
@media (min-width:1024px){
  .top__nav{display:flex;align-items:center;gap:4px;flex:none;min-width:0}
  .tn{position:relative;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border-radius:999px;color:var(--mu);font-weight:700;font-size:.92rem;white-space:nowrap;transition:background .15s,color .15s}
  .tn .ic{width:19px;height:19px}
  .tn:hover{background:var(--s1);color:var(--tx)}
  .tn.on{background:var(--acs);color:var(--ac)}
  /* ناوبری بالا فعال است ⇒ همان موارد در منوی کناری تکرار نمی‌شوند (جستجو هم کادر بالاست) */
  .app--tn .side .nv--bn{display:none}
  .top__search{max-width:420px;min-width:170px}
}
/* صفحه‌ی عرض کم: فقط آیکن؛ برچسب تنها برای مورد فعال می‌ماند */
@media (min-width:1024px) and (max-width:1279px){
  .tn{padding:0 11px}
  .tn:not(.on) span{display:none}
}

/* --- ۴) منوی کناری دسکتاپ: اسکرول باریک و هماهنگ با قالب، فشرده‌شدن خودکار در صفحه‌های کم‌ارتفاع --- */
.side{scrollbar-width:thin;scrollbar-color:var(--s3) transparent;overflow-x:hidden}
.side::-webkit-scrollbar{width:6px}
.side::-webkit-scrollbar-track{background:transparent}
.side::-webkit-scrollbar-thumb{background:var(--s3);border-radius:6px}
.side::-webkit-scrollbar-thumb:hover{background:var(--ln2)}
@media (min-width:1024px){
  .side{height:100vh;height:100dvh;overscroll-behavior:contain}
}
@media (min-width:1024px) and (max-height:820px){
  .side__in{padding-block:16px 12px}
  .logo{padding-block-end:10px}
  .nv,.nav__list a{min-height:38px;padding-block:6px}
  .nvh{margin-block:12px 4px;padding-block-start:10px}
  .side__user{padding-block-start:10px}
}
@media (min-width:1024px) and (max-height:680px){
  .nv,.nav__list a{min-height:34px;font-size:.92rem}
  .nvh{margin-block:8px 2px;padding-block-start:8px}
}

/* --- ۵) پلیر کلیپ در دسکتاپ از ارتفاع صفحه بیشتر نمی‌شود (عنوان و دکمه‌ها بی‌اسکرول پیدا هستند) --- */
@media (min-width:1024px){
  .sg.sg--video>.lpw,.sg.sg--video .sg__main>.lpw{width:100%;max-width:max(560px,calc((100vh - 64px - 130px) * 16 / 9));max-width:max(560px,calc((100dvh - 64px - 130px) * 16 / 9));margin-inline:auto}
}

/* --- ۶) دسکتاپ: دکمه‌ی «ورود» بالای صفحه لازم نیست (در پایین منوی کناری هست) --- */
@media (min-width:1024px){.top .top__login{display:none}}

/* --- ۷) متن هم‌زمان: اسکرول باریک و هماهنگ؛ انگلیسی همیشه چپ، فارسی همیشه راست (موبایل و دسکتاپ یکسان) --- */
.tr__list{scrollbar-width:thin;scrollbar-color:var(--s3) transparent}
.tr__list::-webkit-scrollbar{width:6px;height:6px}
.tr__list::-webkit-scrollbar-track{background:transparent}
.tr__list::-webkit-scrollbar-thumb{background:var(--s3);border-radius:6px}
.tr__list::-webkit-scrollbar-thumb:hover{background:var(--ln2)}
.tr .seg__b{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.tr .seg__en{direction:ltr;text-align:left;unicode-bidi:isolate}
.tr .seg__fa{direction:rtl;text-align:right;unicode-bidi:isolate}

/* =====================================================================
   v1.27.5 — اصلاحات ظاهر دسکتاپ
   ۱) منوی کناری دسکتاپ دقیقاً همان محتوای کشوی موبایل را دارد
   ۲) پلیر کلیپ تمام‌عرض می‌شود
   ۳) اسکرول‌بار باریک، هماهنگ با تم و بدون دکمه‌ی فلش (کل سایت)
   ===================================================================== */

/* --- ۱) منوی کناری: «یادگیری من»، سرتیترها و ترتیب مثل موبایل --- */
.nvh--m{display:block}
.nv--m{display:flex}
.nvh--d{display:none}
@media (min-width:1024px){
  .nav>.nvh--m:first-child{margin-block-start:4px;padding-block-start:0;border-block-start:0}
  .nav>.nvh--m{margin-inline:14px}
}

/* --- ۲) پلیر کلیپ: تمام‌عرض ستون محتوا، بدون سقف ۹۸۰/۱۱۰۰ پیکسل --- */
@media (min-width:1024px){
  .sg.sg--video{max-width:none;width:100%}
  .sg.sg--video>.lpw,.sg.sg--video .sg__main>.lpw,
  .sg.sg--video>.lp--embed,.sg.sg--video .sg__main>.lp--embed{
    width:100%;max-width:none;margin-inline:0;
    /* روی نمایشگرهای کم‌ارتفاع از صفحه بلندتر نمی‌شود؛ تصویر وسط و بدون کشیدگی می‌ماند */
    max-height:calc(100vh - 64px - 24px);max-height:calc(100dvh - 64px - 24px)}
  .sg.sg--video .lpw .lp__stage{width:100%}
  .sg.sg--video .lp__bar{inset-inline:18px;inset-block-end:16px}
  .sg.sg--video .lp__bar .ib:not(.ib--pill):not(.ib--t){width:42px;height:42px}
  .sg.sg--video .cc{font-size:1.2rem}
  .sg.sg--video .tr__list{max-height:clamp(320px,60vh,640px)}
}
@media (min-width:1500px){
  .sg.sg--video .cc{font-size:1.4rem}
}

/* --- ۳) اسکرول‌بار: باریک، گرد، هم‌رنگ تم (Firefox/Chrome/Edge/Safari) --- */
html{scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
@media (hover:hover) and (pointer:fine){
  *{scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
  /* جاهایی که عمداً مخفی‌اند (قفسه‌ها، تب‌ها، فید کاوش) مخفی می‌مانند */
  .chips--scroll,.shelf,.tabs__bar,.fd__scroll,.fd__top{scrollbar-width:none}
}
@supports not (scrollbar-width:thin){
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:10px;border:3px solid transparent;background-clip:content-box}
  ::-webkit-scrollbar-thumb:hover{background:var(--mu);background-clip:content-box}
  ::-webkit-scrollbar-corner{background:transparent}
}

/* =====================================================================
   v1.27.6 — ارتقای رابط دسکتاپ
   ===================================================================== */
@media (min-width:1024px){
  /* منوی کناری: بلوک کاربر دو ردیفی (اسم دیگر نمی‌شکند) */
  :root{--side:276px}
  .side__user:has(.uc){flex-wrap:wrap;gap:8px}
  .side__user:has(.uc) .uc{flex:1 1 100%;padding:8px 10px;margin:0;border-radius:14px;background:var(--s2)}
  .side__user:has(.uc) .uc:hover{background:var(--s3)}
  .side__user:has(.uc) .ib{flex:1 1 0;width:auto;height:40px;border-radius:12px;background:var(--s2);display:grid;place-items:center}
  .side__user:has(.uc) .ib:hover{background:var(--s3)}
  .uc>span{min-width:0}
  .uc b,.uc small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* هیرو: کمی کوتاه‌تر تا کاشی‌های بعدی زودتر دیده شوند */
  .hero2{min-height:clamp(340px,46vh,440px)}

  /* نوار بالا: اقدامات همیشه انتهای نوار */
  .top__acts{margin-inline-start:auto;display:flex;align-items:center;gap:6px}

  /* کارت‌ها: حالت hover و فوکوس واضح‌تر برای ماوس */
  .card__link{border-radius:18px;transition:background .15s,transform .15s}
  .card__link:hover{background:var(--s1)}
  .card__link:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
}

/* صفحه‌های خیلی بزرگ (۲۰۰۰ پیکسل به بالا) */
@media (min-width:2000px){
  .pg{max-width:1760px}
  .grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (min-width:1024px) and (max-height:820px){
  .side__user:has(.uc) .uc{padding:6px 10px}
  .side__user:has(.uc) .ib{height:34px}
  .hero2{min-height:clamp(300px,52vh,400px)}
}

/* =====================================================================
   v1.27.7 — بخش کلیپ (دسکتاپ)
   ===================================================================== */
@media (min-width:1024px){
  /* درخشش پشت پلیر روی عنوان نمی‌ریزد */
  .sg--video .lpw::before{inset:8% 6% -2%;opacity:.38;filter:blur(38px) saturate(1.4)}
  .sg--video .hd{position:relative;z-index:1;padding-block:8px 2px}
  .sg--video .hd h1{font-size:1.7rem}
  .sg--video .hd .mu{font-size:.95rem}
  /* متن هم‌زمان: انگلیسی چپ، فارسی راست، کنار هم (عرض زیاد دیگر خالی نمی‌ماند) */
  .sg--video .tr{padding:14px 18px 6px;border-radius:20px}
  .sg--video .seg{align-items:center;padding:10px 12px}
  .sg--video .seg__b{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px 32px;align-items:start;direction:ltr}
  .sg--video .seg__en{font-size:1.12rem}
  .sg--video .seg__fa{font-size:1rem;margin-block-start:0;line-height:1.85}
  .sg--video .seg__t{margin-block-start:0}
  /* تب‌ها و محتوای زیر متن */
  .sg--video .tabs{margin-block-start:14px}
}

/* =====================================================================
   v1.27.8 — صفحه‌ی کلیپ به سبک آپارات (دسکتاپ ≥۱۱۰۰)
   ستون اصلی: پلیر بزرگ ← عنوان و دکمه‌ها ← تب‌ها
   ستون کناری: متن هم‌زمان ثابت (چسبیده) با اسکرول داخلی
   ===================================================================== */
@media (min-width:1100px){
  .sg.sg--video{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px 24px;align-items:start;max-width:none;width:100%}
  .sg.sg--video .sg__main{display:flex;flex-direction:column;gap:16px;min-width:0}
  .sg.sg--video .sg__main>.lpw,.sg.sg--video .sg__main>.lp--embed{order:1}
  .sg.sg--video .sg__main>.hd,.sg.sg--video .sg__main>.nowp{order:2}
  .sg.sg--video .sg__main>*:not(.lpw):not(.lp--embed):not(.hd):not(.nowp){order:5}
  .sg.sg--video .sg__side{order:0;position:sticky;inset-block-start:76px;align-self:start;
    height:calc(100vh - 76px - 20px);height:calc(100dvh - 76px - 20px);min-height:380px}
  .sg.sg--video .sg__side .tr[data-lst-transcript]{height:100%;display:flex;flex-direction:column;margin:0}
  .sg.sg--video .sg__side .tr[data-lst-transcript]>*{flex:none}
  .sg.sg--video .sg__side .tr[data-lst-transcript]>.tr__wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .sg.sg--video .sg__side .tr__wrap>.tr__list{flex:1 1 auto;min-height:0;max-height:none;overscroll-behavior:contain}
  /* در ستون باریک، جمله‌ها دوباره زیر هم (انگلیسی بالا، فارسی پایین) */
  .sg.sg--video .seg__b{display:flex;flex-direction:column;direction:rtl}
  .sg.sg--video .seg__en{font-size:1.05rem}
  .sg.sg--video .seg__fa{font-size:.92rem;margin-block-start:2px}
  .sg.sg--video .seg__t{margin-block-start:5px}
  .sg.sg--video .seg{align-items:start}
  /* پلیر: تمام‌عرض ستون اصلی؛ ارتفاعش از صفحه بیشتر نمی‌شود */
  .sg.sg--video .lpw{max-height:calc(100vh - 76px - 20px);max-height:calc(100dvh - 76px - 20px)}
  /* عنوان زیر پلیر مثل آپارات: درشت و بدون فشردگی */
  .sg.sg--video .hd{padding-block:4px 0}
  .sg.sg--video .hd h1{font-size:1.55rem}
}

/* نوار کنترل پلیر کلیپ در دسکتاپ: گرادیان پایین قاب، بدون جعبه‌ی شیشه‌ای (مثل آپارات) */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .lpw .lp__bar{inset-inline:0;inset-block-end:0;padding:26px 14px 8px;border:0;border-radius:0 0 20px 20px;
    background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.45) 60%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
  .lpw .lp__seek{height:20px;background:linear-gradient(to right,var(--ac) var(--p,0%),rgba(255,255,255,.28) var(--p,0%)) center/100% 4px no-repeat;transition:background-size .15s}
  .lpw .lp__seek:hover{background-size:100% 6px}
  .lpw .lp__bar .ib:not(.ib--pill):not(.ib--t){width:40px;height:40px}
}
@media (min-width:1700px){.sg.sg--video{grid-template-columns:minmax(0,1fr) 420px}}

/* v1.27.9 — نوار کنترل: قرص‌های «زیرنویس / کیفیت / سرعت» اندازه‌ی خودشان را دارند و روی صدا نمی‌افتند */
.lp--video .lp__bar2{flex-wrap:nowrap;min-width:0}
.lp--video .lp__bar .ib--pill{flex:none;width:auto;height:34px;padding:0 12px 0 10px;white-space:nowrap}
.lp--video .lp__bar .vol{flex:none;margin-inline-end:6px}
.lp--video .lp__bar .vol input{width:84px}
@media (min-width:1024px) and (max-width:1399px){.lp--video .lp__bar .vol input{width:64px}}

/* =====================================================================
   v1.27.10 — کلیپ (دسکتاپ ≥۱۱۰۰): ستون کناریِ متن هم‌زمان واقعاً ثابت و پُر
   ===================================================================== */
@media (min-width:1100px){
  .sg.sg--video{--sidew:350px;grid-template-columns:minmax(0,1fr) var(--sidew)}
  /* پنل متن: با اسکرول صفحه جابه‌جا نمی‌شود؛ ارتفاعش هم‌اندازه‌ی صفحه است و فقط فهرست جمله‌ها داخلش اسکرول می‌شود */
  .sg.sg--video .sg__side{position:sticky;inset-block-start:76px;align-self:start;min-width:0;
    height:calc(100vh - 76px - 20px);height:calc(100dvh - 76px - 20px);max-height:none;overflow:hidden}
  .sg.sg--video .sg__side .tr[data-lst-transcript]{border-radius:20px;overflow:hidden}
  .sg.sg--video .sg__side .tr__head{position:relative;z-index:1}
  .sg.sg--video .sg__side .tr__list{overscroll-behavior:contain}
  /* مینی‌پلیر شناور روی پنل متن نمی‌افتد: کنار ستون اصلی، لبه‌ی ستون متن */
  .lp--video.is-docked{inset-inline-end:calc(var(--sidew,350px) + 24px + 20px)}
}
@media (min-width:1700px){.sg.sg--video{--sidew:420px}}