/*
Theme Name: DonghuaKu
Theme URI: https://example.com/donghuaku
Author: DonghuaKu
Description: Tema WordPress donghua dan anime bergaya platform streaming gelap modern. Hero billboard, rel poster, peringkat bernomor besar, embed universal, SEO meta lengkap, dan slot Google AdSense.
Version: 3.13.5
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donghuaku
*/

/* ==========================================================
   1. Token (gelap = default, terang = data-theme="light")
   ========================================================== */
:root{
  --bg:#0e1013;--panel:#171a20;--panel2:#21252d;--line:#2a2f38;--text:#f2f4f7;--muted:#9aa3b2;
  --accent:#f47521;--on-accent:#111317;--accent2:#3b82f6;--new:#34c47c;
  --nav-bg:rgba(14,16,19,.88);--shadow:0 14px 40px rgba(0,0,0,.5);
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f4f5f7;--panel:#ffffff;--panel2:#e9ebef;--line:#dcdfe5;--text:#14171c;--muted:#5d6675;
  --accent:#c4570f;--on-accent:#ffffff;--new:#18864f;--nav-bg:rgba(244,245,247,.9);--shadow:0 14px 40px rgba(20,23,28,.14);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.6 var(--font);overflow-x:clip;min-height:100vh;min-height:100dvh;
  padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}
img{max-width:100%;height:auto;display:block}
iframe,video,embed,object{max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.2;margin:0 0 .55em;letter-spacing:-.015em}
h1{font-size:1.75rem;font-size:clamp(1.5rem,1.1rem + 1.8vw,2rem)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:var(--accent);color:var(--on-accent);padding:8px 12px;z-index:100;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dk-wrap{max-width:1280px;margin:0 auto;padding:0 20px}

/* ==========================================================
   2. Header: satu baris, menempel di atas
   ========================================================== */
.dk-navbar{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.dk-bar{display:flex;align-items:center;gap:28px;min-height:64px;position:relative}
.dk-logo{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
.dk-logo img{max-height:38px;width:auto;max-width:100%}
.dk-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--on-accent)}
.dk-logo-text{font:800 1.3rem/1 var(--font);letter-spacing:-.02em;white-space:nowrap}
.dk-nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.dk-nav::-webkit-scrollbar{display:none}
.dk-nav ul{list-style:none;margin:0;padding:0 28px 0 0;display:flex;flex-wrap:nowrap;gap:2px}
.dk-nav li{flex:none}
.dk-nav a{display:block;white-space:nowrap;padding:8px 14px;border-radius:8px;font:600 .92rem var(--font);color:var(--muted)}
.dk-nav a:hover{color:var(--text);background:var(--panel2)}
.dk-nav .current-menu-item>a,.dk-nav .current_page_item>a{color:var(--text);background:var(--panel2)}
.dk-search{position:relative;display:flex;align-items:center;flex:none;width:260px}
.dk-search-ico{position:absolute;left:13px;color:var(--muted);pointer-events:none}
.dk-search input{width:100%;min-width:0;padding:9px 16px 9px 40px;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--text);font:inherit;font-size:.9rem}
.dk-search input::placeholder{color:var(--muted)}
.dk-search input:focus{outline:0;border-color:var(--accent)}
.dk-tools{display:flex;align-items:center;gap:6px;flex:none}
.dk-theme,.dk-search-toggle,.dk-menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;border:0;color:var(--text);cursor:pointer}
.dk-theme:hover,.dk-search-toggle:hover,.dk-menu-btn:hover{background:var(--panel2)}
.dk-search-toggle,.dk-menu-btn{display:none}

/* ==========================================================
   3. Tombol dan chip
   ========================================================== */
.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;background:var(--accent);color:var(--on-accent);font:700 .92rem var(--font);border:0;cursor:pointer}
.dk-btn:hover{color:var(--on-accent);filter:brightness(1.08)}
.dk-btn-ghost{background:var(--panel2);color:var(--text)}
.dk-btn-ghost:hover{color:var(--text);background:var(--line);filter:none}
#dk-lamp[aria-pressed="true"],.dk-bookmark[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.dk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.dk-chip{padding:4px 12px;border-radius:999px;background:var(--panel2);border:0;font-size:.8rem;font-weight:500;color:var(--text)}
a.dk-chip:hover,button.dk-chip:hover{background:var(--line);color:var(--text)}
.dk-chip-seal{background:var(--accent);color:var(--on-accent);font-weight:700}
a.dk-chip-seal:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}

/* ==========================================================
   4. Hero billboard
   ========================================================== */
.dk-slider{position:relative;display:grid;margin:22px 0 40px}
.dk-slider>.dk-hero{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.dk-slider>.dk-hero.is-active{opacity:1;visibility:visible}
.dk-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:48px;align-items:end;padding:56px 48px;min-height:440px;
  border-radius:18px;overflow:hidden;color:#fff;
  background-color:#171a20;
  background:radial-gradient(640px 320px at 85% 8%,color-mix(in srgb,var(--accent2) 45%,transparent),transparent 70%),#171a20}
.dk-hero::before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:var(--hero-img) center/cover no-repeat;filter:blur(14px) saturate(1.3) brightness(.6);transform:scale(1.08)}
.dk-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(10,12,15,.9) 0,rgba(10,12,15,.55) 55%,rgba(10,12,15,.2) 100%),linear-gradient(0deg,rgba(10,12,15,.55),transparent 40%)}
.dk-vert{display:none}
.dk-hero-body{position:relative;z-index:2}
.dk-hero h1,.dk-hero h2{font-size:2.4rem;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.06;margin:0 0 .45em;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.dk-hero h1 a:hover,.dk-hero h2 a:hover{color:#fff}
.dk-hero p{color:rgba(255,255,255,.8);margin:0 0 24px;max-width:58ch}
.dk-hero .dk-chip{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(6px)}
.dk-hero .dk-chip-seal{background:var(--accent);color:var(--on-accent)}
.dk-hero .dk-btn-ghost{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px)}
.dk-hero .dk-btn-ghost:hover{background:rgba(255,255,255,.28);color:#fff}
.dk-actions{display:flex;gap:10px;flex-wrap:wrap}
.dk-thumb.dk-hero-poster{position:relative;display:block;width:232px;aspect-ratio:2/3;z-index:2;justify-self:center;border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
.dk-hero-poster img{width:100%;height:100%;object-fit:cover}
.dk-dots{position:absolute;right:26px;bottom:20px;z-index:5;display:flex;gap:6px}
.dk-dot{position:relative;width:22px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.35);cursor:pointer}
.dk-dot::after{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:0}
.dk-dot[aria-current="true"]{background:#fff}

/* ==========================================================
   5. Seksi beranda
   ========================================================== */
.dk-sec{margin:0 0 42px}
.dk-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.dk-sec h2{flex:1;margin:0;font-size:1.3rem;font-size:clamp(1.15rem,1rem + .8vw,1.45rem)}
.dk-sec-head a{color:var(--muted);font-size:.86rem;font-weight:600;white-space:nowrap}
.dk-sec-head a:hover{color:var(--accent)}
.dk-genres{margin:0 0 34px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.dk-genres::-webkit-scrollbar{display:none}
.dk-genres .dk-chip{flex:none;font:600 .86rem var(--font);padding:8px 18px;background:var(--panel)}
.dk-genres .dk-chip:hover{background:var(--accent);color:var(--on-accent)}

/* Kartu poster */
.dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:26px 16px}
.dk-grid-wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.dk-card{display:block}
.dk-thumb{position:relative;display:block;aspect-ratio:2/3;background:var(--panel2);overflow:hidden;border-radius:10px}
.dk-thumb-wide{aspect-ratio:16/9}
.dk-thumb img,.dk-noimg{width:100%;height:100%;object-fit:cover}
.dk-noimg{display:block;background:repeating-linear-gradient(45deg,var(--panel2),var(--panel2) 8px,var(--panel) 8px,var(--panel) 16px)}
.dk-badge{position:absolute;left:8px;top:8px;z-index:2;background:rgba(10,12,15,.72);color:#fff;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700}
.dk-score{position:absolute;right:8px;top:8px;z-index:2;background:rgba(10,12,15,.72);color:#ffc94a;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:700}
.dk-score::before{content:"\2605\00a0"}
.dk-new{position:absolute;left:8px;top:8px;z-index:2;background:var(--new);color:#06130c;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800}
.dk-ep{position:absolute;left:8px;bottom:8px;z-index:2;padding:3px 9px;border-radius:6px;background:var(--accent);color:var(--on-accent);font:800 .75rem/1.3 var(--font)}
.dk-ep::before{content:"EP\00a0"}
.dk-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px;font:700 .92rem/1.35 var(--font)}
.dk-card-sub{display:block;font-size:.78rem;color:var(--muted);margin-top:2px}
.dk-card:hover .dk-card-title{color:var(--accent)}
@media(hover:hover){
 .dk-thumb img{transition:transform .25s ease}
 .dk-card:hover .dk-thumb img{transform:scale(1.045)}
}

/* Rilis terbaru: baris kartu kaca dengan tombol putar */
.dk-ledger{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:14px}
.dk-row{position:relative;display:grid;grid-template-columns:152px minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 14px 10px 10px;border-radius:14px;overflow:hidden;
  background:var(--panel);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--accent2)),var(--panel));border:1px solid var(--line);
  transition:transform .22s ease,border-color .22s,box-shadow .22s,background .22s}
.dk-row::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--accent),var(--accent2));transform:scaleY(0);transition:transform .25s ease}
.dk-row .dk-thumb{aspect-ratio:16/9;border-radius:10px}
.dk-row .dk-thumb::before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;
  background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6v12l9-6z' fill='%23fff'/%3E%3C/svg%3E") 55% 50%/20px no-repeat;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 30%,transparent);opacity:0;transform:scale(.6);transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.3)}
.dk-row .dk-ep{left:6px;bottom:6px;padding:2px 8px;font-size:.7rem}
.dk-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.dk-row-tag{align-self:flex-start;padding:1px 9px;border-radius:999px;font:700 .66rem/1.7 var(--font);letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.dk-row-main strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 1rem/1.3 var(--font);transition:color .2s}
.dk-row .dk-card-sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;font-size:.8rem}
.dk-sep{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.7}
.dk-row time{color:var(--muted);white-space:nowrap}
.dk-row-go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--panel2);color:var(--muted);transition:background .2s,color .2s,transform .25s}
@media(hover:hover){
 .dk-row:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}
 .dk-row:hover::before{transform:scaleY(1)}
 .dk-row:hover .dk-thumb::before{opacity:1;transform:scale(1)}
 .dk-row:hover .dk-thumb img{transform:scale(1.07)}
 .dk-row:hover .dk-row-main strong{color:var(--accent)}
 .dk-row:hover .dk-row-go{background:var(--accent);color:var(--on-accent);transform:translateX(3px)}
 .dk-row .dk-thumb::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:2;pointer-events:none;transform:translateX(0) skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .6s ease}
 .dk-row:hover .dk-thumb::after{transform:translateX(475%) skewX(-22deg)}
}
.dk-row .dk-new::after,.dk-fthumb .dk-new::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--new);pointer-events:none;animation:dk-ring 2s ease-out infinite}
@keyframes dk-ring{0%{opacity:.55;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.45)}}
/* Muncul berurutan saat digulir (peningkatan bertahap: tanpa dukungan, kartu langsung tampil) */
@supports (animation-timeline:view()){
 .dk-ledger .dk-row{animation:dk-in linear backwards;animation-timeline:view();animation-range:entry 0% entry 55%}
 @keyframes dk-in{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
}

/* Judul seksi: penanda warna + label update berdenyut */
.dk-sec-head h2::before{content:"";display:inline-block;width:4px;height:1em;margin-right:10px;border-radius:2px;vertical-align:-.12em;background:linear-gradient(var(--accent),var(--accent2))}
.dk-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 10px 2px 8px;border-radius:999px;font:700 .66rem/1.6 var(--font);letter-spacing:.06em;text-transform:uppercase;vertical-align:.18em;
  color:var(--new);background:color-mix(in srgb,var(--new) 14%,transparent)}
.dk-live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:dk-blink 1.4s ease-in-out infinite}
@keyframes dk-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

/* Sedang tayang: rel horizontal */
.dk-rail{display:grid;grid-auto-flow:column;grid-auto-columns:158px;gap:16px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.dk-rail>*{scroll-snap-align:start}

/* Peringkat: angka besar */
.dk-rank{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px 28px}
.dk-rank-item{display:grid;grid-template-columns:60px 64px 1fr;gap:12px;align-items:center;padding:6px 0}
.dk-rank-n{font:800 3.6rem/1 var(--font);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--muted);text-align:center}
.dk-rank-item:nth-child(-n+3) .dk-rank-n{-webkit-text-stroke-color:var(--accent)}
.dk-rank-img{aspect-ratio:2/3;background:var(--panel2);overflow:hidden;border-radius:8px}
.dk-rank-img img{width:100%;height:100%;object-fit:cover}
.dk-rank-title{display:block;font:700 .95rem/1.35 var(--font)}
.dk-rank-item:hover .dk-rank-title{color:var(--accent)}

/* ==========================================================
   6. Layout umum, sidebar, halaman series
   ========================================================== */
.dk-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-bottom:44px}
.dk-side>*{margin-bottom:20px}
.dk-widget{background:var(--panel);border-radius:14px;padding:18px}
.dk-side h2,.dk-widget-title{font-size:1rem;margin-bottom:12px}
.dk-side ul{list-style:none;padding:0;margin:0}
.dk-side li{padding:7px 0;border-bottom:1px solid var(--line)}
.dk-side li:last-child{border-bottom:0}
.dk-crumbs{font-size:.82rem;color:var(--muted);margin:18px 0}
.dk-crumbs a::after{content:"/";margin:0 8px;color:var(--line)}
.dk-prose{max-width:75ch;font-size:1rem;line-height:1.75;overflow-wrap:break-word}
.dk-prose a{color:var(--accent);text-decoration:underline}
.dk-prose img{height:auto;border-radius:8px}
.dk-prose pre,.dk-prose table{display:block;max-width:100%;overflow-x:auto}
.dk-page-title{margin:24px 0 18px;font-size:1.75rem;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem)}
.dk-desc{color:var(--muted);max-width:75ch;margin:0 0 20px}

.dk-series-head{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;margin-bottom:30px;padding-top:8px}
.dk-series-head .dk-thumb{aspect-ratio:2/3;border-radius:14px;box-shadow:var(--shadow)}
.dk-series-head h1{font-size:1.9rem;font-size:clamp(1.4rem,1rem + 1.8vw,2.4rem)}
.dk-alt{color:var(--muted);margin:-.3em 0 12px;font-size:1rem}
.dk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 20px;margin:16px 0;padding:16px;background:var(--panel);border-radius:12px}
.dk-facts dt{font-size:.74rem;color:var(--muted)}
.dk-facts dd{margin:0;font-weight:600;font-size:.92rem}

/* Daftar episode: kotak bernomor */
.dk-slips{--sw:64px;--sh:52px;list-style:none;margin:0;padding:4px 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sw),1fr));gap:8px}
.dk-slips li{margin:0}
.dk-slips a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-height:var(--sh);padding:6px 3px;border-radius:10px;background:var(--panel);color:var(--text)}
.dk-slips b{font:800 1.05rem/1 var(--font)}
.dk-slips time{font-size:.64rem;color:var(--muted)}
.dk-slips small{display:none}
.dk-slips a:hover{background:var(--panel2);color:var(--text)}
.dk-slips a[aria-current]{background:var(--accent);color:var(--on-accent)}
.dk-slips a[aria-current] time{color:inherit;opacity:.8}
.dk-slips-side{--sw:56px;--sh:50px;max-height:560px;overflow:auto;gap:6px}
.dk-eptools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.dk-eptools input{flex:1 1 120px;min-width:0;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;font-size:.9rem}

/* ==========================================================
   7. Halaman episode
   ========================================================== */
.dk-ep-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-bottom:44px}
.dk-stage{position:relative;z-index:45}
.dk-player{aspect-ratio:16/9;margin:10px 0 16px;background:#000;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.dk-player iframe,.dk-player video{width:100%;height:100%;border:0;display:block;background:#000}
.dk-noplayer{display:grid;place-items:center;height:100%;color:#9aa3b2}
.dk-servers,.dk-epnav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.dk-srv{padding:8px 18px;border-radius:999px;border:0;background:var(--panel2);color:var(--text);cursor:pointer;font:600 .85rem var(--font)}
.dk-srv:hover{background:var(--line)}
.dk-srv[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
body.dk-dim::after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.92);z-index:40;pointer-events:none}
.dk-dl{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.dk-share{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0;color:var(--muted);font-size:.85rem}
.dk-share .dk-chip{cursor:pointer;font-family:inherit}
.dk-clear{color:var(--muted);font-size:.85rem}

/* Iklan */
.dk-ad{margin:18px 0;min-height:90px;max-width:100%;text-align:center;overflow:hidden}
.dk-ad-label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:2px}
.dk-ad:has(ins[data-ad-status="unfilled"]){display:none}
.dk-ad-demo{border:1px dashed var(--line);color:var(--muted);display:grid;place-items:center;font-size:.85rem;border-radius:8px}

/* Pencarian instan */
.dk-suggest{position:absolute;top:calc(100% + 8px);left:auto;right:0;width:340px;max-width:92vw;list-style:none;margin:0;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:60}
.dk-suggest[hidden]{display:none}
.dk-suggest a{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:8px}
.dk-suggest a:hover{background:var(--panel2);color:var(--text)}
.dk-suggest img,.dk-suggest .dk-noimg{width:36px;height:50px;object-fit:cover;flex:none;border-radius:4px}
.dk-suggest strong{display:block;line-height:1.3;font:700 .9rem var(--font)}
.dk-suggest small{color:var(--muted)}

/* Jadwal, A-Z */
.dk-days{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px}
.dk-day-btn{padding:9px 20px;border-radius:999px;border:0;background:var(--panel);color:var(--text);font:600 .92rem var(--font);cursor:pointer}
.dk-day-btn:hover{background:var(--panel2)}
.dk-day-btn[aria-selected="true"]{background:var(--accent);color:var(--on-accent)}
.dk-sched{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
.dk-sched li{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:10px 16px;background:var(--panel);border-radius:12px}
.dk-sched time{font:800 1.25rem var(--font);color:var(--accent)}
.dk-sched-main{display:flex;gap:12px;align-items:center}
.dk-sched-img{width:46px;aspect-ratio:2/3;overflow:hidden;flex:none;background:var(--panel2);border-radius:6px}
.dk-sched-img img{width:100%;height:100%;object-fit:cover}
.dk-az-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.dk-az-nav a{width:36px;height:36px;display:grid;place-items:center;background:var(--panel);border-radius:8px;font:700 .92rem var(--font)}
.dk-az-nav a:hover{background:var(--accent);color:var(--on-accent)}
.dk-az-sec{scroll-margin-top:84px}
.dk-az-sec h2{border-bottom:1px solid var(--line);padding-bottom:6px}
.dk-az-list{list-style:none;padding:0;columns:3 240px;column-gap:26px;margin:0 0 30px}
.dk-az-list li{break-inside:avoid;padding:4px 0}

/* ==========================================================
   8. Footer, paginasi, komentar
   ========================================================== */
.dk-footer{margin-top:56px;background:var(--panel);border-top:1px solid var(--line);padding:34px 0 calc(28px + env(safe-area-inset-bottom));color:var(--muted);font-size:.88rem;text-align:center}
.dk-footer-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:0;margin:0 0 12px}
.dk-footer a:hover{color:var(--accent)}
.dk-disclaimer{max-width:90ch;margin:0 auto 12px}
.navigation.pagination{margin:34px 0}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.page-numbers{min-width:42px;text-align:center;padding:8px 14px;background:var(--panel);border-radius:8px;font-weight:600}
.page-numbers.current{background:var(--accent);color:var(--on-accent)}
.dk-comments{margin-top:34px}
.dk-comment-list{list-style:none;padding:0}
.dk-comment-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.dk-comments input[type=text],.dk-comments input[type=email],.dk-comments input[type=url],.dk-comments textarea{width:100%;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}
.dk-comments input[type=submit]{padding:10px 20px;background:var(--accent);color:var(--on-accent);border:0;border-radius:8px;font-weight:700;cursor:pointer}
.alignleft{float:left;margin:0 1em 1em 0}.alignright{float:right;margin:0 0 1em 1em}.aligncenter{margin:0 auto}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================
   9. Responsif - 340 / 360 / 600 / 860 / 980 / 1100 / 1500
   ========================================================== */
@media(min-width:1500px){
 .dk-wrap{max-width:1420px}
 .dk-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
 .dk-hero{min-height:480px}
}
@media(min-width:1024px) and (max-width:1279px){
 .dk-bar{gap:16px}
 .dk-search{width:180px}
 .dk-nav a{padding:8px 10px}
}
@media(min-width:861px) and (max-width:1100px){
 .dk-hero{grid-template-columns:minmax(0,1fr) 190px;gap:30px;padding:40px 34px}
 .dk-thumb.dk-hero-poster{width:190px}
}
@media(min-width:901px) and (max-width:1100px){.dk-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px}}
@media(min-width:981px) and (max-width:1180px){.dk-ep-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}}
@media(max-width:900px){.dk-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){
 .dk-ep-layout{grid-template-columns:minmax(0,1fr)}
 .dk-slips-side{display:flex;max-height:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 .dk-slips-side li{flex:none;width:var(--sw);scroll-snap-align:start}
 .dk-eptools input{flex:1 1 140px;min-width:0}
}

/* Tablet dan ponsel (sampai 1023px): menu dan pencarian jadi panel turun */
@media(max-width:1023px){
 .dk-bar{gap:8px;min-height:58px}
 .dk-logo{flex:1}
 .dk-search-toggle,.dk-menu-btn{display:grid}
 .dk-nav,.dk-search{display:none;position:absolute;left:0;right:0;top:100%;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
 .dk-nav{-webkit-mask-image:none;mask-image:none;overflow-x:hidden}
 .is-open .dk-nav{display:block;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;padding:8px 14px 14px}
 .dk-nav ul{flex-direction:column;gap:0;padding:0}
 .dk-nav a{padding:13px 8px;border-radius:8px;font-size:1rem;color:var(--text);white-space:normal}
 .is-search .dk-search{display:flex;width:auto;padding:12px 16px}
 .dk-search-ico{left:30px}
 .dk-search input{font-size:16px;min-height:46px}
 .dk-suggest{left:16px;right:16px;width:auto;max-width:none;top:calc(100% - 4px)}
}
/* Tablet dan ponsel: hero satu kolom */
@media(max-width:860px){
 .dk-hero{grid-template-columns:1fr;padding:40px 28px;min-height:0}
 .dk-thumb.dk-hero-poster{display:none}
 .dk-dots{right:20px;bottom:16px}
}
@media(min-width:601px) and (max-width:860px){
 .dk-hero{grid-template-columns:minmax(0,1fr) 170px;gap:24px;padding:36px 30px}
 .dk-thumb.dk-hero-poster{display:block;width:170px}
}
@media(max-width:620px){.dk-series-head{grid-template-columns:130px minmax(0,1fr);gap:18px}}
@media(max-width:560px){.dk-row{grid-template-columns:110px 1fr}.dk-row-go{display:none}}

@media(max-width:600px){
 .dk-wrap{padding:0 14px}
 .dk-logo img{max-height:32px}
 .dk-logo-text{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis}
 .dk-slider{margin:14px 0 32px}
 .dk-hero{padding:26px 18px 38px;border-radius:14px}
 .dk-hero p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.93rem;margin-bottom:16px}
 .dk-actions .dk-btn{flex:1 1 140px}
 .dk-sec{margin-bottom:34px}
 .dk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .dk-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .dk-card-title{font-size:.88rem}
 .dk-rail{grid-auto-columns:132px;gap:12px}
 .dk-genres .dk-chip{padding:7px 15px}
 .dk-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}
 .dk-slips{--sw:54px;--sh:48px;gap:6px}
 .dk-slips-side{--sw:50px;--sh:46px}
 .dk-player{border-radius:10px;margin:6px 0 12px}
 .dk-servers{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .dk-servers::-webkit-scrollbar{display:none}
 .dk-srv{flex:none;min-height:40px}
 .dk-epnav .dk-btn{flex:1 1 calc(33% - 8px);min-height:42px;padding:10px 8px;font-size:.85rem}
 .dk-epnav #dk-lamp,.dk-epnav .dk-report{flex-basis:calc(50% - 8px)}
 .dk-dl .dk-btn,.dk-share .dk-chip{min-height:40px}
 .dk-eptools input{font-size:16px;min-height:42px}
 .dk-days{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .dk-days::-webkit-scrollbar{display:none}
 .dk-day-btn{flex:none;min-height:42px}
 .dk-sched li{grid-template-columns:58px 1fr;gap:10px;padding:9px 12px}
 .dk-sched time{font-size:1.05rem}
 .dk-rank-item{grid-template-columns:46px 56px 1fr;gap:10px}
 .dk-rank-n{font-size:2.8rem}
 .dk-az-nav a{width:40px;height:40px}
 .dk-az-list{columns:2 140px}
 .page-numbers{padding:9px 12px}
}
@media(max-width:360px){
 .dk-row{grid-template-columns:96px 1fr;gap:10px}
 .dk-row-go{display:none}
 .dk-row-main strong{font-size:.9rem}
 .dk-series-head{grid-template-columns:104px minmax(0,1fr)}
}
@media(max-width:340px){
 .dk-grid-wide{grid-template-columns:1fr}
 .dk-epnav .dk-btn{flex-basis:100%}
}
@media(max-height:480px) and (orientation:landscape){
 .dk-navbar{position:static}
 .dk-hero{min-height:0;padding:22px 28px}
}
@media(hover:none){.dk-slips a:not([aria-current]):hover{background:var(--panel)}}

/* ==========================================================
   Rilis terbaru 3.3: linimasa per hari
   ========================================================== */
.dk-feed{position:relative;padding-left:34px}
.dk-feed::before{content:"";position:absolute;left:8px;top:8px;bottom:0;width:2px;border-radius:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent2) 60%,transparent) 60%,transparent)}
.dk-day{position:relative;margin-bottom:30px}
.dk-day:last-child{margin-bottom:0}
.dk-day-label{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.dk-day-label b{font:800 1.05rem/1 var(--font);letter-spacing:-.01em}
.dk-day-label small{color:var(--muted);font-weight:600;font-size:.8rem}
.dk-day-node{position:absolute;left:-34px;top:1px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.dk-day.is-first .dk-day-node{background:var(--accent);animation:dk-node 2.2s ease-in-out infinite}
@keyframes dk-node{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}50%{box-shadow:0 0 0 10px transparent}}
.dk-day-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px 14px}
.dk-fcard{display:block;min-width:0}
.dk-fthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--panel2);isolation:isolate;
  box-shadow:0 0 0 1px var(--line);transition:transform .25s ease,box-shadow .25s}
.dk-fthumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.dk-fthumb::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(8,10,14,.85),rgba(8,10,14,.1) 60%,transparent)}
.dk-fnum{position:absolute;left:12px;bottom:6px;z-index:2;display:flex;align-items:flex-end;gap:4px;font:800 2.6rem/1 var(--font);font:800 clamp(2.2rem,1.6rem + 2vw,3.2rem)/1 var(--font);letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:2px #fff;transition:color .25s,-webkit-text-stroke-color .25s}
.dk-fnum small{font:800 .72rem/1 var(--font);letter-spacing:.08em;color:#fff;-webkit-text-stroke:0;margin-bottom:9px;opacity:.85}
.dk-fthumb .dk-new{z-index:3}
.dk-fbody{display:block;padding:10px 2px 0}
.dk-fbody strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 .95rem/1.3 var(--font);transition:color .2s}
.dk-fbody .dk-card-sub{display:flex;align-items:center;gap:0 8px;margin-top:4px}
@media(hover:hover){
 .dk-fcard:hover .dk-fthumb{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 16px 34px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}
 .dk-fcard:hover .dk-fthumb img{transform:scale(1.08)}
 .dk-fcard:hover .dk-fnum{color:var(--accent);-webkit-text-stroke-color:var(--accent)}
 .dk-fcard:hover .dk-fnum small{color:#fff}
 .dk-fcard:hover .dk-fbody strong{color:var(--accent)}
}
@supports (animation-timeline:view()){
 .dk-fcard{animation:dk-in linear backwards;animation-timeline:view();animation-range:entry 0% entry 55%}
}
@media(max-width:560px){
 .dk-feed{padding-left:26px}
 .dk-feed::before{left:6px}
 .dk-day-node{left:-26px;width:14px;height:14px;border-width:3px}
 .dk-day-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .dk-fbody strong{font-size:.86rem}
 .dk-fnum{left:9px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){.dk-day.is-first .dk-day-node,.dk-fthumb .dk-new::after{animation:none}}

/* ==========================================================
   Lanjutkan menonton 3.4: kartu lebar dengan tombol putar
   ========================================================== */
.dk-resume .dk-sec-head h2::before{background:linear-gradient(var(--accent2),var(--accent))}
.dk-rrail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;grid-auto-columns:min(78vw,296px);gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.dk-rcard{position:relative;scroll-snap-align:start;min-width:0}
.dk-rlink{display:block}
.dk-rthumb{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--panel2);isolation:isolate;box-shadow:0 0 0 1px var(--line);transition:transform .25s ease,box-shadow .25s}
.dk-rthumb img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .45s ease}
.dk-rthumb::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(8,10,14,.82),rgba(8,10,14,.12) 62%,rgba(8,10,14,.25))}
.dk-rplay{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 88%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6v12l9-6z' fill='%23fff'/%3E%3C/svg%3E") 56% 50%/24px no-repeat;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 28%,transparent),0 8px 24px rgba(0,0,0,.45);transition:transform .25s cubic-bezier(.2,.9,.3,1.3)}
.dk-rchip{position:absolute;left:10px;bottom:12px;z-index:2;padding:3px 10px;border-radius:999px;background:rgba(10,12,15,.72);
  color:#fff;font:700 .74rem/1.4 var(--font);border:1px solid rgba(255,255,255,.18)}
.dk-rbar{position:absolute;left:0;bottom:0;z-index:3;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s ease}
.dk-rtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px;padding:0 2px;font:700 .93rem/1.3 var(--font);transition:color .2s}
.dk-rx{position:absolute;right:8px;top:8px;z-index:4;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(10,12,15,.6);color:#fff;font:600 1.1rem/1 var(--font);opacity:0;transition:opacity .2s,background .2s}
.dk-rx:hover,.dk-rx:focus-visible{background:var(--accent);color:var(--on-accent);opacity:1}
@media(hover:none){.dk-rx{opacity:.85}}
@media(hover:hover){
 .dk-rcard:hover .dk-rx{opacity:1}
 .dk-rcard:hover .dk-rthumb{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 16px 34px rgba(0,0,0,.45)}
 .dk-rcard:hover .dk-rthumb img{transform:scale(1.07)}
 .dk-rcard:hover .dk-rplay{transform:scale(1.12)}
 .dk-rcard:hover .dk-rbar{width:100%}
 .dk-rcard:hover .dk-rtitle{color:var(--accent)}
}

/* Link dukungan */
.dk-support-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;font:700 .82rem var(--font);white-space:nowrap;
  color:#fff;background:linear-gradient(135deg,#e5484d,#f47521);box-shadow:0 4px 14px rgba(229,72,77,.3);transition:transform .2s,filter .2s}
.dk-support-btn:hover{color:#fff;filter:brightness(1.1);transform:translateY(-1px)}
.dk-support-btn svg{animation:dk-beat 2.4s ease-in-out infinite}
@keyframes dk-beat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(1)}45%{transform:scale(1.14)}}
.dk-support-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0;padding:14px 18px;text-align:left;border-radius:14px;border:1px solid var(--line);
  background:var(--panel);background:linear-gradient(135deg,color-mix(in srgb,#e5484d 12%,var(--panel)),var(--panel))}
.dk-support-box p{flex:1 1 220px;margin:0;color:var(--text);font-weight:600}
.dk-support-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5484d;color:#fff;flex:none}
.dk-footer .dk-support-box{max-width:640px;margin:0 auto 22px}
@media(max-width:1279px){.dk-support-btn span{display:none}.dk-support-btn{width:36px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.dk-support-btn svg{animation:none}}


/* ==========================================================
   3.6 Sentuhan dasar (tanpa efek gerak)
   ========================================================== */
:root{--ease:ease}
a,button,summary,label{-webkit-tap-highlight-color:transparent}
a,button,input,select,summary{touch-action:manipulation}
.dk-rail,.dk-rrail,.dk-genres,.dk-days,.dk-servers,.dk-slips-side{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}

/* ==========================================================
   3.7 Tata letak desktop dan mobile
   ========================================================== */

/* Judul halaman arsip: penanda aksen, selaras dengan judul seksi */
.dk-page-title{display:flex;align-items:center;gap:12px}
.dk-page-title::before{content:"";flex:none;width:5px;height:1em;border-radius:3px;background:linear-gradient(var(--accent),var(--accent2))}

/* Panah slider hero (desktop dengan mouse) */
.dk-arrow{position:absolute;top:50%;z-index:6;display:none;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:rgba(10,12,15,.5);color:#fff;cursor:pointer;opacity:0;transition:opacity .25s,background .2s}
.dk-arrow-prev{left:10px}.dk-arrow-next{right:10px}
@media(hover:hover) and (min-width:861px){
 .dk-arrow{display:grid}
 .dk-slider:hover .dk-arrow,.dk-arrow:focus-visible{opacity:1}
 .dk-arrow:hover{background:var(--accent);color:var(--on-accent)}
}

/* Header series: poster sebagai latar buram, mirip hero beranda */
.dk-series-head{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#171a20;border-radius:18px;
  padding:28px;margin-bottom:32px;gap:0 34px;grid-template-rows:repeat(5,max-content) 1fr}
.dk-series-head::before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;z-index:-2;background:var(--hero-img,none) center/cover no-repeat;filter:blur(14px) saturate(1.3) brightness(.55);transform:scale(1.08)}
.dk-series-head::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(10,12,15,.86),rgba(10,12,15,.5))}
.dk-series-info{display:contents}
.dk-series-head>.dk-thumb{grid-column:1;grid-row:1/span 6;align-self:start;box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12)}
.dk-series-info>*{grid-column:2;min-width:0}
.dk-series-head h1{color:#fff;margin-top:0;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.dk-series-head .dk-alt{color:rgba(255,255,255,.72)}
.dk-series-head .dk-facts{background:rgba(10,12,15,.5);border:1px solid rgba(255,255,255,.1)}
.dk-series-head .dk-facts dt{color:rgba(255,255,255,.62)}
.dk-series-head .dk-facts dd{color:#fff}
.dk-series-head .dk-facts a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35)}
.dk-series-head .dk-facts a:hover{color:var(--accent)}
.dk-series-head .dk-chip{background:rgba(255,255,255,.14);color:#fff}
.dk-series-head .dk-chip:hover{background:rgba(255,255,255,.26);color:#fff}
.dk-series-head .dk-btn-ghost:not([aria-pressed="true"]){background:rgba(255,255,255,.16);color:#fff}
.dk-series-head .dk-btn-ghost:not([aria-pressed="true"]):hover{background:rgba(255,255,255,.28)}
.dk-series-head .dk-actions{margin-top:6px}

/* Daftar episode di halaman series: panel sendiri */
#episodes{background:var(--panel);border-radius:14px;padding:18px 20px 8px;margin:28px 0}
#episodes>h2{margin-top:0}
#episodes .dk-slips a{background:var(--panel2)}
#episodes .dk-slips a:hover{background:var(--line)}
#episodes .dk-slips a[aria-current]{background:var(--accent)}
#episodes .dk-eptools input{background:var(--bg)}

/* Halaman episode: toolbar di bawah player jadi satu panel */
.dk-stage .dk-epnav{margin:0 0 14px;padding:10px 12px;background:var(--panel);border-radius:12px;align-items:center}
.dk-stage .dk-servers{margin:12px 0}
.dk-epnav a[rel="prev"]{order:1}
.dk-epnav a:not([rel]){order:2}
.dk-epnav #dk-lamp{order:3}
.dk-epnav .dk-report{order:4}
.dk-epnav a[rel="next"]{order:5;margin-left:auto}

/* Tombol kembali ke atas */
.dk-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.dk-top.is-on{opacity:1;visibility:visible;transform:none}

/* Desktop lebar: ruang dan poster sedikit lebih lega */
@media(min-width:1100px){
 .dk-sec{margin-bottom:48px}
 .dk-series-head{grid-template-columns:240px minmax(0,1fr);padding:32px}
 .dk-slips{--sw:68px;--sh:54px}
}
@media(min-width:1500px){
 .dk-series-head{grid-template-columns:260px minmax(0,1fr)}
}

/* Tablet dan ponsel: daftar episode muncul tepat setelah player, sebelum unduhan dan sinopsis */
@media(max-width:980px){
 .dk-ep-layout{display:flex;flex-direction:column;gap:0}
 .dk-ep-layout>article{display:contents}
 .dk-ep-layout>article>*{order:2}
 .dk-ep-layout>article>h1,
 .dk-ep-layout>article>.dk-stage,
 .dk-ep-layout>article>h1+.dk-ad,
 .dk-ep-layout>article>.dk-stage+.dk-ad{order:0}
 .dk-ep-layout>.dk-side{order:1;min-width:0;margin:4px 0 12px}
 .dk-ep-layout>article>*{min-width:0;max-width:100%}
}

/* Ponsel */
@media(max-width:620px){
 .dk-series-head{padding:16px;border-radius:14px;margin-bottom:24px;grid-template-columns:116px minmax(0,1fr);gap:0 14px;grid-template-rows:auto auto 1fr auto auto}
 .dk-series-head>.dk-thumb{grid-column:1;grid-row:1/4;border-radius:10px}
 .dk-series-head h1{grid-column:2;grid-row:1;font-size:1.25rem;line-height:1.25}
 .dk-series-head .dk-alt{grid-column:2;grid-row:2;font-size:.85rem;margin:2px 0 6px}
 .dk-series-head .dk-chips{grid-column:2;grid-row:3;align-content:flex-start;margin:6px 0 0}
 .dk-series-head .dk-chip{padding:3px 10px;font-size:.74rem}
 .dk-series-head .dk-facts{grid-column:1/-1;grid-row:4;margin:14px 0 0;padding:12px}
 .dk-series-head .dk-actions{grid-column:1/-1;grid-row:5;margin-top:12px}
 .dk-series-head .dk-actions .dk-btn{flex:1 1 calc(50% - 10px);min-height:44px}
 #episodes{padding:14px 14px 4px;margin:22px 0}
}
@media(max-width:600px){
 /* hero: poster penuh sebagai latar, teks di bagian bawah */
 .dk-hero{min-height:380px;align-items:end;padding:24px 18px 44px}
 .dk-hero::before{top:0;right:0;bottom:0;left:0;filter:saturate(1.2) brightness(.72) blur(2px);transform:none;background-position:center 16%}
 .dk-hero::after{background:linear-gradient(0deg,rgba(10,12,15,.95) 0,rgba(10,12,15,.72) 45%,rgba(10,12,15,.12) 100%)}
 .dk-dots{left:50%;right:auto;transform:translateX(-50%);bottom:16px}
 .dk-crumbs{white-space:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px 0}
 .dk-crumbs::-webkit-scrollbar{display:none}
 .dk-page-title{margin:16px 0 14px}
 /* toolbar episode: sebelumnya | berikutnya, lalu tombol lain */
 .dk-stage .dk-epnav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
 .dk-epnav a[rel="prev"]{grid-column:1;order:1}
 .dk-epnav a[rel="next"]{grid-column:2;order:2;margin-left:0}
 .dk-epnav a:not([rel]){grid-column:1/-1;order:3}
 .dk-epnav #dk-lamp{order:4}
 .dk-epnav .dk-report{order:5}
 .dk-top{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .dk-series-head{grid-template-columns:100px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.dk-top{transition:none}}


/* ==========================================================
   3.8 Tanpa efek gerak (ringan)
   Semua animasi dan transisi dimatikan; tidak ada gerak saat hover,
   latar animasi, partikel, maupun blur langsung (backdrop-filter).
   ========================================================== */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.dk-card:hover .dk-thumb img,.dk-row:hover .dk-thumb img,.dk-fcard:hover .dk-fthumb img,.dk-rcard:hover .dk-rthumb img{transform:none!important}
.dk-row:hover,.dk-fcard:hover .dk-fthumb,.dk-rcard:hover .dk-rthumb,.dk-row:hover .dk-row-go,.dk-rcard:hover .dk-rplay,.dk-support-btn:hover{transform:none!important}
.dk-row .dk-thumb::after,.dk-card .dk-thumb::after,.dk-row .dk-new::after,.dk-fthumb .dk-new::after{display:none!important}
.dk-navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
.dk-hero .dk-chip,.dk-hero .dk-btn-ghost{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Diagnosa iklan (?dkads=1): tampilkan slot yang kosong beserta statusnya */
.dk-adsdebug .dk-ad:has(ins[data-ad-status="unfilled"]){display:block!important}
.dk-adsdebug .dk-ad{outline:1px dashed #e5484d;outline-offset:2px}
.dk-ad-dbg{display:block;margin-top:4px;font-size:.75rem;color:#e5484d}


/* ==========================================================
   3.11.0 Kompatibilitas browser lama (peningkatan bertahap)
   Browser modern memakai aturan asli di atas; blok di bawah hanya
   aktif jika fitur CSS-nya tidak didukung.
   ========================================================== */
.dk-hero .dk-chip,.dk-hero .dk-btn-ghost{-webkit-backdrop-filter:blur(6px)}
img,video{-webkit-user-drag:none}
button,input,select,textarea{font-family:inherit}
input[type=search]{-webkit-appearance:none;appearance:none;border-radius:8px}
input,textarea,select{font-size:16px;font-size:max(16px,1em)}
.dk-rail,.dk-rrail{-webkit-overflow-scrolling:touch}

/* aspect-ratio belum didukung (Safari < 15, Chrome < 88, Android WebView lama) */
@supports not (aspect-ratio:1/1){
 .dk-thumb,.dk-rank-img{height:0;padding-top:150%}
 .dk-thumb-wide,.dk-row .dk-thumb,.dk-fthumb,.dk-rthumb,.dk-player{height:0;padding-top:56.25%}
 .dk-thumb>img,.dk-thumb>.dk-noimg,.dk-rank-img>img,.dk-fthumb>img,.dk-rthumb>img,.dk-player>iframe,.dk-player>video,.dk-player>.dk-noplayer,.dk-sched-img>img{position:absolute;top:0;left:0;width:100%;height:100%}
 .dk-thumb.dk-hero-poster{height:348px;padding-top:0}
 .dk-sched-img{height:69px}
 .dk-sched-img{position:relative}
}
@supports not (aspect-ratio:1/1){
 @media(min-width:861px) and (max-width:1100px){.dk-thumb.dk-hero-poster{height:285px}}
 @media(min-width:601px) and (max-width:860px){.dk-thumb.dk-hero-poster{height:255px}}
}

/* color-mix() belum didukung (Safari < 16.2, Chrome < 111, Firefox < 113) */
@supports not (background:color-mix(in srgb,red,blue)){
 .dk-row .dk-thumb::before{box-shadow:0 0 0 6px rgba(244,117,33,.3)}
 .dk-row-tag{background:rgba(244,117,33,.14)}
 .dk-live{background:rgba(52,196,124,.14)}
 .dk-feed::before{background:linear-gradient(var(--accent),rgba(59,130,246,.6) 60%,transparent)}
 .dk-day-node{box-shadow:0 0 0 4px rgba(244,117,33,.18)}
 .dk-rplay{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6v12l9-6z' fill='%23fff'/%3E%3C/svg%3E") 56% 50%/24px no-repeat;box-shadow:0 0 0 7px rgba(244,117,33,.28),0 8px 24px rgba(0,0,0,.45)}
 @media(hover:hover){
  .dk-row:hover{border-color:var(--accent);box-shadow:0 14px 34px rgba(0,0,0,.35)}
  .dk-fcard:hover .dk-fthumb,.dk-rcard:hover .dk-rthumb{box-shadow:0 0 0 1px var(--accent),0 16px 34px rgba(0,0,0,.45)}
 }
}

/* backdrop-filter tidak didukung: pakai latar lebih pekat agar teks tetap terbaca */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .dk-navbar{background:var(--panel)}
 .dk-hero .dk-chip{background:rgba(0,0,0,.45)}
 .dk-hero .dk-btn-ghost{background:rgba(0,0,0,.45)}
}

/* tinggi layar penuh untuk menu mobile pada browser tanpa dvh */
@supports not (height:100dvh){
 body{min-height:100vh}
}

/* pengguna yang memilih kontras tinggi / paksa warna (Windows High Contrast) */
@media(forced-colors:active){
 .dk-btn,.dk-chip,.dk-ep,.dk-badge,.dk-new{border:1px solid ButtonText}
 .dk-rank-n,.dk-fnum{-webkit-text-stroke:0;color:CanvasText}
}

/* Fallback flex "gap" untuk browser lama (kelas .no-fg dipasang oleh skrip kecil di header.php) */
.no-fg .dk-bar>*+*{margin-left:28px}
.no-fg .dk-logo>*+*{margin-left:10px}
.no-fg .dk-nav ul>*{margin:0 2px 2px 0}
.no-fg .dk-tools>*+*{margin-left:6px}
.no-fg .dk-btn>*+*{margin-left:6px}
.no-fg .dk-chips>*{margin:0 6px 6px 0}
.no-fg .dk-actions>*{margin:0 10px 10px 0}
.no-fg .dk-dots>*+*{margin-left:6px}
.no-fg .dk-sec-head>*+*{margin-left:16px}
.no-fg .dk-genres>*+*{margin-left:8px}
.no-fg .dk-row-main>*+*{margin-top:3px}
.no-fg .dk-row .dk-card-sub>*{margin:0 8px 0 0}
.no-fg .dk-live>*+*{margin-left:6px}
.no-fg .dk-slips a>*+*{margin-top:1px}
.no-fg .dk-eptools>*{margin:0 8px 8px 0}
.no-fg .dk-servers>*,.no-fg .dk-epnav>*{margin:0 8px 8px 0}
.no-fg .dk-dl>*{margin:0 8px 8px 0}
.no-fg .dk-share>*{margin:0 6px 6px 0}
.no-fg .dk-suggest a>*+*{margin-left:10px}
.no-fg .dk-days>*{margin:0 6px 6px 0}
.no-fg .dk-sched-main>*+*{margin-left:12px}
.no-fg .dk-az-nav>*{margin:0 6px 6px 0}
.no-fg .dk-footer-nav ul>*{margin:0 22px 8px 0}
.no-fg .nav-links>*{margin:0 6px 6px 0}
.no-fg .dk-day-label>*+*{margin-left:10px}
.no-fg .dk-fnum>*+*{margin-left:4px}
.no-fg .dk-fbody .dk-card-sub>*+*{margin-left:8px}
.no-fg .dk-support-btn>*+*{margin-left:6px}
.no-fg .dk-support-box>*{margin:0 14px 14px 0}
.no-fg .dk-page-title>*+*{margin-left:12px}
@media(min-width:1024px) and (max-width:1279px){
.no-fg .dk-bar>*+*{margin-left:16px}
}
@media(max-width:1023px){
.no-fg .dk-bar>*+*{margin-left:8px}
.no-fg .dk-nav ul>*{margin:0 0 0 0}
}
@media(max-width:980px){
.no-fg .dk-ep-layout>*+*{margin-top:0}
}


/* ==========================================================
   3.11.0 Info series di halaman episode
   ========================================================== */
.dk-sinfo{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;margin:22px 0;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.dk-sinfo .dk-sinfo-img{border-radius:10px;align-self:start}
.dk-sinfo-body{min-width:0}
.dk-sinfo h2{margin:0 0 .25em;font-size:1.2rem}
.dk-sinfo .dk-alt{margin:0 0 8px;font-size:.88rem;color:var(--muted)}
.dk-sinfo .dk-facts{margin:10px 0;padding:0;background:none;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.dk-sinfo .dk-chips{margin:8px 0}
.dk-sinfo-syn{margin:10px 0 14px;color:var(--muted);font-size:.93rem;line-height:1.65}
@media(max-width:600px){
 .dk-sinfo{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px}
 .dk-sinfo h2{font-size:1.05rem}
 .dk-sinfo .dk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dk-sinfo .dk-btn{width:100%}
}


/* ==========================================================
   3.10 Redesign halaman streaming (episode)
   Panggung pemutar + bilah kontrol, judul di bawah, daftar episode kartu
   ========================================================== */
.dk-ep-layout{align-items:start}
.dk-watch{margin:6px 0 0}
.dk-watch .dk-theater{position:relative;overflow:hidden;background:#000;border-radius:18px 18px 0 0;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.dk-watch .dk-player{margin:0;border-radius:0;box-shadow:none}
.dk-wbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}
.dk-wbar .dk-servers{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0 0 12px;border-bottom:1px solid var(--line)}
.dk-wsrv-label{font:700 .72rem var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.dk-wnav,.dk-wtools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dk-wtools{margin-left:auto}
.dk-wbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px;border-radius:999px;border:0;background:var(--panel2);color:var(--text);font:700 .85rem var(--font);cursor:pointer;white-space:nowrap}
.dk-wbtn:hover{background:var(--line);color:var(--text)}
.dk-wbtn-pri{background:var(--accent);color:var(--on-accent)}
.dk-wbtn-pri:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}
.dk-wbtn svg{flex:none}
.dk-wtools #dk-lamp[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.dk-whead{padding:20px 4px 6px}
.dk-wseries{display:inline-block;font:800 .78rem var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.dk-wseries:hover{text-decoration:underline}
.dk-whead h1{margin:.3em 0 .45em;font-size:1.6rem;font-size:clamp(1.3rem,1.05rem + 1.3vw,1.9rem);line-height:1.2}
.dk-wmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;color:var(--muted);font-size:.86rem}
.dk-wep{padding:3px 11px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:.76rem}
.dk-dlbox{margin:22px 0;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.dk-dlbox h2{margin:0 0 10px;font-size:1rem}
.dk-dlbox .dk-dl{margin:0}
.dk-ep-layout>.dk-side{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:76px}
.dk-side-count{display:block;margin-top:2px;font:600 .76rem var(--font);color:var(--muted)}
.dk-ep-layout>.dk-side .dk-slips-side{max-height:520px}
@media(max-width:980px){
 .dk-ep-layout>article>.dk-ad:first-child{order:0}
 .dk-ep-layout>.dk-side{position:static}
}
@media(max-width:600px){
 .dk-watch .dk-theater{margin:0 -14px;border-radius:0}
 .dk-wbar{margin:0 -14px;padding:10px 14px;border-left:0;border-right:0;border-radius:0}
 .dk-wnav{flex:1 1 100%}
 .dk-wnav .dk-wbtn{flex:1 1 0}
 .dk-wnav .dk-wbtn-icon{flex:none}
 .dk-wlabel{display:none}
 .dk-wtools{flex:1 1 100%;margin-left:0}
 .dk-wtools .dk-wbtn{flex:1 1 0;padding:8px 10px;font-size:.8rem}
 .dk-whead{padding:16px 0 4px}
 .dk-dlbox{padding:14px}
}
@media(max-width:360px){.dk-wtools .dk-wbtn span{display:none}.dk-wtools .dk-wbtn{flex:1}}
.no-fg .dk-wbar>*{margin:0 12px 10px 0}
.no-fg .dk-wnav>*,.no-fg .dk-wtools>*,.no-fg .dk-wbar .dk-servers>*{margin:0 8px 8px 0}
.no-fg .dk-wbtn>*+*{margin-left:7px}
.no-fg .dk-wmeta>*{margin:0 14px 6px 0}


/* ==========================================================
   3.11 Widget Rekomendasi
   ========================================================== */
.dk-reco{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dk-side .dk-reco li,.dk-reco li{padding:0;border:0;margin:0}
.dk-reco-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.dk-reco-img{border-radius:8px}
.dk-reco-n{position:absolute;left:0;top:0;z-index:2;min-width:20px;padding:1px 6px;border-radius:0 0 8px 0;background:var(--accent);color:var(--on-accent);font:800 .72rem/1.5 var(--font);text-align:center}
.dk-reco-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.dk-reco-body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 .9rem/1.3 var(--font);transition:color .2s}
.dk-reco-body small{color:var(--muted);font-size:.76rem}
.dk-reco-score{color:#ffc94a;font:700 .76rem var(--font)}
.dk-reco-item:hover .dk-reco-body strong{color:var(--accent)}
.dk-reco-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.dk-reco-box .dk-widget-title{font-size:1rem;margin:0 0 12px}
@supports not (aspect-ratio:1/1){
 .dk-reco-img{height:0;padding-top:150%}
 .dk-reco-img>img,.dk-reco-img>.dk-noimg{position:absolute;top:0;left:0;width:100%;height:100%}
}
/* panel samping episode: ikut menempel, tetapi bisa digulir bila lebih tinggi dari layar */
.dk-ep-layout>.dk-side{max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain}
.dk-ep-layout>.dk-side .dk-slips-side{max-height:340px}
@media(max-width:980px){
 .dk-ep-layout>.dk-side{max-height:none;overflow:visible}
 .dk-ep-layout>.dk-side .dk-slips-side{max-height:none}
 .dk-reco{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
}
@media(max-width:420px){.dk-reco{grid-template-columns:1fr}}


/* ==========================================================
   3.12 Hook layout mobile: elemen ini hanya tampil di layar <= 767px (lihat assets/css/mobile.css)
   ========================================================== */
.dk-tabbar,.dk-sheet,.dk-mdots{display:none}


/* ==========================================================
   3.12.7 Perbaikan responsif
   ========================================================== */

/* Fokus keyboard pada menu desktop tidak terpotong oleh area geser */
.dk-nav a:focus-visible{outline-offset:-2px}

/* Halaman episode di tablet (<=980px): kolom daftar episode ikut selebar layar.
   Sebelumnya align-items:start membuat kolom ini melebar mengikuti isinya (ribuan piksel) dan terpotong. */
@media(max-width:980px){
 .dk-ep-layout{align-items:stretch}
 .dk-ep-layout>.dk-side,.dk-ep-layout>article>*{min-width:0;max-width:100%}
 .dk-ep-layout>.dk-side{width:100%}
}

/* Kartu artikel blog */
.dk-card-post{padding:14px 16px;background:var(--panel);border-radius:12px;min-width:0}
.dk-card-post .dk-card-title{margin-top:0;font-size:1rem}
.dk-card-post p{margin:.55em 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}

/* Kolom komentar: 16px agar iOS tidak memperbesar layar saat mengetik */
.dk-comments input[type=text],.dk-comments input[type=email],.dk-comments input[type=url],.dk-comments textarea{font-size:16px;max-width:100%}
.dk-comments .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start}
.dk-comment-list .children{list-style:none;padding-left:16px;margin:0}
.dk-comment-list .comment-content{overflow-wrap:anywhere}

/* Konten artikel: media sematan dan tabel tidak boleh melebihi layar */
.dk-prose iframe,.dk-prose video,.dk-prose embed{max-width:100%}
.dk-prose figure,.dk-prose .wp-block-image{max-width:100%;margin-inline:0}
.dk-prose{min-width:0}

/* Bilah kontrol pemutar di ponsel: Sebelumnya | Semua | Berikutnya tetap satu baris */
@media(max-width:600px){
 .dk-wnav{flex-wrap:nowrap;gap:6px;min-width:0}
 .dk-wtools{flex-wrap:wrap;gap:6px;min-width:0}
 .dk-wnav .dk-wbtn,.dk-wtools .dk-wbtn{min-width:0;padding:8px 10px;gap:5px;font-size:.8rem}
 .dk-wnav .dk-wbtn>span:not(.dk-wlabel){overflow:hidden;text-overflow:ellipsis}
 .dk-wtools .dk-wbtn{flex:1 1 auto}
 .dk-wnav .dk-wbtn-icon{flex:none;padding:8px 12px}
}

/* Tabel dan blok kode panjang di halaman statis bisa digeser di dalam kotaknya sendiri */
.dk-prose pre{white-space:pre;tab-size:2}
.dk-prose table{border-collapse:collapse}
.dk-prose td,.dk-prose th{padding:6px 10px;border:1px solid var(--line)}



/* 3.12.7 Streaming dan daftar episode satu panel */
.dk-eplist{margin-top:18px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.dk-eplist-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px}
.dk-eplist-head h2{margin:0;font-size:1.05rem}
.dk-eplist .dk-eptools{margin:0;flex:1 1 220px;max-width:340px}
.dk-eplist .dk-slips{max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.dk-eplist .dk-slips a{background:var(--panel2)}
.dk-eplist .dk-slips a[aria-current]{background:var(--accent)}
@media(max-width:980px){.dk-ep-layout>.dk-side{order:3}}
@media(max-width:600px){.dk-eplist{padding:12px;border-radius:14px}.dk-eplist .dk-slips{max-height:280px}}
.dk-ep-layout>.dk-side>.dk-reco-box:first-child{margin-top:0;padding-top:0;border-top:0}

/* ===== Episode/Streaming: peningkatan ===== */
.dk-wbtn[aria-pressed="true"]:not(#dk-lamp){background:var(--accent);color:var(--on-accent)}
.dk-wbtn:focus-visible,.dk-srv:focus-visible,.dk-slips a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dk-srv{min-height:40px;transition:background .15s,transform .15s}
.dk-srv:active,.dk-wbtn:active{transform:scale(.97)}
.dk-wsrv-label{font:700 .78rem var(--font);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.dk-keys{margin:12px 4px 0;color:var(--muted);font-size:.78rem;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.dk-keys kbd{display:inline-block;min-width:22px;padding:1px 6px;margin-right:4px;border-radius:6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--panel);color:var(--text);font:700 .72rem var(--font);text-align:center}
@media(hover:none),(max-width:980px){.dk-keys{display:none}}
.dk-slips a[data-eid]{position:relative}
.dk-slips a.is-seen{opacity:.62}
.dk-slips a.is-seen::after{content:"";position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--new)}
.dk-slips a.is-seen:hover{opacity:1}
.dk-eplist .dk-slips a[aria-current]{box-shadow:0 0 0 2px var(--accent),0 6px 18px rgba(0,0,0,.35)}
.dk-wide-btn{display:none}
@media(min-width:981px){
  .dk-wide-btn{display:inline-flex}
  body.dk-widemode .dk-ep-layout{grid-template-columns:minmax(0,1fr)}
  body.dk-widemode .dk-ep-layout>.dk-side{display:none}
  body.dk-widemode .dk-ep-layout>article{max-width:1280px;margin:0 auto;width:100%}
}
@media(prefers-reduced-motion:reduce){.dk-srv{transition:none}}

/* ===== Header: lebih rapi dan modern ===== */
.dk-navbar{transition:transform .28s ease,box-shadow .25s ease,background .25s ease;will-change:transform}
.dk-navbar.is-scrolled{box-shadow:0 8px 28px rgba(0,0,0,.28)}
:root[data-theme="light"] .dk-navbar.is-scrolled{box-shadow:0 8px 24px rgba(20,23,28,.12)}
.dk-navbar.is-hidden{transform:translateY(-102%)}
.dk-bar{min-height:66px}
.dk-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent);color:#fff}
.dk-logo:hover .dk-mark{transform:rotate(-6deg) scale(1.05)}
.dk-mark{transition:transform .2s ease}
.dk-logo-text{color:var(--text)}
/* Teks logo bergradasi hanya jika color-mix() didukung; tanpa itu teks tetap terlihat (sebelumnya jadi transparan di browser lama) */
@supports (background:color-mix(in srgb,red,blue)){
 .dk-logo-text{background:linear-gradient(90deg,var(--text),color-mix(in srgb,var(--text) 72%,var(--accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.dk-nav a{position:relative;transition:color .15s,background .15s}
.dk-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.dk-nav a:hover::after{transform:scaleX(.45)}
.dk-nav .current-menu-item>a,.dk-nav .current_page_item>a{background:transparent;color:var(--text)}
.dk-nav .current-menu-item>a::after,.dk-nav .current_page_item>a::after{transform:scaleX(1)}
.dk-search input{background:var(--panel);transition:border-color .2s,box-shadow .2s,background .2s}
.dk-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent);background:var(--panel2)}
.dk-search{transition:width .25s ease}
@media(min-width:1101px){.dk-search:focus-within{width:340px}}
.dk-kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:20px;padding:1px 6px;border-radius:6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--panel2);color:var(--muted);font:700 .7rem var(--font);text-align:center;pointer-events:none}
.dk-search:focus-within .dk-kbd{display:none}
@media(hover:none),(max-width:980px){.dk-kbd{display:none}}
.dk-theme .dk-ico-sun{display:none}
:root[data-theme="light"] .dk-theme .dk-ico-moon{display:none}
:root[data-theme="light"] .dk-theme .dk-ico-sun{display:block}
.dk-theme,.dk-search-toggle,.dk-menu-btn{transition:background .15s,transform .15s}
.dk-theme:active,.dk-search-toggle:active,.dk-menu-btn:active{transform:scale(.92)}
.dk-theme:focus-visible,.dk-search-toggle:focus-visible,.dk-menu-btn:focus-visible,.dk-logo:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
@media(prefers-reduced-motion:reduce){.dk-navbar,.dk-nav a::after,.dk-mark{transition:none}.dk-navbar.is-hidden{transform:none}}

/* Beranda: daftar series dengan sinopsis */
.dk-textlist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dk-tcard{display:flex;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;min-width:0}
.dk-tcard-poster{flex:0 0 84px;width:84px;align-self:flex-start}
.dk-tcard-body{min-width:0}
.dk-tcard-body h3{margin:0 0 4px;font-size:1rem;line-height:1.3}
.dk-tcard-meta{margin:0 0 6px;font-size:.78rem;color:var(--muted)}
.dk-tcard-syn{margin:0;font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:720px){.dk-textlist{grid-template-columns:1fr}}

/* ==========================================================
   Lapisan responsif & kompatibilitas browser (ditambahkan)
   ========================================================== */
/* Layar sangat besar: layar lebar 1920px+, 2K, 4K, ultrawide */
@media (min-width:1920px){
 html{font-size:17px}
 .dk-wrap{max-width:1640px}
 .dk-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}
@media (min-width:2560px){
 html{font-size:19px}
 .dk-wrap{max-width:2000px}
}
/* Layar sangat sempit: ponsel kecil, Galaxy Fold terlipat (~280px), mode split-screen */
@media (max-width:340px){
 .dk-grid,.dk-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}
 .dk-wrap{padding-left:10px;padding-right:10px}
 .dk-hero h2{font-size:1.2rem}
 .dk-btn{padding-left:12px;padding-right:12px}
 .dk-tcard{gap:8px;padding:8px}
 .dk-tcard-poster{flex-basis:64px;width:64px}
}
@media (max-width:300px){
 .dk-textlist{grid-template-columns:minmax(0,1fr)}
 .dk-tcard{flex-direction:column}
 .dk-tcard-poster{width:96px;flex-basis:auto}
}
/* Teks panjang tidak membuat halaman melebar ke samping */
.dk-card-title,.dk-tcard-body h3,.dk-hero h2,.dk-series-head h1,.dk-ep-title{overflow-wrap:anywhere}
/* Potong sinopsis: sintaks standar + awalan lama (Safari/Chrome lama) */
.dk-tcard-syn{line-clamp:4}
/* Iklan yang tidak terisi disembunyikan lewat kelas (untuk browser tanpa :has(), mis. Firefox < 121, Safari < 15.4) */
.dk-ad.dk-ad-unfilled{display:none}
/* Ponsel layar landscape: tinggi pakai dvh agar tidak tertutup bar alamat */
@media (hover:none) and (orientation:landscape){
 .dk-ep-layout>.dk-side{max-height:none}
}
/* Tablet dan perangkat sentuh: target sentuh minimal 40px */
@media (hover:none) and (pointer:coarse){
 .dk-btn,.dk-chip,.page-numbers,.dk-day-btn{min-height:40px}
}
/* Pengguna yang memperbesar teks sistem: jangan potong judul */
@media (min-resolution:2dppx){ .dk-thumb img{image-rendering:auto} }

/* ==========================================================
   Header gaya aplikasi: [menu] [logo] ........ [tema] [cari]
   Berlaku untuk tablet dan ponsel sampai 1023px, termasuk ponsel
   landscape dan mode "Situs desktop" di browser ponsel.
   Menu dan pencarian turun sebagai panel (aturan panel ada di blok 1023px di atas).
   ========================================================== */
@media (max-width:1023px){
 body .dk-bar{flex-wrap:nowrap;gap:2px;min-height:64px;padding-top:0;padding-bottom:0}
 body .dk-tools{display:contents}
 body .dk-menu-btn{order:0;width:46px;height:46px;margin-left:-10px}
 body .dk-menu-btn svg{width:28px;height:28px}
 body .dk-menu-btn svg path{stroke-width:2.6}
 body .dk-logo{order:1;flex:1 1 auto;min-width:0;padding-left:6px}
 body .dk-logo img{max-height:36px}
 body .dk-logo-text{font-size:1.15rem;overflow:hidden;text-overflow:ellipsis}
 body .dk-mark{width:30px;height:30px;border-radius:10px}
 body .dk-theme{order:2}
 body .dk-search-toggle{order:3}
 body .dk-theme,body .dk-search-toggle{width:44px;height:44px}
 body .dk-search-toggle svg{width:24px;height:24px}
 body .dk-support-btn{display:none}
 body .dk-nav a{min-height:46px;display:flex;align-items:center;font-weight:700}
 body .dk-nav a::after{display:none}
 body .dk-nav .current-menu-item>a,body .dk-nav .current_page_item>a{background:var(--accent);color:var(--on-accent)}
}
/* Ponsel sangat kecil (Galaxy Fold terlipat, ~280-340px) */
@media (max-width:340px){
 body .dk-menu-btn{width:42px;margin-left:-8px}
 body .dk-theme,body .dk-search-toggle{width:40px}
 body .dk-logo-text{font-size:1rem}
}
/* Ponsel landscape: header lebih tipis */
@media (max-width:1023px) and (max-height:480px) and (orientation:landscape){
 body .dk-bar{min-height:52px}
}