/* OK Recent Episodes — cinematic dark theme */
.ok-episodes{--oke-bg:#08070d;--oke-text:#fff;--oke-muted:#aaa5c2;--oke-accent:#c026ff;--oke-accent2:#7c3aed;--oke-gap:18px;position:relative;width:100%;margin:24px auto 34px;padding:30px 26px 26px;color:var(--oke-text);font-family:inherit;isolation:isolate;overflow:hidden;border:1px solid rgba(179,93,255,.16);border-radius:18px;background:radial-gradient(ellipse at 80% 0%,rgba(91,33,182,.2),transparent 38%),radial-gradient(ellipse at 0% 100%,rgba(112,24,180,.15),transparent 35%),linear-gradient(135deg,#09080f 0%,#100b1b 52%,#07070b 100%);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.ok-episodes:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background:linear-gradient(115deg,transparent 0 48%,rgba(160,90,255,.12) 48.2%,transparent 49%),radial-gradient(circle at 92% 12%,rgba(190,90,255,.18),transparent 22%)}
.ok-episodes *{box-sizing:border-box}.ok-episodes .oke-hero{position:relative;margin:0 0 22px}.ok-episodes .oke-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:0 2px}.ok-episodes .oke-heading-copy{min-width:0;flex:1}.ok-episodes .oke-kicker{display:flex;align-items:center;gap:9px;color:#d879ff;font-size:11px;font-weight:850;letter-spacing:.17em;line-height:1.4;margin-bottom:9px}.ok-episodes .oke-kicker-dot{width:9px;height:9px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#c026ff;box-shadow:0 0 0 4px rgba(192,38,255,.15),0 0 15px rgba(192,38,255,.65)}.ok-episodes .oke-title{margin:0!important;padding:0!important;color:#fff;font-size:clamp(25px,3vw,40px);font-weight:850;line-height:1.08;letter-spacing:-.045em}.ok-episodes .oke-title:after{content:"";display:block;width:66px;height:4px;margin-top:13px;border-radius:10px;background:linear-gradient(90deg,#c026ff,#7c3aed)}.ok-episodes .oke-subtitle{max-width:670px;margin:12px 0 0;color:#b9b5d1;font-size:clamp(12px,1.1vw,15px);line-height:1.6}.ok-episodes .oke-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.ok-episodes .oke-controls{display:flex;gap:9px;flex-shrink:0}.ok-episodes .oke-arrow{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(192,132,252,.55);border-radius:50%;background:rgba(16,10,28,.72);color:#e9d5ff;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 5px 20px rgba(0,0,0,.25);font:400 30px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}.ok-episodes .oke-arrow:hover:not(:disabled){background:linear-gradient(135deg,#8b24e8,#c026ff);color:#fff;transform:translateY(-2px);border-color:#d879ff}.ok-episodes .oke-arrow:disabled{opacity:.35;cursor:default}.ok-episodes .oke-view-all{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;padding:12px 18px;border:1px solid #a855f7;border-radius:999px;background:linear-gradient(110deg,rgba(88,28,135,.35),rgba(126,34,206,.12));color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750;transition:background .2s,box-shadow .2s,transform .2s}.ok-episodes .oke-view-all span{font-size:24px;line-height:15px;color:#d879ff}.ok-episodes .oke-view-all:hover{background:linear-gradient(110deg,#6d28d9,#a21caf);box-shadow:0 0 24px rgba(192,38,255,.24);transform:translateY(-1px)}.ok-episodes .oke-arrow:focus-visible,.ok-episodes a:focus-visible,.ok-episodes .oke-track:focus-visible{outline:3px solid #d879ff;outline-offset:3px}.ok-episodes .oke-track-wrap{position:relative;min-width:0}.ok-episodes .oke-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--oke-gap)*(var(--oke-desktop) - 1)))/var(--oke-desktop));gap:var(--oke-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:rgba(192,38,255,.75) rgba(255,255,255,.06)}.ok-episodes .oke-track::-webkit-scrollbar{height:5px}.ok-episodes .oke-track::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:99px}.ok-episodes .oke-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a855f7,#d946ef);border-radius:99px}.ok-episodes--grid .oke-track{grid-auto-flow:initial;grid-template-columns:repeat(var(--oke-desktop),minmax(0,1fr));overflow:visible;scroll-snap-type:none}.ok-episodes .oke-card{min-width:0;scroll-snap-align:start}.ok-episodes .oke-poster-link{display:block;text-decoration:none!important;color:inherit!important;border-radius:13px;overflow:hidden;background:#100b18;border:1px solid rgba(198,166,255,.2);box-shadow:0 8px 25px rgba(0,0,0,.28);transition:border-color .25s,box-shadow .25s,transform .25s}.ok-episodes .oke-poster{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--oke-ratio);overflow:hidden;background:linear-gradient(145deg,#27103e,#101018 65%,#4c1d95);border-radius:12px;transform:translateZ(0)}.ok-episodes .oke-poster-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;display:block;margin:0!important;border:0!important;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s}.ok-episodes .oke-poster-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,4,15,.36) 0%,transparent 30%,rgba(8,4,15,.15) 48%,rgba(5,3,10,.96) 100%);transition:background .25s}.ok-episodes .oke-poster-link:hover{border-color:rgba(216,121,255,.95);box-shadow:0 0 0 1px rgba(192,38,255,.55),0 10px 32px rgba(105,30,180,.3);transform:translateY(-3px)}.ok-episodes .oke-poster-link:hover .oke-poster-img{transform:scale(1.065);filter:saturate(1.12)}.ok-episodes .oke-poster-link:hover .oke-poster-shade{background:linear-gradient(180deg,rgba(10,5,20,.16),rgba(8,4,15,.05) 35%,rgba(5,3,10,.96) 100%)}.ok-episodes .oke-category{position:absolute;z-index:2;top:11px;left:11px;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px 6px 10px;border:1px solid rgba(238,214,255,.72);border-radius:0;background:linear-gradient(115deg,rgba(201,143,255,.24),rgba(143,72,230,.12) 55%,rgba(220,190,255,.18));background-color:rgba(173,104,255,.16);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 14px rgba(156,64,255,.12);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));color:#fff;font-size:9px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.ok-episodes .oke-play{position:absolute;z-index:3;left:50%;top:47%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-40%) scale(.82);border:1px solid rgba(255,255,255,.68);border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c026ff);box-shadow:0 4px 25px rgba(192,38,255,.5);opacity:0;transition:opacity .22s,transform .22s;color:#fff}.ok-episodes .oke-play svg{width:22px;height:22px;fill:currentColor;margin-left:2px}.ok-episodes .oke-poster-link:hover .oke-play,.ok-episodes .oke-poster-link:focus-visible .oke-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.ok-episodes .oke-poster-caption{position:absolute;z-index:2;left:12px;right:12px;bottom:14px;display:flex;flex-direction:column;gap:5px;color:#fff}.ok-episodes .oke-watch-label{color:#e9b8ff;font-size:9px;font-weight:850;letter-spacing:.11em}.ok-episodes .oke-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(13px,1.05vw,16px);font-weight:800;line-height:1.28;text-shadow:0 1px 5px rgba(0,0,0,.8)}.ok-episodes .oke-meta{padding:10px 2px 0}.ok-episodes .oke-meta-title{display:block;color:#f5f1ff!important;text-decoration:none!important;font-size:13px;font-weight:750;line-height:1.45;overflow-wrap:anywhere;transition:color .2s}.ok-episodes .oke-meta-title:hover{color:#d879ff!important}.ok-episodes .oke-date{display:block;margin-top:5px;color:#a9a1bf;font-size:11px}.ok-episodes .oke-excerpt{margin:6px 0 0;color:var(--oke-muted);font-size:12px;line-height:1.5}.ok-episodes .oke-no-image{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:radial-gradient(circle at 50% 35%,#7e22ce,#100b1b 70%)}.ok-episodes .oke-no-image span{font-size:clamp(34px,4vw,54px);font-weight:900;letter-spacing:-.08em}.ok-episodes .oke-no-image small{font-size:8px;letter-spacing:.2em}.ok-episodes .oke-empty{padding:24px;border:1px dashed rgba(216,121,255,.45);border-radius:12px;color:#c9bfdc;text-align:center;background:rgba(255,255,255,.025)}.ok-episodes--grid .oke-card{margin-bottom:10px}
@media(max-width:1024px){.ok-episodes{padding:24px 20px}.ok-episodes .oke-track{grid-auto-columns:calc((100% - (var(--oke-gap)*(var(--oke-tablet) - 1)))/var(--oke-tablet))}.ok-episodes--grid .oke-track{grid-template-columns:repeat(var(--oke-tablet),minmax(0,1fr))}.ok-episodes{--oke-gap:15px}.ok-episodes .oke-play{opacity:.9;transform:translate(-50%,-50%) scale(.9);width:38px;height:38px}.ok-episodes .oke-heading{align-items:flex-start}.ok-episodes .oke-heading-actions{flex-wrap:wrap}}
@media(max-width:767px){.ok-episodes{--oke-gap:12px;margin:18px auto 24px;padding:20px 13px 16px;border-radius:13px}.ok-episodes .oke-hero{margin-bottom:16px}.ok-episodes .oke-heading{gap:12px;align-items:flex-start}.ok-episodes .oke-kicker{font-size:9px;margin-bottom:7px}.ok-episodes .oke-title{font-size:23px}.ok-episodes .oke-title:after{margin-top:10px;width:48px;height:3px}.ok-episodes .oke-subtitle{font-size:12px;line-height:1.45;margin-top:8px}.ok-episodes .oke-heading-actions{gap:6px}.ok-episodes .oke-controls{gap:5px}.ok-episodes .oke-arrow{width:31px;height:31px;font-size:24px}.ok-episodes .oke-view-all{padding:8px 10px;gap:7px;font-size:10px}.ok-episodes .oke-view-all span{font-size:18px}.ok-episodes .oke-track{grid-auto-columns:calc((100% - (var(--oke-gap)*(var(--oke-mobile) - 1)))/var(--oke-mobile));padding-bottom:10px}.ok-episodes--grid .oke-track{grid-template-columns:repeat(var(--oke-mobile),minmax(0,1fr))}.ok-episodes .oke-poster-link,.ok-episodes .oke-poster{border-radius:9px}.ok-episodes .oke-category{top:7px;left:7px;max-width:calc(100% - 14px);padding:4px 6px;font-size:7px}.ok-episodes .oke-poster-caption{left:8px;right:8px;bottom:9px;gap:4px}.ok-episodes .oke-watch-label{font-size:7px}.ok-episodes .oke-card-title{font-size:11px}.ok-episodes .oke-meta{padding-top:7px}.ok-episodes .oke-meta-title{font-size:11px}.ok-episodes .oke-date{font-size:10px}.ok-episodes .oke-play{width:32px;height:32px;opacity:.95}.ok-episodes .oke-play svg{width:17px;height:17px}}
@media(max-width:420px){.ok-episodes .oke-heading{flex-direction:column}.ok-episodes .oke-heading-actions{width:100%;justify-content:space-between}.ok-episodes .oke-title{font-size:21px}.ok-episodes .oke-subtitle{max-width:100%}.ok-episodes .oke-category{font-size:7px}.ok-episodes .oke-card-title{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ok-episodes *{scroll-behavior:auto!important;transition:none!important}}


/* v1.1.2: vivid violet NEW EPISODE badge and foreground hover lift */
.ok-episodes .oke-category{background:linear-gradient(135deg,#7c3aed 0%,#a21caf 55%,#c026ff 100%);border:1px solid rgba(233,213,255,.8);color:#fff;box-shadow:0 3px 14px rgba(124,58,237,.42),inset 0 1px 0 rgba(255,255,255,.18);text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ok-episodes .oke-card{position:relative;z-index:0;transition:z-index 0s}
.ok-episodes .oke-card:hover,.ok-episodes .oke-card:focus-within{z-index:8}
.ok-episodes .oke-poster-link{transform-origin:center center;will-change:transform}
.ok-episodes .oke-poster-link:hover,.ok-episodes .oke-poster-link:focus-visible{transform:scale(1.045) translateY(-4px);border-color:#d879ff;box-shadow:0 0 0 1px rgba(192,38,255,.7),0 14px 34px rgba(105,30,180,.4),0 0 22px rgba(192,38,255,.15)}
.ok-episodes .oke-track{padding-top:10px;padding-bottom:18px}
.ok-episodes--grid .oke-track{padding-top:10px}
@media(max-width:767px){.ok-episodes .oke-poster-link:hover,.ok-episodes .oke-poster-link:focus-visible{transform:scale(1.025) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.ok-episodes .oke-poster-link{will-change:auto}}


/* v1.2.1: translucent light-violet angular NEW EPISODE badge only */
.ok-episodes .oke-category{
  background:rgba(183,110,255,.30);
  border:1px solid rgba(220,190,255,.78);
  border-radius:4px;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:#fff;
  box-shadow:0 3px 12px rgba(124,58,237,.22),inset 0 1px 0 rgba(255,255,255,.12);
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

/* v1.2.2: angular translucent violet glass badge */
@supports not (backdrop-filter: blur(1px)){.ok-episodes .oke-category{background:rgba(93,38,139,.48)}}


/* v1.2.3: compact dark-violet translucent angular episode badge */
.ok-episodes .oke-category{
  padding:4px 8px 4px 7px !important;
  font-size:8px !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  border:1px solid rgba(204,170,255,.58) !important;
  border-radius:0 !important;
  background:linear-gradient(115deg,rgba(65,20,112,.78),rgba(83,27,137,.62) 58%,rgba(52,18,91,.72)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(125%) !important;
  backdrop-filter:blur(10px) saturate(125%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(35,5,65,.22) !important;
  clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px)) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
@media(max-width:767px){.ok-episodes .oke-category{padding:3px 6px 3px 5px !important;font-size:6.5px !important;}}