/* ============================================================
   Pakistan Anime — glass theme (PREVIEW: home + shell)
   body.glassOn দিয়ে স্কোপড — ক্লাস তুললেই নিও-ব্রুটালিজম ফেরত।
   ধীর ফোন (html.lite) = ব্লার বন্ধ, শুধু আধা-স্বচ্ছ প্যানেল।
   ============================================================ */

/* ── বেস: ফুল পিওর কালো + animate-ui স্টার্স ব্যাকগ্রাউন্ড ── */
body.glassOn{background:#000}
body.glassOn::before{display:none}
body.glassOn::after{display:none}

/* animate-ui <StarsBackground/> EXACT port — ৩ লেয়ার box-shadow তারা, উপরে স্ক্রল + মাউস-parallax */
.starsBg{
  position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:radial-gradient(ellipse at bottom, #262626 0%, #000 100%);
}
.starsParallax{position:absolute;inset:0;will-change:transform}
.starLayer{
  position:absolute;top:0;left:0;width:100%;height:2000px;
  animation:starScroll 50s linear infinite;
  will-change:transform;
}
.starDot{position:absolute;top:0;left:0;border-radius:50%;background:transparent}
.starDot.b{top:2000px}
@keyframes starScroll{
  from{transform:translateY(0)}
  to{transform:translateY(-2000px)}
}

/* ── হেডার ── */
body.glassOn .siteHeader{
  background:rgba(15,15,21,.58);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid rgba(255,255,255,.12);
}
body.glassOn .iconBtn{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.glassOn .iconBtn:hover{background:rgba(255,255,255,.13)}

/* ── মোবাইল bottom nav ── */
body.glassOn .bottomNav{
  background:rgba(22,22,30,.55);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 16px 44px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  backdrop-filter:blur(22px) saturate(160%);
}

/* ── হিরো কার্ড — iPhone Liquid Glass: সলিড রং নেই, কাচের রিফ্র্যাকশন + আলোর ঝিলিক ── */
body.glassOn .heroCard{
  /* HERO_BGS-এর সলিড রং কেটে দেয় — খুব হালকা কাচের টিন্ট */
  background:linear-gradient(135deg, rgba(124,112,220,.12), rgba(255,255,255,.045) 42%, rgba(96,88,205,.08)) !important;
  border:1px solid rgba(255,255,255,.18);
  /* specular edges — উপরে-বাঁয়ে আলো ধরা প্রান্ত */
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.32),
    inset 1px 0 0 rgba(255,255,255,.14),
    inset -1px 0 0 rgba(255,255,255,.10),
    0 24px 70px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(28px) saturate(180%) brightness(1.14);
  backdrop-filter:blur(28px) saturate(180%) brightness(1.14);
  overflow:hidden;
}
body.glassOn .heroCard::before{
  display:block;
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  /* তির্যক আলোর ঝিলিক — liquid sheen */
  background:linear-gradient(118deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.055) 24%, transparent 44%, transparent 68%, rgba(255,255,255,.06) 100%);
}
/* কাচ গাঢ় — তাই টাইটেল সাদা */
body.glassOn .heroCard .heroTitle{color:#fff}
/* Netflix-স্টাইল হিরো বাটন — লাল PLAY + বর্ডারওয়ালা MY LIST */
body.glassOn .heroCard .heroBtnWatch{
  background:#e50914;border-color:#e50914;color:#fff;border-radius:6px;
  box-shadow:0 10px 28px rgba(229,9,20,.35);
  text-transform:uppercase;letter-spacing:.05em;
}
body.glassOn .heroCard .heroBtnWatch:hover{background:#f6121d;box-shadow:0 14px 36px rgba(229,9,20,.45)}
body.glassOn .heroCard .btnGlass{
  background:rgba(8,8,10,.72);border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:6px;
  box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  text-transform:uppercase;letter-spacing:.05em;
}
body.glassOn .heroCard .chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff;box-shadow:none}
body.glassOn .heroDots button{background:rgba(255,255,255,.28)}
body.glassOn .heroDots button.on{background:var(--lime)}

/* ── কার্ডের চিপ/ব্যাজ ── */
/* পোস্টার হোভার — বাটনের মতো স্পষ্ট উপরে ওঠা + নিচে ভাসা ছায়া */
body.glassOn .card:hover .posterWrap{
  transform:translateY(-8px);
  box-shadow:0 22px 44px rgba(0,0,0,.55);
  border-color:rgba(255,255,255,.3);
}
body.glassOn .card .chip,
body.glassOn .resumeLabel{
  background:rgba(18,18,26,.6);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;box-shadow:none;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
/* ── টেলিগ্রাম ব্যানার + ফুটার ── */
body.glassOn .tgBanner{
  background:rgba(24,24,34,.52);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
}
body.glassOn .siteFooter{background:transparent;border-top:1px solid rgba(255,255,255,.09)}
body.glassOn .footerInner{
  background:rgba(22,22,30,.5);
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.4);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}

/* ফুটার লিংক হোভার — পুরনো হলুদ-ব্যাকগ্রাউন্ড রুল সাদা হওয়ার পর সাদা-উপর-সাদা
   হয়ে যাচ্ছিল; এখন হালকা কাচের পিল + সাদা টেক্সট (পড়া যায়, glass ডিজাইনের সাথে মিলে) */
body.glassOn .footerLinks a{
  color:var(--muted);
  border-radius:999px;
  transition:color .2s var(--ease),background .2s var(--ease);
}
body.glassOn .footerLinks a:hover{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:transparent;
}

/* ── সেকশন হেড ── */
body.glassOn .sectionHead .bar{box-shadow:none}

/* ── ধীর ফোন: ব্লার বন্ধ, শুধু আধা-স্বচ্ছতা ── */
html.lite body.glassOn .siteHeader,
html.lite body.glassOn .bottomNav,
html.lite body.glassOn .heroCard,
html.lite body.glassOn .card .chip,
html.lite body.glassOn .resumeLabel,
html.lite body.glassOn .tgBanner,
html.lite body.glassOn .footerInner,
html.lite body.glassOn .iconBtn,
html.lite body.glassOn .heroCard .btnGlass{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
/* লাইট মোডে হেডারের পেছনের ফুল-উইডথ সলিড বার = "বারের পেছনে বক্স" লাগে —
   ক্যাপসুল নিজেই ব্যাকগ্রাউন্ড বহন করে, তাই বারটা সম্পূর্ণ স্বচ্ছ */
html.lite body.glassOn .siteHeader{background:none}
html.lite body.glassOn .bottomNav{background:rgba(22,22,30,.94)}
html.lite body.glassOn::after{display:none}

/* ============================================================
   FULL ROLLOUT — থিম টোকেন ওভাররাইড: প্যানেল/বর্ডার/ছায়া একসাথে কাচ
   ============================================================ */
body.glassOn{
  --panel:rgba(27,27,37,.55);
  --panel-2:rgba(34,34,46,.5);
  --line:rgba(255,255,255,.15);
  --bw:1px;
  --bw-lg:1px;
  --sh-sm:0 6px 18px rgba(0,0,0,.32);
  --sh:0 14px 38px rgba(0,0,0,.42);
  --sh-lg:0 22px 60px rgba(0,0,0,.5);
}

/* হেডার-নেভ অ্যাক্টিভ পিল — সাদা অ্যাকসেন্ট, ছায়া নরম */
body.glassOn .headerNav a.active,body.glassOn .headerNav button.active{box-shadow:0 8px 22px rgba(255,255,255,.28)}

/* বড় প্যানেলে ব্লার */
body.glassOn .glass,
body.glassOn .glassStrong,
body.glassOn .profMenu,
body.glassOn .confirmBox,
body.glassOn .profCard,
body.glassOn .infoPanel,
body.glassOn .epPanel,
body.glassOn .searchResults,
body.glassOn .toast,
body.glassOn .serverPill{
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}

/* সার্চ ওভারলে — পুরো পেজ পেছনে ঝাপসা */
body.glassOn .searchOverlay{
  background:rgba(8,8,14,.45);
  -webkit-backdrop-filter:blur(10px) saturate(130%);
  backdrop-filter:blur(10px) saturate(130%);
}
/* প্লেয়ার শিট — ভিডিওর উপর কাচ */
body.glassOn .npSheetCard{background:rgba(16,16,24,.62)}

/* সাধারণ বাটন — কাচের চিপ; রঙিন বিশেষ বাটনগুলো নিজের রঙেই */
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger){
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
  box-shadow:var(--sh-sm);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger):hover{
  background:rgba(255,255,255,.14);
}

/* সার্ভার পিল হালকা */
body.glassOn .serverPill{border-width:1px;box-shadow:var(--sh-sm)}
body.glassOn .serverPill.on{box-shadow:0 8px 22px rgba(255,255,255,.3)}

/* ইনপুট — কাচের খাঁজ */
body.glassOn input,
body.glassOn textarea,
body.glassOn select{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
}

/* ধীর ফোন — ফুল-রোলআউট ফলব্যাক */
html.lite body.glassOn{
  --panel:rgba(24,24,33,.94);
  --panel-2:rgba(30,30,41,.94);
}
html.lite body.glassOn .glass,
html.lite body.glassOn .glassStrong,
html.lite body.glassOn .profMenu,
html.lite body.glassOn .confirmBox,
html.lite body.glassOn .profCard,
html.lite body.glassOn .infoPanel,
html.lite body.glassOn .epPanel,
html.lite body.glassOn .searchResults,
html.lite body.glassOn .toast,
html.lite body.glassOn .serverPill,
html.lite body.glassOn .searchOverlay,
html.lite body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger){
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
html.lite body.glassOn .searchOverlay{background:rgba(5,5,9,.82)}

/* ═══════════ TV MODE — রিমোট/D-pad দিয়ে চালানো (js/tv.js) ═══════════
   তীর-কি চাপলেই <html>-এ .tvOn জ্বলে; মাউস-ইউজার কিছু দেখবে না (:focus-visible শুধু কি-বোর্ড ফোকাসে) */
html.tvOn :focus-visible{
  outline:3px solid var(--violet,#FFFFFF);
  outline-offset:3px;
  box-shadow:0 0 0 8px rgba(167,139,250,.25),0 14px 38px rgba(0,0,0,.55);
}
html.tvOn .card:focus-visible{
  transform:translateY(-8px) scale(1.06);
  z-index:6;
  transition:transform .15s ease;
}
html.tvOn .card:focus-visible .posterWrap{
  border-color:#FFFFFF;
  box-shadow:0 0 0 2px #FFFFFF,0 16px 40px rgba(0,0,0,.6);
}
html.tvOn .rowScroller{scroll-behavior:auto}

/* প্লেয়ারের ভেতরে ফোকাস থাকলে অটো-হাইড ক্রোম লুকাবে না — নাহলে ফোকাসড বাটন অদৃশ্য */
html.tvOn .exePlayer.idle.tvChrome .npTop,
html.tvOn .exePlayer.idle.tvChrome .npControls,
html.tvOn .exePlayer.idle.tvChrome .npCenter{opacity:1;pointer-events:auto}
/* .tvFocus — js/tv.js focusEl থেকে সরাসরি টগল হয় (:focus-visible সাপোর্ট না থাকলেও রিং দেখাবে) */
html.tvOn .tvFocus{
  outline:3px solid var(--violet,#FFFFFF);
  outline-offset:3px;
  box-shadow:0 0 0 8px rgba(167,139,250,.25),0 14px 38px rgba(0,0,0,.55);
}
html.tvOn .card.tvFocus{
  transform:translateY(-8px) scale(1.06);
  z-index:6;
}
html.tvOn .card.tvFocus .posterWrap{
  border-color:#FFFFFF;
  box-shadow:0 0 0 2px #FFFFFF,0 16px 40px rgba(0,0,0,.6);
}

/* ============================================================
   iOS PRO THEME — ফুল-সাইট প্রফেশনাল স্কিন (2026-10-07)
   iPhone dark design language: system-blue accent, SF-style
   typography, hairline separators, soft ambient shadows, spring
   motion. প্লেয়ার ও page-wipe এই লেয়ারে ধরা হয়নি।
   ============================================================ */

/* ── টোকেন: iOS প্যালেট ── */
body.glassOn{
  --violet:#FFFFFF;          /* accent = white (yellow off site-wide) */
  --violet-deep:#D6D6D6;
  --lime:#FFFFFF;            /* ব্র্যান্ড অ্যাকসেন্ট — এখন সাদা */
  --yellow:#FFFFFF;          /* পুরনো var(--yellow) ব্যবহারও glass থিমে সাদা */
  --ios-red:#FF453A;
  --ios-green:#30D158;
  --ios-fill:rgba(120,120,128,.24);          /* systemFill */
  --ios-hair:rgba(255,255,255,.10);          /* separator */
  --panel:rgba(28,28,32,.55);
  --panel-2:rgba(44,44,50,.55);
  --line:rgba(255,255,255,.12);
  --text:#F5F5F7;
  --r-md:16px;
  --r-xl:22px;
  --sh-sm:0 2px 12px rgba(0,0,0,.35);
  --sh:0 10px 34px rgba(0,0,0,.45);
  --sh-lg:0 24px 64px rgba(0,0,0,.55);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',sans-serif;
}

/* ── টাইপোগ্রাফি: SF-স্টাইল — Archivo Black-এর জায়গায় বোল্ড টাইট হেডিং ── */
body.glassOn h1,body.glassOn h2,body.glassOn h3,
body.glassOn .heroTitle,body.glassOn .sectionHead h2,
body.glassOn .tgText h3{
  font-family:inherit;
  font-weight:700;
  letter-spacing:-.02em;
}
body.glassOn .sectionHead h2{font-size:clamp(19px,2.3vw,24px);text-transform:none;letter-spacing:-.02em}
body.glassOn .cardTitle{font-weight:600;font-size:13.5px;color:rgba(235,235,245,.92);transition:color .25s var(--ease)}
body.glassOn .card:hover .cardTitle{color:#fff}
body.glassOn .srTitle{font-weight:600}
body.glassOn ::selection{background:rgba(255,255,255,.35);color:#111}

/* ── স্ক্রলবার: পাতলা iOS ── */
body.glassOn ::-webkit-scrollbar{width:8px;height:8px}
body.glassOn ::-webkit-scrollbar-track{background:transparent}
body.glassOn ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
body.glassOn ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26)}

/* ── রিভিল + মোশন: iOS spring curve ── */
body.glassOn .reveal{opacity:0;transform:translateY(18px) scale(.992);transition:opacity .6s cubic-bezier(.32,.72,0,1),transform .6s cubic-bezier(.32,.72,0,1)}
body.glassOn .reveal.in{opacity:1;transform:none}
body.glassOn .pageWrap{animation:iosPageIn .45s cubic-bezier(.32,.72,0,1)}
@keyframes iosPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ── হেডার: ভাসমান blur বার + নীল active pill ── */
body.glassOn .siteHeader{
  background:rgba(10,10,14,.62);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.glassOn .headerNav a,body.glassOn .headerNav button{
  border-radius:999px;
  transition:background .25s var(--ease),color .25s var(--ease),transform .25s cubic-bezier(.32,.72,0,1);
}
body.glassOn .headerNav a:hover,body.glassOn .headerNav button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
body.glassOn .headerNav a.active,body.glassOn .headerNav button.active{
  background:rgba(255,255,255,.16);color:#fff;box-shadow:none;
}
body.glassOn .iconBtn{
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  transition:background .25s var(--ease),transform .25s cubic-bezier(.32,.72,0,1);
}
body.glassOn .iconBtn:hover{background:rgba(255,255,255,.14);transform:scale(1.05)}
body.glassOn .iconBtn:active{transform:scale(.94)}

/* ── মোবাইল ট্যাব-বার ── */
body.glassOn .bottomNav{
  background:rgba(18,18,22,.68);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  backdrop-filter:blur(28px) saturate(180%);
}

/* ── হিরো: liquid glass আগের মতোই; বাটন-ডট iOS করা ── */
body.glassOn .heroCard .heroTitle{font-weight:800;letter-spacing:-.028em}
body.glassOn .heroCard .heroBtnWatch{
  background:#FF453A;border-color:transparent;color:#fff;border-radius:999px;
  box-shadow:0 12px 30px rgba(255,69,58,.35);
  text-transform:none;letter-spacing:0;font-weight:700;
}
body.glassOn .heroCard .heroBtnWatch:hover{background:#FF6B61;box-shadow:0 16px 38px rgba(255,69,58,.45);transform:scale(1.03)}
body.glassOn .heroCard .heroBtnWatch:active{transform:scale(.96)}
body.glassOn .heroCard .btnGlass{
  background:rgba(120,120,128,.30);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;
  text-transform:none;letter-spacing:0;font-weight:600;
  box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.glassOn .heroCard .btnGlass:hover{background:rgba(120,120,128,.42);transform:scale(1.03)}
body.glassOn .heroDots button{background:rgba(255,255,255,.30);transition:background .3s var(--ease),transform .3s cubic-bezier(.32,.72,0,1)}
body.glassOn .heroDots button.on{background:#FFFFFF;transform:scale(1.25)}

/* ── কার্ড: 16px রেডিয়াস, hairline, ভাসা ছায়া, spring lift ── */
body.glassOn .posterWrap{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 16px rgba(0,0,0,.35);
  transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s var(--ease),border-color .3s var(--ease);
}
body.glassOn .card:hover .posterWrap{
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 24px 48px rgba(0,0,0,.55);
  border-color:rgba(255,255,255,.22);
}
body.glassOn .card .chip,body.glassOn .resumeLabel{
  border-radius:999px;
  background:rgba(12,12,16,.62);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;box-shadow:none;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-weight:600;
}
body.glassOn .cardPlay{border-radius:999px}

/* ── সেকশন-হেড বার: নীল চিকন স্ট্রাইপ ── */
body.glassOn .sectionHead .bar{
  width:5px;height:24px;border-radius:999px;border:0;
  background:linear-gradient(180deg,#FFFFFF,#D6D6D6);
  box-shadow:0 0 14px rgba(255,255,255,.4);
}

/* ── বাটন: পিল + প্রেস-স্কেল ── */
body.glassOn .btn{
  border-radius:999px;font-weight:600;letter-spacing:0;
  padding:12px 24px;
  box-shadow:var(--sh-sm);
  transition:transform .3s cubic-bezier(.32,.72,0,1),background .25s var(--ease),box-shadow .3s var(--ease),opacity .25s var(--ease);
}
body.glassOn .btn:hover{transform:scale(1.03);box-shadow:0 10px 28px rgba(0,0,0,.4)}
body.glassOn .btn:active{transform:scale(.96)}
body.glassOn .btnGrad{
  background:#FFFFFF;color:#111;border-color:transparent;
  box-shadow:0 10px 26px rgba(255,255,255,.3);
}
body.glassOn .btnGrad:hover{background:#EDEDED;box-shadow:0 14px 34px rgba(255,255,255,.4)}
body.glassOn .btnDanger{background:var(--ios-red);color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(255,69,58,.3)}
body.glassOn .btnDanger:hover{background:#FF6B61;box-shadow:0 14px 32px rgba(255,69,58,.4)}
body.glassOn .btnSm{border-radius:999px}
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger){
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger):hover{
  background:rgba(255,255,255,.15);
}

/* ── ইনপুট: iOS ফিল + নীল ফোকাস রিং ── */
body.glassOn input,body.glassOn textarea,body.glassOn select{
  border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
}
body.glassOn input:focus,body.glassOn textarea:focus,body.glassOn select:focus{
  outline:0;
  border-color:rgba(255,255,255,.6);
  box-shadow:0 0 0 4px rgba(255,255,255,.16);
  background:rgba(255,255,255,.09);
}
body.glassOn .iosSearchBar input,body.glassOn .iosSearchBar input:focus{background:transparent;border:0;box-shadow:none}

/* ── প্যানেল/মোডাল/টোস্ট: বড় রেডিয়াস + নরম ছায়া ── */
body.glassOn .glass,body.glassOn .glassStrong,body.glassOn .profMenu,body.glassOn .confirmBox,
body.glassOn .profCard,body.glassOn .infoPanel,body.glassOn .epPanel,body.glassOn .toast,
body.glassOn .serverPill,body.glassOn .shareSheet{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--sh-lg);
}
body.glassOn .toast{border-radius:16px}
body.glassOn .serverPill{border-radius:999px}
body.glassOn .serverPill.on{box-shadow:0 8px 24px rgba(255,255,255,.3)}

/* ── টেলিগ্রাম ব্যানার + ফুটার ── */
body.glassOn .tgBanner{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s var(--ease);
}
body.glassOn .tgBanner:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.45)}
body.glassOn .tgBtn{border-radius:999px}
body.glassOn .footerInner{border-radius:22px}

/* ── হেডার ব্র্যান্ড লোগো নীল গ্লো ── */
/* ব্র্যান্ড মার্ক — আগের বেগুনি লোগো (user order: logo age tai rako) */
body.glassOn .siteHeader .logoMark{background:#A78BFA;box-shadow:var(--sh-ink)}
body.glassOn .logoText b{color:#A78BFA}

/* ── ধীর ফোন: নতুন সব ব্লার বন্ধ ── */
html.lite body.glassOn .siteHeader,
html.lite body.glassOn .bottomNav,
html.lite body.glassOn .heroCard .btnGlass,
html.lite body.glassOn .card .chip,
html.lite body.glassOn .resumeLabel,
html.lite body.glassOn .tgBanner,
html.lite body.glassOn .footerInner,
html.lite body.glassOn .iconBtn,
html.lite body.glassOn .glass,
html.lite body.glassOn .glassStrong,
html.lite body.glassOn .profMenu,
html.lite body.glassOn .confirmBox,
html.lite body.glassOn .profCard,
html.lite body.glassOn .infoPanel,
html.lite body.glassOn .epPanel,
html.lite body.glassOn .toast,
html.lite body.glassOn .serverPill{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
html.lite body.glassOn .reveal{opacity:1;transform:none;transition:none}
html.lite body.glassOn .pageWrap{animation:none}

/* ============================================================
   LIQUID GLASS ROLLOUT — পুরো সাইটে তরল কাচ (2026-10-07)
   heroCard-এর রেসিপি সব জায়গায়: ট্রান্সলুসেন্ট টিন্ট + blur +
   specular edge (inset আলো) + তির্যক শিন গ্রেডিয়েন্ট।
   প্যালেট একই: black/white/red। প্লেয়ার ধরা হয়নি।
   ============================================================ */

/* ── হেডার নেভ: প্রতিটা লিংকই এখন কাচের পিল ── */
body.glassOn .headerNav a,body.glassOn .headerNav button{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 52%,rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.05),0 4px 16px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(16px) saturate(170%);
  backdrop-filter:blur(16px) saturate(170%);
}
body.glassOn .headerNav a:hover,body.glassOn .headerNav button:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06) 52%,rgba(255,255,255,.11));
}
body.glassOn .headerNav a.active,body.glassOn .headerNav button.active{
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.09) 52%,rgba(255,255,255,.16));
  border-color:rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40),inset 0 -1px 0 rgba(255,255,255,.08),0 8px 26px rgba(0,0,0,.38);
  color:#fff;
}
body.glassOn .iconBtn{
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 55%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05),0 4px 14px rgba(0,0,0,.30);
}

/* ── মোবাইল ট্যাব-বার: liquid ── */
body.glassOn .bottomNav{
  background:linear-gradient(135deg,rgba(44,44,52,.66),rgba(24,24,30,.58) 50%,rgba(38,38,46,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.55);
}
body.glassOn .bottomNav a.active,body.glassOn .bottomNav button.active{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 22px rgba(255,255,255,.30);
  color:#111;
}

/* ── বাটন: সব বাটন কাচ; রঙিনগুলো liquid রঙের কাচ ── */
body.glassOn .btn{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),var(--sh-sm);
  -webkit-backdrop-filter:blur(14px) saturate(170%);
  backdrop-filter:blur(14px) saturate(170%);
}
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger){
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
}
body.glassOn .btn:not(.btnGrad):not(.btnGlass):not(.heroBtnWatch):not(.dzBtn):not(.tgBtn):not(.btnDanger):hover{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 52%,rgba(255,255,255,.13));
}
body.glassOn .btnGrad{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.70) 55%,rgba(255,255,255,.85));
  border-color:rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.15),0 10px 28px rgba(255,255,255,.28);
}
body.glassOn .btnGrad:hover{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 55%,rgba(255,255,255,.9))}
body.glassOn .btnDanger{
  background:linear-gradient(135deg,rgba(255,69,58,.92),rgba(255,69,58,.68) 55%,rgba(255,69,58,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.15),0 10px 28px rgba(255,69,58,.26);
}
body.glassOn .heroCard .heroBtnWatch{
  background:linear-gradient(135deg,rgba(255,69,58,.92),rgba(255,69,58,.66) 55%,rgba(255,69,58,.82));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.18),0 12px 30px rgba(255,69,58,.30);
}
body.glassOn .heroCard .btnGlass{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 52%,rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.30);
}

/* ── বড় প্যানেল: liquid শিন + specular প্রান্ত ── */
body.glassOn .glass,body.glassOn .glassStrong,body.glassOn .profMenu,body.glassOn .confirmBox,
body.glassOn .profCard,body.glassOn .infoPanel,body.glassOn .epPanel,body.glassOn .toast,
body.glassOn .serverPill,body.glassOn .shareSheet,body.glassOn .footerInner,body.glassOn .tgBanner{
  background:linear-gradient(150deg,rgba(46,46,54,.60),rgba(26,26,32,.50) 48%,rgba(40,40,48,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.04),var(--sh-lg);
}
body.glassOn .tgBanner{background:linear-gradient(150deg,rgba(46,46,54,.55),rgba(26,26,32,.45) 48%,rgba(40,40,48,.5))}
body.glassOn .toast{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),var(--sh)}
/* সার্চ: প্যানেল-বক্স নেই — liquid কাচটা এখন রেজাল্টের আলাদা বক্সে */
body.glassOn .searchPanel.iosSearch{background:none;box-shadow:none;border:0}
body.glassOn .iosSearch .searchResults{
  background:linear-gradient(150deg,rgba(40,40,48,.78),rgba(18,18,22,.72) 50%,rgba(34,34,42,.75));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.55);
}
body.glassOn .iosSearchBar{
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05) 55%,rgba(255,255,255,.09));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04);
}
body.glassOn .annBar{
  background:linear-gradient(150deg,rgba(40,40,48,.9),rgba(22,22,28,.85) 50%,rgba(34,34,42,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 40px rgba(0,0,0,.55);
}

/* ── ইনপুট: কাচের ফিল + উপরে আলো ── */
body.glassOn input,body.glassOn textarea,body.glassOn select{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body.glassOn input:focus,body.glassOn textarea:focus,body.glassOn select:focus{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
}

/* ── হিরো ডট ── */
body.glassOn .heroDots button{
  background:rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
body.glassOn .heroDots button.on{background:#FFFFFF;box-shadow:0 0 14px rgba(255,255,255,.5)}

/* ── ধীর ফোন ── */
html.lite body.glassOn .btn,
html.lite body.glassOn .headerNav a,
html.lite body.glassOn .headerNav button{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* ============================================================
   FLOATING GLASS CAPSULE HEADER (2026-10-07, Tourera reference)
   পুরো হেডার (logo + nav + actions) একটা ভাসমান liquid-glass
   ক্যাপসুলে — লোগোর পর divider, active লিংক = সাদা পিল (হলুদ নয়)।
   ============================================================ */
body.glassOn .siteHeader{
  background:none;
  border:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  pointer-events:none;                 /* ক্যাপসুলের বাইরের ফাঁকা জায়গা দিয়ে ক্লিক ঢুকুক */
  height:auto;
}
body.glassOn .siteHeader.scrolled{
  background:none;border:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
body.glassOn .headerInner{
  pointer-events:auto;
  width:min(1180px,calc(100% - 28px));
  max-width:none;
  margin:14px auto 0;
  height:auto;
  padding:9px 10px 9px 18px;
  display:flex;align-items:center;gap:14px;
  border-radius:999px;
  background:linear-gradient(150deg,rgba(44,44,52,.66),rgba(24,24,30,.58) 50%,rgba(38,38,46,.62));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.5);
  -webkit-backdrop-filter:blur(26px) saturate(180%);
  backdrop-filter:blur(26px) saturate(180%);
  position:relative;
}
/* নেভ ক্যাপসুলের একদম মাঝখানে — লোগো বাঁয়ে, আইকন ডানে, সমান ভারসাম্য
   (পুরনো "nav perfectly centered" প্যাটার্ন; divider বাদ — নেভ আর লোগোর পাশে বসে না) */
body.glassOn .headerNav{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:2px;
  border-left:0;padding-left:0;
  white-space:nowrap;
}
/* PC হেডার নেভেও liquid glass — active লিংকের পেছনে সাদা কাচের পিল,
   রুট বদলালে স্প্রিং-কার্ভে স্লাইড করে সরে (app.js AP.tabBlob) */
body.glassOn .headerNav .navBlob{
  position:absolute;top:3px;bottom:3px;left:0;width:70px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,255,255,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(0,0,0,.35);
  opacity:0;
  transition:transform .5s cubic-bezier(.3,1.25,.35,1),width .5s cubic-bezier(.3,1.25,.35,1),opacity .22s var(--ease);
  pointer-events:none;
  will-change:transform,width;
}
body.glassOn .headerNav .navBlob.on{opacity:1}
/* লিংকগুলো আর আলাদা পিল নয় — প্লেইন টেক্সট, active-ই একমাত্র পিল */
body.glassOn .headerNav a,body.glassOn .headerNav button{
  position:relative;z-index:1;   /* ব্লবের উপরে টেক্সট — নাহলে সাদা পিল লেখা ঢেকে দেয় */
  background:none;
  border:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-radius:999px;
  padding:10px 15px;
  color:rgba(235,235,245,.82);
  font-size:14.5px;font-weight:600;
  transition:background .25s var(--ease),color .25s var(--ease),transform .25s cubic-bezier(.32,.72,0,1);
}
body.glassOn .headerNav a:hover,body.glassOn .headerNav button:hover{
  background:rgba(255,255,255,.09);
  color:#fff;transform:translateY(-1px);
}
body.glassOn .headerNav a.active,body.glassOn .headerNav button.active{
  background:none;
  border:0;color:#111;
  box-shadow:none;
}
body.glassOn .headerActions{margin-left:auto}
/* ক্যাপসুল + 14px মার্জিনের জায়গা ধরতে কনটেন্ট একটু নামানো */
body.glassOn .appRoot{padding-top:calc(var(--header-h) + 24px)}
html.lite body.glassOn .headerInner{-webkit-backdrop-filter:none;backdrop-filter:none}

/* মোবাইলে ক্যাপসুলে নেভ লুকাবে (base media rule হারিয়ে যাচ্ছিল) */
@media (max-width:820px){
  body.glassOn .headerNav{display:none}
  body.glassOn .headerInner{gap:10px}
}

/* ============================================================
   MOBILE BOTTOM NAV — একক লিকুইড-গ্লাস বার (v143, user order:
   "2 ta bar — akta main ar akta baira — oita bad daw" = ভেতরের
   দ্বিতীয় স্তর বাদ)। active আইটেম = ফুল-গোল frosted পিল।
   ============================================================ */
@media (max-width:820px){
  body.glassOn .bottomNav{
    padding:10px 18px;
    border-radius:38px;
    background:linear-gradient(150deg,rgba(52,52,60,.5),rgba(22,22,28,.42) 50%,rgba(46,46,54,.46));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.55);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    backdrop-filter:blur(24px) saturate(180%);
  }
  /* দ্বিতীয় স্তর (::before কাচের রো) বাদ — এখন একটাই বার */
  body.glassOn .bottomNav::before{display:none}
  /* Liquid glass tab blob — active ট্যাবের পেছনে কাচের হাইলাইট, ট্যাব বদলালে
     ওভারশুট-স্প্রিং কার্ভে মসৃণভাবে সরে যায় (app.js AP.tabBlob পজিশন দেয়) */
  body.glassOn .bottomNav .tabBlob{
    position:absolute;top:8px;bottom:8px;left:0;width:60px;
    border-radius:20px;
    background:linear-gradient(150deg,rgba(255,255,255,.30),rgba(255,255,255,.13) 55%,rgba(255,255,255,.22));
    border:1px solid rgba(255,255,255,.30);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.4);
    -webkit-backdrop-filter:blur(18px) saturate(170%);
    backdrop-filter:blur(18px) saturate(170%);
    opacity:0;
    transition:transform .5s cubic-bezier(.3,1.25,.35,1),width .5s cubic-bezier(.3,1.25,.35,1),opacity .22s var(--ease);
    pointer-events:none;
    will-change:transform,width;
  }
  body.glassOn .bottomNav .tabBlob.on{opacity:1}
  body.glassOn .bottomNav a,body.glassOn .bottomNav button{
    position:relative;z-index:1;
    background:none;border:0;box-shadow:none;
    border-radius:20px;   /* হালকা রাউন্ড — ফুল-গোল নয় (user: "ato basi round na") */
    color:#fff;
  }
  /* active — ব্লব-ই কাচের হাইলাইট বহন করে; আইটেমে আর আলাদা পিল নেই */
  body.glassOn .bottomNav a.active,body.glassOn .bottomNav button.active{
    background:none;
    border:1px solid transparent;
    box-shadow:none;
    color:#fff;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* ============================================================
   SCHEDULE DAY PILLS + LIVE CHAT GLASS (2026-10-07)
   নিও-ব্রুটালিস্ট চিপ/প্যানেল নতুন liquid-glass ভাষায় —
   day বাটন = টপ-বারের মতো কাচের পিল, chat = কাচের প্যানেল।
   ============================================================ */

/* ── Schedule-এর day বাটন: হেডার-নেভের মতো কাচের পিল ── */
body.glassOn .fChip{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(14px) saturate(170%);
  backdrop-filter:blur(14px) saturate(170%);
  transition:background .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);
}
body.glassOn .fChip:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 52%,rgba(255,255,255,.13));
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.35);
}
body.glassOn .fChip:active{transform:scale(.96)}
body.glassOn .fChip.on{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border-color:transparent;
  color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 22px rgba(255,255,255,.28);
}
body.glassOn .fChip.on:hover{transform:none}

/* ── Live Chat: প্যানেল + বাবল + কম্পোজার সব liquid কাচ ── */
body.glassOn #chatHost{
  background:linear-gradient(150deg,rgba(46,46,54,.60),rgba(26,26,32,.50) 48%,rgba(40,40,48,.56));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
}
body.glassOn .chRules{background:none;border-bottom:1px solid rgba(255,255,255,.08)}
body.glassOn .chBubble{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 18px rgba(0,0,0,.28);
}
body.glassOn .chatMsg.admin .chBubble{
  border-color:rgba(167,139,250,.45);
  background:linear-gradient(135deg,rgba(167,139,250,.20),rgba(167,139,250,.08) 55%,rgba(167,139,250,.14));
}
body.glassOn .chatMsg.mine .chBubble{
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.09) 52%,rgba(255,255,255,.15));
  border-color:rgba(255,255,255,.34);
}
body.glassOn .chatMsg.flash .chBubble{animation:chFlashGlass 1.2s}
@keyframes chFlashGlass{0%,60%{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.16))}}
body.glassOn .chBar{background:none;border-top:1px solid rgba(255,255,255,.08)}
body.glassOn #chatInput{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
body.glassOn #chatInput:focus{
  border-color:rgba(255,255,255,.30);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
}
body.glassOn .chGifBtn{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 52%,rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.14);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
body.glassOn .chGifBtn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 20px rgba(0,0,0,.3)}
body.glassOn .chSend{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border:0;color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px rgba(255,255,255,.25);
}
body.glassOn .chSend:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px rgba(255,255,255,.3)}
body.glassOn .chatRxn{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
}
body.glassOn .chatRxn.mine{
  border-color:rgba(167,139,250,.45);
  background:linear-gradient(135deg,rgba(167,139,250,.20),rgba(167,139,250,.08));
}
body.glassOn .chCount{
  background:rgba(24,24,30,.8);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body.glassOn .chCount.near{background:rgba(255,69,58,.9);border-color:transparent}
body.glassOn .chReply{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
}
body.glassOn .chGifs{
  background:rgba(20,20,26,.55);border-top:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body.glassOn .chGifItem{border:1px solid rgba(255,255,255,.14)}
body.glassOn .chGifItem:hover{border-color:rgba(255,255,255,.4)}
body.glassOn .chatReactPick{
  background:linear-gradient(150deg,rgba(46,46,54,.85),rgba(26,26,32,.8) 50%,rgba(40,40,48,.82));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 50px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(20px) saturate(170%);
  backdrop-filter:blur(20px) saturate(170%);
}
body.glassOn .chatReactPick button:hover{background:rgba(255,255,255,.16)}
body.glassOn .chatSys{
  background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.22);
}
body.glassOn .chatSys b{color:var(--text)}
body.glassOn .chatOffBox{
  background:linear-gradient(150deg,rgba(46,46,54,.60),rgba(26,26,32,.50) 48%,rgba(40,40,48,.56));
  border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(20px) saturate(170%);
  backdrop-filter:blur(20px) saturate(170%);
}

/* lite — blur বাদ, কঠিন প্যানেল */
html.lite body.glassOn .fChip,
html.lite body.glassOn #chatHost,
html.lite body.glassOn .chatReactPick,
html.lite body.glassOn .chGifs,
html.lite body.glassOn .chatOffBox{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* ── Library A–Z: একই কাচের পিল, active = সাদা পিল ── */
body.glassOn .alphaWrap{background:none;box-shadow:none;border:0;padding:0}
body.glassOn .alphaStrip button{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05);
  color:var(--text);
  -webkit-backdrop-filter:blur(14px) saturate(170%);
  backdrop-filter:blur(14px) saturate(170%);
  transition:background .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);
}
body.glassOn .alphaStrip button:hover:not(:disabled){
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 52%,rgba(255,255,255,.13));
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 26px rgba(0,0,0,.35);
  color:var(--text);
}
body.glassOn .alphaStrip button.on{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border-color:transparent;
  color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 22px rgba(255,255,255,.28);
}
body.glassOn .alphaStrip button.on:hover{transform:none;color:#111}
html.lite body.glassOn .alphaStrip button{-webkit-backdrop-filter:none;backdrop-filter:none}

/* ── প্রোফাইল মেনু: পুরো স্বচ্ছ হয়ে যাচ্ছিল — স্পষ্ট blur দেওয়া (user: "text বোঝা যায়") ── */
body.glassOn .profMenu{
  background:linear-gradient(150deg,rgba(38,38,46,.82),rgba(20,20,26,.78) 48%,rgba(34,34,42,.80));
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  backdrop-filter:blur(28px) saturate(180%);
}
html.lite body.glassOn .profMenu{
  background:var(--panel);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* ============================================================
   WATCH PAGE GLASS (2026-10-07, user: "watch page iPhone UI-এ match করছে না")
   player-এর ভেতর অংশ বাদ — পেজের chips/ep বাটন/ড্রপডাউন/সার্ভার পিল কাচে।
   ============================================================ */

/* ── chips (Series / 1 SEASON / 4 EPISODES, Today, NEW) ── */
body.glassOn .chip{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  color:rgba(255,255,255,.85);
}
body.glassOn .chipGrad{
  background:linear-gradient(135deg,rgba(167,139,250,.26),rgba(167,139,250,.10) 55%,rgba(167,139,250,.18));
  border-color:rgba(167,139,250,.35);
  color:#E4D9FF;
}
body.glassOn .chipNew{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border-color:transparent;color:#111;
  box-shadow:0 6px 18px rgba(255,255,255,.22);
}

/* ── info panel ── */
body.glassOn .miniPoster{border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(0,0,0,.4)}
body.glassOn .iconBtn.savedOn{
  background:linear-gradient(135deg,rgba(167,139,250,.30),rgba(167,139,250,.12) 55%,rgba(167,139,250,.22));
  border-color:rgba(167,139,250,.4);color:#E4D9FF;
}
body.glassOn .reportBtn{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
body.glassOn .reportBtn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(255,69,58,.28),rgba(255,69,58,.10) 55%,rgba(255,69,58,.18));
  border-color:rgba(255,69,58,.4);
  box-shadow:0 10px 26px rgba(255,69,58,.18);
  color:#ffd7d3;
}

/* ── episode panel ── */
body.glassOn .epHead{border-top:1px solid rgba(255,255,255,.09)}
body.glassOn .epHead h3{color:#C9B8FF;letter-spacing:.14em}
body.glassOn .epBtn{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  border-radius:13px;
  transition:background .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease);
}
body.glassOn .epBtn:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.09) 52%,rgba(255,255,255,.14));
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 24px rgba(0,0,0,.35);
  color:#fff;
}
body.glassOn .epBtn:active{transform:scale(.94)}
body.glassOn .epBtn.current{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border-color:transparent;color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px rgba(255,255,255,.26);
}
body.glassOn .epBtn.current:hover{transform:none}
body.glassOn .epBtn.watched::after{border:0;box-shadow:0 0 8px rgba(74,222,128,.5)}
body.glassOn .epBtn.current.watched::after{background:#111}
body.glassOn .epNow{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  border-radius:999px;color:#C9B8FF;
}

/* ── season dropdown ── */
body.glassOn .seasonDropBtn{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
body.glassOn .seasonDropBtn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.07) 52%,rgba(255,255,255,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 26px rgba(0,0,0,.35);
}
body.glassOn .seasonDropdown.open .seasonDropBtn{border-color:rgba(255,255,255,.3)}
body.glassOn .seasonDropdown.open .chev{color:#C9B8FF}
body.glassOn .seasonDropMenu{
  background:linear-gradient(150deg,rgba(46,46,54,.85),rgba(26,26,32,.8) 48%,rgba(40,40,48,.83));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 60px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
}
body.glassOn .seasonDropItem:hover{background:rgba(255,255,255,.10);padding-left:16px}
body.glassOn .seasonDropItem.on{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));color:#111}
body.glassOn .seasonDropItem.on:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.78))}
body.glassOn .seasonDropItem + .seasonDropItem{border-top:1px solid rgba(255,255,255,.07)}

/* ── server pills (AP-MULTI / AP-HINDI / OTH) ── */
body.glassOn .serverPill{
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  border-radius:999px;
}
body.glassOn .serverPill .dot{border:0;background:rgba(255,255,255,.4)}
body.glassOn .serverPill:hover:not(:disabled):not(.on){
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 52%,rgba(255,255,255,.13));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 26px rgba(0,0,0,.35);
}
body.glassOn .serverPill.on{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.85));
  border-color:transparent;color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px rgba(255,255,255,.26);
}
body.glassOn .serverPill.on .dot{background:#7C5CFF}
body.glassOn .serverPill.on:hover{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 55%,rgba(255,255,255,.9));color:#111}

/* ── movie side list (related movies) ── */
body.glassOn .movieSideItem{border:1px solid rgba(255,255,255,.10);transition:border-color .15s var(--ease),transform .15s var(--ease)}
body.glassOn .movieSideItem:hover{border-color:rgba(255,255,255,.35);transform:translateY(-2px)}

/* ── schedule time pill — পুরনো cyan বাদ, একই কাচ ── */
body.glassOn .schedTime{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 52%,rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  color:#fff;border-radius:999px;
}

html.lite body.glassOn .seasonDropMenu{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}


/* ── server strip: নীল বাক্স বাদ, ৩টা pill এক লাইনে (user order) ── */
body.glassOn .serverStrip{
  background:none;
  border-top:1px solid rgba(255,255,255,.08);
  flex-wrap:nowrap;
  gap:8px;
  padding:10px 12px;
}
body.glassOn .serverStrip .serverPill{padding:7px 14px;font-size:12px;white-space:nowrap}
@media (max-width:640px){
  body.glassOn .serverStrip{padding:8px 8px;gap:6px}
  body.glassOn .serverStrip .serverPill{padding:6px 10px;font-size:11px}
}