/* izle.html sayfası için stiller — refactor ile <style> bloğundan ayrıldı. */

/* Renk/ölçü değişkenleri css/variables.css'ten gelir — her sayfa kendi
   :root'unu tanımlıyordu ve değerler birbirinden kaymıştı (panellerde
   --bg:#050505, sitede #060606 gibi). variables.css zaten "tek yetkili
   kaynak" diye yazılmış ama hiçbir sayfa yüklemiyordu. */

[data-theme="oled"]{--bg:#000;--surf:#050505;--card:#0a0a0a;--card-h:#0f0f0f}
[data-theme="light"]{--bg:#f5f5f7;--surf:#fff;--card:#fff;--card-h:#f0f0f2;--text:#111;--text-s:rgba(0,0,0,.7);--muted:rgba(0,0,0,.45);--border:rgba(0,0,0,.08);--border-h:rgba(0,0,0,.14)}
[data-theme="light"] nav{background:rgba(245,245,247,.92)}
[data-theme="light"] .user-menu,[data-theme="light"] .notif-dropdown{background:rgba(255,255,255,.97)}
[data-theme="light"] .auth-box,[data-theme="light"] .gen-box,[data-theme="light"] .supp-box,[data-theme="light"] .report-modal-box,[data-theme="light"] .proj-modal,[data-theme="light"] .prof-modal{background:rgba(255,255,255,.97)}
[data-theme="light"] .a-inp,[data-theme="light"] .comment-input,[data-theme="light"] .inline-reply-form textarea,[data-theme="light"] .report-note{color:#111}
[data-theme="light"] .prof-banner-grad{background:linear-gradient(180deg,transparent 30%,rgba(255,255,255,1) 100%)}
[data-theme="light"] .pm-banner-grad{background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,1) 100%)}
[data-theme="light"] footer{background:#fff}
[data-theme="light"] .user-menu,[data-theme="light"] .notif-dropdown{background:rgba(255,255,255,.97)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--pr);border-radius:8px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:inherit;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pr);outline-offset:2px;border-radius:4px}

.badge-admin, .badge-mod, .badge-ekip, .badge-pending, .badge-director {
  font-family: 'DM Sans', sans-serif !important;
  font-size: .52rem;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.badge-vip {
  font-family: 'Orbitron', sans-serif !important;
  font-size: .5rem; 
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 900;
  letter-spacing: 1.2px; 
  text-transform: uppercase;
  border: 1px solid rgba(245,158,11,.4);
  color: var(--gold);
  background: none;
}
.badge-admin { background: var(--red); color: #fff; -webkit-text-fill-color: #fff; }
.badge-mod { background: var(--blue); color: #fff; -webkit-text-fill-color: #fff; }
.badge-ekip { background: var(--purple); color: #fff; -webkit-text-fill-color: #fff; }
.badge-director { background: linear-gradient(135deg,#9333ea,#c084fc); color: #fff; -webkit-text-fill-color: #fff; }
.badge-vip { border: 1px solid rgba(245,158,11,.4); color: var(--gold); -webkit-text-fill-color: var(--gold); background: none; }
.badge-pending{background:rgba(245,158,11,.2);color:var(--gold);-webkit-text-fill-color:var(--gold)}

@keyframes lpulse{0%,100%{transform:scale(.93);opacity:.6}50%{transform:scale(1);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
@keyframes rainbow{from{background-position:0 50%}to{background-position:-200% 50%}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes skeleton{0%{background-position:-200% 0}100%{background-position:200% 0}}

#loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s,visibility .5s}
#loader.hide{opacity:0;visibility:hidden}
/* Açılış göstergesi. Halka ile logo eskiden hizasızdı: halka 8px DIŞARI
   taşıyordu (inset:-8px) ve logo kendi kutusunu köşeden köşeye dolduruyordu,
   yani çapraz duran çizim çemberin dışına çıkıyordu. Artık halka kutunun
   kendisi, logo ise çemberin içine oturacak kadar içeriden (padding).
   Boyut da ekrana göre ölçekleniyor — mobilde 80px fazla yer kaplıyordu. */
.ld-wrap{position:relative;width:clamp(56px,17vw,80px);height:clamp(56px,17vw,80px)}
/* Logo kare bir çizim; kareyi çemberin İÇİNE sığdırmak için kenarı
   çapın en fazla 1/√2'si (≈%70) olmalı. %15 padding + %70 içerik =
   köşeler halkaya değmeden kalıyor. */
.ld-wrap img{width:100%;height:100%;padding:15%;object-fit:contain;position:relative;z-index:2;animation:lpulse 2.4s ease-in-out infinite}
.ld-ring{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--pr);border-radius:50%;animation:spin 1.2s linear infinite}
/* letter-spacing son harften sonra da boşluk bırakır; o boşluk kadar sola
   kaydırmazsak yazı çemberin altında ortalı durmuyor. */
.ld-txt{font-size:.65rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--muted);text-indent:4px}
.ld-txt::after{content:'';animation:dots 1.5s steps(3) infinite}

/* ═══ HABER ŞERİDİ ═══
   Duyuru bannerlarının yerine: en yeni haber tek satır, tıklanınca
   ana sayfadaki haber detayına götürür. */
#newsStrip{max-width:var(--kapsam);margin:.875rem auto 0;padding:0 var(--yan-bosluk)}
#newsStrip:empty{margin:0}
.news-strip{--tone:var(--blue);display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--tone);border-radius:11px;text-decoration:none;color:var(--text);transition:background .2s,border-color .2s;animation:newsIn .35s var(--ease)}
@keyframes newsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.news-strip:hover{background:var(--card-h);border-color:var(--border-h);border-left-color:var(--tone)}
.news-strip.green{--tone:var(--green)}.news-strip.gold{--tone:var(--gold)}
.news-strip.red{--tone:var(--red)}.news-strip.purple{--tone:var(--purple)}.news-strip.cyan{--tone:var(--cyan)}
.news-chip{display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:20px;color:var(--tone);background:var(--card-h);border:1px solid var(--border-h);flex-shrink:0}
@supports (background:color-mix(in srgb,red 10%,transparent)){
  .news-chip{background:color-mix(in srgb,var(--tone) 14%,transparent);border-color:color-mix(in srgb,var(--tone) 26%,transparent)}
}
.news-chip.blue{--tone:var(--blue)}.news-chip.green{--tone:var(--green)}.news-chip.gold{--tone:var(--gold)}
.news-chip.red{--tone:var(--red)}.news-chip.purple{--tone:var(--purple)}.news-chip.cyan{--tone:var(--cyan)}
.ns-title{font-size:.78rem;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-more{font-size:.64rem;color:var(--muted);font-weight:700;white-space:nowrap}
.ns-go{color:var(--tone);font-size:.72rem;flex-shrink:0}

@media(max-width:640px){
  #newsStrip{padding:0 3%;margin-top:10px}
  .news-strip{padding:8px 11px;gap:8px;border-radius:10px}
  .ns-title{font-size:.72rem}
  .ns-more{display:none}
}

nav{position:sticky;top:0;z-index:1000;background:rgba(6,6,6,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:3.75rem;padding:0 var(--yan-bosluk);display:flex;align-items:center;gap:8px;contain:layout style}
[data-theme="light"] nav{background:rgba(245,245,247,.92)}
.nav-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;letter-spacing:1.5px;flex-shrink:0}
/* Çember ve turuncu kenarlık kaldırıldı — logo doğrudan dursun.
   Yükseklik biraz arttı: çerçeve gidince logo optik olarak küçülüyordu. */
/* Yeni logo seti (15.10.2026, images/logo/): koyu temada ana logo (beyaz yazı,
   turuncu kılıç), açık temada açık sürüm (siyah yazı, turuncu kılıç). Renk
   filtreyle değil ayrı dosyayla değişir (filtre turuncuyu da bozardı).
   Çember çerçeve kalkınca logo kenar boşluksuz kalmıştı; %8 iç boşluk
   geri geldi ve yükseklik biraz arttı. */
.nav-logo img{height:34px;width:34px;object-fit:contain;padding:2px;
  content:url('../images/yasharecords-256.webp');
  transition:transform .4s var(--ease),opacity .25s var(--ease)}
.nav-logo:hover img{transform:rotate(8deg) scale(1.08)}
[data-theme="light"] .nav-logo img{content:url('../images/yasha-logo-acik-256.webp')}
.nav-back{display:flex;align-items:center;gap:7px;color:var(--text-s);font-size:.78rem;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--border);transition:all .25s;flex-shrink:0;min-height:36px}
.nav-back span{white-space:nowrap}
.nav-back:hover{color:var(--pr);border-color:rgba(255,69,0,.3);background:var(--pr-s)}
.nav-right{display:flex;align-items:center;gap:5px;margin-left:auto}
.nav-support{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--pr);color:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;border:none;cursor:pointer;transition:transform .3s var(--ease);min-height:36px}
.nav-support:hover{transform:translateY(-2px)}
.nav-icon{color:var(--muted);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:7px;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-size:.95rem;position:relative}
.nav-icon:hover{color:var(--pr);background:var(--pr-s)}
.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--pr);border-radius:8px;font-size:.55rem;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}
.nav-profile{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--border);cursor:pointer;transition:background .2s;min-height:36px}
.nav-profile:hover{background:rgba(255,255,255,.07)}
.nav-profile img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--pr)}
.nav-profile .np-name{font-size:.72rem;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.nav-support span{display:none}.nav-profile .np-name{display:none}.nav-back span{display:none}.nav-back{padding:0;width:38px;justify-content:center}nav{padding:0 3%;gap:5px}}

.breadcrumb{max-width:var(--kapsam);margin:1.25rem auto 0;padding:0 var(--yan-bosluk);font-size:.73rem;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--pr)}
.breadcrumb .sep{opacity:.4}

.user-menu,.notif-dropdown{position:fixed;top:calc(66px + var(--safe-t));right:4%;background:rgba(9,9,9,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:1200;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transition:opacity .3s,transform .3s var(--ease);overflow:hidden}
[data-theme="light"] .user-menu,[data-theme="light"] .notif-dropdown{background:rgba(255,255,255,.97)}
.user-menu{min-width:250px}
.notif-dropdown{width:340px;max-width:92vw;max-height:480px;display:flex;flex-direction:column}
.user-menu.open,.notif-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.um-head{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.um-head img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--pr)}
.um-name{font-size:.86rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.um-sub{font-size:.63rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:1px}
.um-items{padding:5px 0}
.um-items a,.um-items button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-s);font-family:inherit;font-size:.78rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,color .2s;min-height:40px}
.um-items a:hover,.um-items button:hover{background:var(--pr-s);color:var(--pr)}
.um-items a i,.um-items button i{width:16px;font-size:.8rem;text-align:center;flex-shrink:0}
.um-admin{color:#ef4444!important}.um-admin:hover{background:rgba(239,68,68,.07)!important;color:#f87171!important}
.um-mod{color:var(--blue)!important}.um-mod:hover{background:rgba(59,130,246,.07)!important;color:#60a5fa!important}
.um-pm{color:#a855f7!important}.um-pm:hover{background:rgba(168,85,247,.07)!important;color:#c084fc!important}
.um-logout{color:#ef4444!important}.um-logout:hover{background:rgba(239,68,68,.07)!important;color:#f87171!important}
.um-hr{height:1px;background:var(--border);margin:4px 0}

.notif-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.notif-head h4{font-size:.88rem;font-weight:800;display:flex;align-items:center;gap:7px}
.notif-head h4 i{color:var(--pr)}
.notif-mark-all{background:none;border:none;color:var(--pr);font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;padding:3px 8px;border-radius:5px}
.notif-mark-all:hover{background:var(--pr-s)}
.notif-list{overflow-y:auto;flex:1;padding:6px 0}
.notif-item{display:flex;gap:10px;padding:10px 14px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}
.notif-item:hover{background:rgba(255,255,255,.03)}
.notif-item.unread{background:rgba(255,69,0,.04);border-left-color:var(--pr)}
.notif-item-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:1px}
.ni-reply{background:rgba(59,130,246,.15);color:var(--blue)}
.ni-like{background:rgba(255,69,0,.15);color:var(--pr)}
.ni-ep{background:rgba(34,197,94,.15);color:var(--green)}
.notif-item-body{flex:1;min-width:0}
.notif-item-title{font-size:.76rem;font-weight:800;margin-bottom:2px}
.notif-item-text{font-size:.71rem;color:var(--text-s);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-item-time{font-size:.62rem;color:var(--muted);margin-top:3px}
.notif-empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:.82rem}
.notif-empty i{display:block;font-size:1.6rem;margin-bottom:9px;opacity:.2}

#statusNotice{background:var(--pr-s);border:1px solid rgba(255,69,0,.22);color:var(--pr);padding:11px 14px;border-radius:9px;margin-bottom:14px;font-size:.8rem;font-weight:700;text-align:center;display:none;animation:fadeUp .3s var(--ease)}

.page-wrap{max-width:var(--kapsam);margin:1.25rem auto 0;padding:0 var(--yan-bosluk);display:grid;grid-template-columns:minmax(0,1fr) 22.5rem;gap:1.5rem;align-items:start}
.page-wrap.no-sidebar{grid-template-columns:1fr;max-width:75rem}
.page-wrap.no-sidebar .proj-sidebar{display:none}
@media(max-width:1100px){.page-wrap{grid-template-columns:1fr;max-width:1100px}}

.main-col{min-width:0;display:flex;flex-direction:column;gap:20px}
.player-section{min-width:0}
.player-section.theater {
    position:fixed; inset:0; z-index:1500;
    background:#000; padding:0; margin:0; overflow:hidden;
}
.player-section.theater .video-wrap {
    position:absolute; top:50%; left:0; right:0;
    transform:translateY(-50%);
    width:100%; border-radius:0; border:none; box-shadow:none;
    background:#000;
}
.player-section.theater .video-wrap::before { padding-top:56.25%; }
.player-section.theater .wt-bar,
.player-section.theater .player-ctrl,
.player-section.theater .ep-nav,
.player-section.theater .ep-info,
.player-section.theater #statusNotice { display:none !important; }
.video-wrap{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 14px 44px rgba(0,0,0,.5),0 0 0 1px var(--border)}
.video-wrap::before{content:'';display:block;padding-top:56.25%}
.video-wrap.ar-4-3::before{padding-top:75%}
.video-wrap.ar-21-9::before{padding-top:42.86%}
.video-wrap.ar-1-1::before{padding-top:100%}
.video-wrap iframe,.video-wrap video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none;outline:none}
/* Kutu yüksekliği küsuratlı çıkınca (ör. 515,48 px, ekran ölçeği %110/%125) oynatıcı tam piksele yuvarlanıp altta 1 px boşluk bırakıyordu. Çerçeve biraz taşar, kutu (overflow:hidden) keser: her oranda boşluk kapanır. */
.video-wrap iframe{height:calc(100% + 2px)!important}

/* ── Oynatıcı yerine geçen ekranlar ──────────────────────────
   Giriş duvarı, "henüz bölüm yok", durum ekranı, hata ekranı: hepsi
   aynı iskeleti paylaşır. Video kutusu tema ne olursa olsun siyah
   kaldığı için bu ekranların metni her zaman açık renktir. */
.vw-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 20px;text-align:center;background:#0a0a0a;color:rgba(255,255,255,.72);overflow:hidden}
.vw-screen .vw-bg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(18px) saturate(.7);opacity:.28;pointer-events:none}
html[data-lite] .vw-screen .vw-bg{filter:none;opacity:.14}
.vw-screen .vw-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,.55),rgba(6,6,6,.9))}
.vw-screen>*{position:relative;z-index:1}
.vw-ico{font-size:2.4rem;opacity:.45;line-height:1}
.vw-title{font-size:1.05rem;font-weight:800;color:#fff;max-width:420px;line-height:1.35}
.vw-sub{font-size:.82rem;max-width:400px;line-height:1.55;color:rgba(255,255,255,.7)}
.vw-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:2px}
.vw-btn{background:var(--pr);color:#fff;-webkit-text-fill-color:#fff;border:none;padding:11px 22px;border-radius:9px;font-weight:800;cursor:pointer;font-family:inherit;font-size:.84rem;min-height:44px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:transform .2s var(--ease),background .2s}
.vw-btn:hover{background:#ff5a1f;transform:translateY(-1px)}
.vw-btn.ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.vw-btn.ghost:hover{background:rgba(255,255,255,.17)}
.vw-perks{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:2px;font-size:.72rem;color:rgba(255,255,255,.58)}
.vw-perks span{display:inline-flex;align-items:center;gap:5px}
.vw-perks i{color:var(--pr)}
.vw-foot{margin-top:6px;font-size:.7rem;color:rgba(255,255,255,.45);line-height:1.5;max-width:380px}
.vw-foot button{background:none;border:none;color:rgba(255,255,255,.75);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}
.vw-foot button:hover{color:var(--pr)}
@media(max-width:560px){
  .vw-title{font-size:.94rem}
  .vw-sub{font-size:.76rem}
  .vw-perks{gap:10px;font-size:.66rem}
  .vw-ico{font-size:1.9rem}
  .vw-screen{gap:9px;padding:18px 14px}
}

.wt-bar{display:none;margin:10px 0 0}
.wt-inner{display:flex;align-items:center;gap:7px;padding:8px 14px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.14);border-radius:8px;font-size:.72rem;color:rgba(34,197,94,.8);font-weight:600}
.wt-inner i{color:var(--green)}
.wt-rm{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.7rem;margin-left:auto;font-family:inherit;padding:0}
.wt-rm:hover{color:#ef4444}

.player-ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px;flex-wrap:wrap}
.server-switcher{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.srv-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-right:2px}
.srv-btn{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:.76rem;font-weight:700;transition:all .25s var(--ease);min-height:38px}
.srv-btn:hover{border-color:rgba(255,69,0,.35);color:var(--pr);background:var(--pr-s);transform:translateY(-1px)}
.srv-btn.active{background:var(--pr);border-color:var(--pr);color:#fff}
.act-group{display:flex;gap:6px;flex-wrap:wrap}
.act-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;transition:all .25s var(--ease);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:40px}
.act-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.act-btn.watched{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:var(--green)}
.act-btn.liked{background:rgba(255,69,0,.12);border-color:rgba(255,69,0,.3);color:var(--pr)}
/* Player altı yardım linki — player'ı KAPATMAZ, sade ve küçük */
.vid-help-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:none;border:none;color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;padding:4px 2px;font-family:inherit;transition:color .2s}
.vid-help-link:hover{color:var(--pr)}
.vid-help-link i{font-size:.78rem}
.ep-nav{display:flex;gap:8px;margin-top:10px}
.ep-nav-btn{display:flex;align-items:center;gap:7px;color:var(--text-s);font-size:.79rem;font-weight:700;padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.03);transition:all .25s var(--ease);min-height:40px;flex:1;justify-content:center}
.ep-nav-btn:hover{border-color:rgba(255,69,0,.35);color:var(--pr);background:var(--pr-s);transform:translateY(-1px)}
.ep-nav-btn.next-btn{background:var(--pr);border-color:var(--pr);color:#fff}
.ep-nav-btn.next-btn:hover{background:var(--pr-d)}
.ep-nav-btn.disabled{opacity:.28;pointer-events:none}

.ep-info{margin-top:4px}
.ep-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.ep-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border:1px solid var(--border);padding:4px 12px;border-radius:6px}
.ep-meta-line{color:var(--pr);font-weight:700;font-size:.8rem;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ep-info h1{font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:900;line-height:1.25;margin-bottom:14px}
.ep-summary{color:var(--text-s);line-height:1.75;font-size:.9rem;white-space:pre-wrap}

.proj-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:76px}
@media(max-width:1100px){.proj-sidebar{position:static;margin-top:16px}}

.proj-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.proj-poster{aspect-ratio:16/9;background:#0a0a0a;position:relative;overflow:hidden}
.proj-poster img{width:100%;height:100%;object-fit:cover}
.proj-poster-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,17,17,.92) 100%);pointer-events:none}
.proj-body{padding:14px 16px 16px}
.proj-type-tag{display:inline-block;font-size:.58rem;font-weight:800;color:var(--pr);text-transform:uppercase;letter-spacing:1.2px;background:var(--pr-s);padding:3px 8px;border-radius:5px;margin-bottom:8px}
.proj-title{font-size:1.02rem;font-weight:900;line-height:1.28;margin-bottom:8px}
.proj-smart-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}
.proj-smart-icon{width:22px;height:22px;filter:invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.7))}
[data-theme="light"] .proj-smart-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.proj-stats-row{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:12px}
.proj-stat-mini{flex:1;min-width:0}
.proj-stat-mini-lbl{font-size:.55rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}
.proj-stat-mini-val{font-size:.82rem;font-weight:800;display:flex;align-items:center;gap:5px}
.proj-stat-mini-val i{color:var(--pr);font-size:.72rem}
.proj-desc-short{font-size:.76rem;line-height:1.55;color:var(--text-s);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.proj-details-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--pr);border:none;color:#fff;padding:10px;border-radius:8px;font-weight:800;font-size:.78rem;cursor:pointer;font-family:inherit;transition:background .25s,transform .3s var(--ease);min-height:40px}
.proj-details-btn:hover{background:var(--pr-d);transform:translateY(-1px)}

.ep-list-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.ep-list-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.ep-list-title{font-size:.78rem;font-weight:800;display:flex;align-items:center;gap:7px}
.ep-list-title i{color:var(--pr);font-size:.8rem}
.ep-list-count{font-size:.62rem;color:var(--muted);font-weight:700;background:rgba(255,255,255,.04);padding:3px 8px;border-radius:10px}
.ep-list{max-height:520px;overflow-y:auto;padding:6px}
.ep-list::-webkit-scrollbar{width:4px}
.ep-list-item{display:flex;gap:10px;padding:7px;border-radius:8px;cursor:pointer;transition:background .2s;text-decoration:none;color:var(--text);margin-bottom:2px}
.ep-list-item:hover{background:rgba(255,69,0,.06)}
.ep-list-item.current{background:var(--pr-s);border:1px solid rgba(255,69,0,.25)}
.ep-list-item.unreleased{opacity:.5}
.ep-list-thumb{width:76px;aspect-ratio:16/9;border-radius:6px;background:#0a0a0a;overflow:hidden;flex-shrink:0;position:relative}
.ep-list-thumb img{width:100%;height:100%;object-fit:cover}
.ep-list-thumb-lock{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem}
.ep-list-body{flex:1;min-width:0}
.ep-list-num{font-size:.58rem;font-weight:800;color:var(--pr);text-transform:uppercase;letter-spacing:.8px}
.ep-list-name{font-size:.76rem;font-weight:700;line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-list-date{font-size:.6rem;color:var(--muted);margin-top:3px}
/* İçerik durumu — askıya alınan/iptal edilen bölümler */
.ep-list-date.st-paused{color:var(--gold);font-weight:700}
.ep-list-date.st-cancelled{color:var(--red);font-weight:700}
.ep-list-date.st-tba{color:var(--blue);font-weight:700}
.ep-list-item.st-cancelled .ep-list-name{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:1px}
.ep-list-item.st-cancelled .ep-list-thumb-lock{background:rgba(120,10,10,.55)}
.ep-list-item.st-paused .ep-list-thumb-lock{background:rgba(90,60,0,.55)}
/* Gizli bölüm — yalnızca adminler görür, çizgili şeritle işaretlenir */
.ep-list-date.st-hidden{color:var(--muted);font-weight:700}
.ep-list-item.st-hidden{background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.028) 9px 18px)}
.ep-list-item.st-hidden .ep-list-thumb img{opacity:.45}
.ep-list-item.st-hidden .ep-list-thumb-lock{background:rgba(40,40,40,.6)}
/* Proje modalındaki durum notu */
.pm-state-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;border-radius:11px;background:var(--surf);border:1px solid var(--border);border-left:3px solid var(--muted);font-size:.78rem;line-height:1.55;color:var(--text-s)}
.pm-state-note i{margin-top:2px;flex-shrink:0}
.pm-state-note.st-paused{border-left-color:var(--gold)}
.pm-state-note.st-paused i{color:var(--gold)}
.pm-state-note.st-cancelled{border-left-color:var(--red)}
.pm-state-note.st-cancelled i{color:var(--red)}
.pm-state-note.st-tba{border-left-color:var(--blue)}
.pm-state-note.st-tba i{color:var(--blue)}
@media(max-width:640px){
  .ep-list{max-height:320px}
}

/* ═══ COMMENTS BOX — sabit yükseklik + scroll ═══ */
.comments-box{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.comments-box-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0}
.comments-box-title{font-size:.88rem;font-weight:800;display:flex;align-items:center;gap:8px}
.comments-box-title i{color:var(--pr)}
.cnt{color:var(--muted);font-weight:600;font-size:.78rem;margin-left:2px}
.c-sort-bar{display:flex;gap:5px;flex-wrap:wrap}
.c-sort-btn{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:6px 12px;border-radius:16px;font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;min-height:30px}
.c-sort-btn.active{background:var(--pr);border-color:var(--pr);color:#fff}
.comments-form-wrap{padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
/* ★ Sabit yükseklik — yorum geldikçe büyümez, kendi içinde kaydırılır */
.comments-scroll-area{height:480px;overflow-y:auto;padding:12px 16px}
.comments-scroll-area::-webkit-scrollbar{width:5px}
@media(max-width:640px){.comments-scroll-area{height:360px}}

.comment-form{background:rgba(255,255,255,.025);border:1px solid var(--border);padding:12px;border-radius:10px;transition:border-color .25s}
.comment-form:focus-within{border-color:rgba(255,69,0,.3)}
.cf-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cf-head img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--pr)}
.cf-name{font-size:.78rem;font-weight:800}
.cf-lbl{font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:1px}
.comment-input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:var(--text);font-size:.82rem;font-family:inherit;outline:none;resize:vertical;min-height:54px;max-height:200px;transition:border-color .25s}
.comment-input:focus{border-color:var(--pr)}
.cf-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px;flex-wrap:wrap}
.cf-tools{display:flex;gap:5px;align-items:center}
.cf-tool{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-s);padding:5px 10px;border-radius:6px;font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;display:inline-flex;align-items:center;gap:5px;min-height:30px}
.cf-tool:hover{color:var(--pr);border-color:rgba(255,69,0,.3);background:var(--pr-s)}
.cf-count{font-size:.66rem;color:var(--muted);font-weight:600}
.cf-count.warn{color:var(--gold)}.cf-count.limit{color:var(--red)}
.cf-submit{background:var(--pr);border:none;color:#fff;padding:8px 18px;border-radius:7px;font-weight:700;font-size:.74rem;cursor:pointer;font-family:inherit;transition:transform .25s var(--ease),background .25s;display:inline-flex;align-items:center;gap:5px;min-height:34px}
.cf-submit:hover:not(:disabled){background:var(--pr-d);transform:translateY(-1px)}
.cf-submit:disabled{opacity:.5;cursor:not-allowed}
.rate-limit-notice{font-size:.7rem;color:var(--gold);font-weight:600;padding:6px 11px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:6px;margin-top:7px;display:none;align-items:center;gap:6px}
.rate-limit-notice.show{display:flex}
.comment-login-prompt{background:rgba(255,69,0,.05);border:1px dashed rgba(255,69,0,.22);padding:16px;border-radius:10px;text-align:center;color:var(--text-s);font-size:.82rem;line-height:1.55}
.comment-login-prompt button{background:var(--pr);color:#fff;border:none;padding:9px 20px;border-radius:7px;font-weight:800;font-size:.78rem;cursor:pointer;font-family:inherit;margin-top:8px;transition:transform .25s var(--ease)}
.comment-login-prompt button:hover{transform:translateY(-2px)}
.muted-notice{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);padding:12px;border-radius:10px;color:#fca5a5;font-size:.8rem;display:flex;align-items:center;gap:8px}
.comments-list{display:flex;flex-direction:column;gap:0}
.comment-thread{display:flex;flex-direction:column;margin-bottom:8px}
.comment-card{background:rgba(255,255,255,.022);border:1px solid var(--border);padding:12px 14px;display:flex;gap:11px;animation:fadeUp .3s var(--ease);border-radius:10px}
.comment-card.reply{background:rgba(59,130,246,.03);border-left:3px solid rgba(59,130,246,.2);margin-left:18px;margin-top:5px;padding-left:12px}
.comment-card:hover{background:rgba(255,255,255,.035)}
.comment-card.vip-c{background:linear-gradient(135deg,rgba(245,158,11,.04),rgba(245,158,11,.01));border-left:3px solid rgba(245,158,11,.35)}
/* Ekip üyelerinin yorumu VIP gibi vurgulanır — ama mor. */
.comment-card.ekip-c{background:linear-gradient(135deg,rgba(168,85,247,.06),rgba(168,85,247,.01));border-left:3px solid rgba(168,85,247,.45)}
.comment-card.mod-c{background:linear-gradient(135deg,rgba(59,130,246,.04),rgba(59,130,246,.01));border-left:3px solid rgba(59,130,246,.35)}
.comment-card.admin-c{background:linear-gradient(135deg,rgba(239,68,68,.04),rgba(239,68,68,.01));border-left:3px solid rgba(239,68,68,.4)}
/* ★ Sabitlenmiş yorum stili */
.comment-card.pinned-c{border-color:rgba(245,158,11,.35)!important;box-shadow:0 0 0 1px rgba(245,158,11,.1)}
.pin-indicator{font-size:.58rem;color:var(--gold);font-weight:800;display:inline-flex;align-items:center;gap:3px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);padding:1px 7px;border-radius:4px}
.cc-pin-btn{background:none;border:1px solid transparent;color:var(--muted);font-size:.66rem;cursor:pointer;font-family:inherit;padding:3px 9px;border-radius:16px;transition:all .25s;display:inline-flex;align-items:center;gap:4px;min-height:26px}
.cc-pin-btn:hover{color:var(--gold);background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}
.cc-pin-btn.pinned{color:var(--gold);border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.07)}
.cc-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s var(--ease)}
.cc-av:hover{transform:scale(1.07)}
.cc-body{flex:1;min-width:0}
.cc-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}
.cc-name{font-size:.79rem;font-weight:800;cursor:pointer}
.cc-crown{color:var(--gold);font-size:.68rem}
.cc-time{font-size:.6rem;color:var(--muted);font-weight:600}
.cc-text{font-size:.82rem;line-height:1.55;color:var(--text-s);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}
.spoiler-wrap{display:inline-block;background:rgba(255,255,255,.1);border-radius:4px;cursor:pointer;padding:0 5px;user-select:none;position:relative}
.spoiler-wrap .spoiler-content{filter:blur(5px);transition:filter .3s;pointer-events:none;user-select:none}
.spoiler-wrap.revealed .spoiler-content{filter:none;pointer-events:auto;user-select:text}
.spoiler-wrap .spoiler-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--muted);text-transform:uppercase;pointer-events:none}
.spoiler-wrap.revealed .spoiler-label{opacity:0}
.cc-footer{display:flex;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}
.cc-like,.cc-reply-btn,.cc-report-btn,.cc-del{background:none;border:1px solid transparent;color:var(--muted);font-size:.66rem;cursor:pointer;font-family:inherit;padding:3px 9px;border-radius:16px;transition:all .25s;display:inline-flex;align-items:center;gap:4px;min-height:26px}
.cc-like{border-color:rgba(255,255,255,.07)}
.cc-like:hover,.cc-like.liked{color:var(--pr);border-color:rgba(255,69,0,.35);background:var(--pr-s)}
.cc-reply-btn:hover{color:var(--blue);background:rgba(59,130,246,.1)}
.cc-report-btn:hover{color:var(--gold);background:rgba(245,158,11,.08)}
.cc-del:hover{color:var(--red);background:rgba(239,68,68,.08)}
.inline-reply-form{margin-top:9px;padding:9px 11px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:8px;animation:fadeUp .25s var(--ease)}
.inline-reply-form textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(59,130,246,.2);padding:8px 11px;border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit;outline:none;resize:none;min-height:48px}
.inline-reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:7px}
.inline-reply-cancel,.inline-reply-submit{padding:6px 12px;border-radius:6px;font-weight:700;font-size:.7rem;cursor:pointer;font-family:inherit;min-height:30px}
.inline-reply-cancel{background:none;border:1px solid var(--border);color:var(--muted)}
.inline-reply-submit{background:var(--blue);border:none;color:#fff}
.show-replies-btn{background:none;border:none;color:rgba(59,130,246,.75);font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;padding:5px 0 5px 44px;display:flex;align-items:center;gap:5px}
.show-replies-btn:hover{color:var(--blue)}
.comments-empty{text-align:center;padding:36px 18px;color:var(--muted);font-size:.82rem;background:rgba(255,255,255,.015);border-radius:10px;border:1px dashed var(--border)}
.comments-empty i{display:block;font-size:1.6rem;margin-bottom:9px;opacity:.22}

.cast-wrap{max-width:var(--kapsam);margin:2.25rem auto 0;padding:0 var(--yan-bosluk)}
.cast-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:18px}
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.sec-title{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:10px}
.sec-title::before{content:'';width:3px;height:16px;background:var(--pr);border-radius:2px;flex-shrink:0}
.sec-sub{font-size:.68rem;color:var(--muted);font-weight:600;margin-top:3px}
.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.7rem}
.cast-card{background:var(--surf);padding:13px 10px;border-radius:10px;border:1px solid var(--border);text-align:center;transition:transform .4s var(--ease),border-color .3s;display:flex;flex-direction:column;align-items:center;gap:7px}
.cast-card:hover{transform:translateY(-3px);border-color:rgba(255,69,0,.3)}
.cast-img,.cast-ph{width:56px;height:56px;border-radius:50%;border:2px solid var(--pr);background:#141414}
.cast-img{object-fit:cover}
.cast-ph{display:flex;align-items:center;justify-content:center;background:var(--surf);color:var(--text-s);font-size:1.25rem;font-weight:800}
.cast-char{font-weight:800;font-size:.8rem;color:var(--text);line-height:1.3}
.cast-va{color:var(--pr);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.tech-grid{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);justify-content:center}
.tech-item{display:inline-flex;align-items:center;gap:5px;font-size:.74rem}
.tech-role{color:var(--pr);font-weight:800;text-transform:uppercase;font-size:.6rem;letter-spacing:.8px}
.tech-name{color:var(--text-s);font-weight:600}
/* Künye kadro ızgarasının içinde çiziliyor: tek hücreye sıkışıp isimler alt satıra kayıyordu (kullanıcı 20.10.2026), tam satır kaplar */
.cast-grid>.tech-grid{grid-column:1/-1}
.tech-item{white-space:nowrap}
.tech-name,.tech-name .va-link{font-size:.8rem;line-height:1.3}
.tech-edit{border:1px solid var(--border);background:transparent;color:var(--text-s);border-radius:6px;width:24px;height:24px;margin-left:4px;cursor:pointer;font-size:.65rem;display:inline-flex;align-items:center;justify-content:center}
.tech-edit:hover{color:var(--pr);border-color:var(--pr)}
@media(max-width:768px){.cast-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px}.cast-section{padding:16px}}

.modal-bg{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.modal-bg.open{opacity:1;pointer-events:auto}
.m-close{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.65);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,transform .3s var(--ease);font-family:inherit;font-size:.88rem;z-index:10}
.m-close:hover{background:var(--pr);transform:rotate(90deg)}

.prof-modal,.gen-box,.supp-box,.report-modal-box,.proj-modal{position:fixed;z-index:3000;top:50%;left:50%;width:92%;background:rgba(12,12,12,.97);backdrop-filter:blur(24px) saturate(180%);border-radius:16px;overflow:hidden;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.7)}
[data-theme="light"] .prof-modal,[data-theme="light"] .gen-box,[data-theme="light"] .supp-box,[data-theme="light"] .report-modal-box,[data-theme="light"] .proj-modal{background:rgba(255,255,255,.97)}
.prof-modal{max-width:600px}
.gen-box,.supp-box{max-width:420px;padding:22px;z-index:2100}
/* Onay penceresi en üstte — bkz. css/index.css'teki aynı not */
.gen-box{z-index:2700}
.report-modal-box{max-width:420px;padding:22px;z-index:3100;border-color:rgba(245,158,11,.2)}
.proj-modal{max-width:640px;max-height:90vh;overflow-y:auto}
.prof-modal.open,.gen-box.open,.supp-box.open,.report-modal-box.open,.proj-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.prof-banner{height:100px;background-size:cover;background-position:center;position:relative}
.prof-banner-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(12,12,12,1) 100%)}
[data-theme="light"] .prof-banner-grad{background:linear-gradient(180deg,transparent 30%,rgba(255,255,255,1) 100%)}
.prof-av-wrap{position:absolute;bottom:-28px;left:20px}
.prof-av{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}
.prof-body{padding:36px 20px 22px}
.prof-name{font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}
.prof-role{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.prof-bio{font-size:.8rem;color:var(--text-s);margin-top:10px;line-height:1.55}

.pm-banner{height:200px;background:#0a0a0a;position:relative;overflow:hidden}
.pm-banner img{width:100%;height:100%;object-fit:cover}
.pm-banner-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,12,12,1) 100%);pointer-events:none}
[data-theme="light"] .pm-banner-grad{background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,1) 100%)}
.pm-close{position:absolute;top:14px;right:14px}
.pm-body{padding:18px 22px 22px;margin-top:-50px;position:relative;z-index:2}
.pm-type{display:inline-block;font-size:.6rem;font-weight:800;color:var(--pr);text-transform:uppercase;letter-spacing:1.2px;background:var(--pr-s);padding:3px 9px;border-radius:5px;margin-bottom:8px}
.pm-title{font-size:1.5rem;font-weight:900;line-height:1.2;margin-bottom:10px}
.pm-smart{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}
.pm-smart-icon{width:28px;height:28px;filter:invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.7))}
[data-theme="light"] .pm-smart-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.pm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px}
.pm-stat{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:10px 12px;border-radius:8px}
.pm-stat-lbl{font-size:.56rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}
.pm-stat-val{font-size:.86rem;font-weight:800;display:flex;align-items:center;gap:6px}
.pm-stat-val i{color:var(--pr);font-size:.76rem}
.pm-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px;margin-top:4px;display:flex;align-items:center;gap:7px}
.pm-section-title i{color:var(--pr)}
.pm-desc{font-size:.86rem;line-height:1.7;color:var(--text-s);white-space:pre-wrap;margin-bottom:16px}

.gen-title,.report-title,.supp-title{font-size:1rem;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.report-title i,.supp-title i{color:var(--gold)}
.gen-title i{color:var(--pr)}
.gen-msg{font-size:.82rem;color:var(--text-s);line-height:1.55;margin-bottom:14px}
.gen-input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:#fff;font-size:.82rem;font-family:inherit;outline:none;margin-bottom:14px;min-height:42px}
.gen-input:focus{border-color:var(--pr)}
[data-theme="light"] .gen-input{color:#111}
.gen-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.cust-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-s);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;transition:all .25s;font-family:inherit;min-height:38px;display:inline-flex;align-items:center;gap:6px}
.cust-btn:hover{color:var(--text);border-color:var(--pr);background:var(--pr-s)}
.cust-btn.primary{background:var(--pr);border-color:var(--pr);color:#fff}
.cust-btn.primary:hover{background:var(--pr-d)}
.cust-btn.gold{color:var(--gold);border-color:rgba(245,158,11,.3)}
.cust-btn.gold:hover{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.5)}

.report-options{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.report-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .25s;background:rgba(255,255,255,.02)}
.report-opt:hover{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}
.report-opt input[type=radio]{accent-color:var(--gold);flex-shrink:0;margin-top:2px}
.report-opt-label{font-size:.8rem;font-weight:600}
.report-opt-desc{font-size:.64rem;color:var(--muted);margin-top:1px}
.report-note{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:9px 12px;border-radius:8px;color:var(--text);font-family:inherit;font-size:.8rem;outline:none;resize:none;min-height:56px;margin-bottom:14px}

.supp-socials{display:flex;justify-content:center;gap:10px;margin-bottom:14px}
.supp-social{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-s);font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease)}
.supp-social:hover{border-color:var(--pr);color:var(--pr);transform:translateY(-2px)}
.supp-discord-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;padding:11px;border-radius:9px;font-weight:800;font-size:.84rem;text-decoration:none;min-height:42px}

/* Tema kutuları katalogdan çiziliyor (js/theme.js). */
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.theme-grup{
  grid-column:1/-1;font-size:.58rem;font-weight:900;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);margin:6px 0 -2px;
}
.theme-opt{background:rgba(255,255,255,.03);border:2px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;text-align:center;transition:all .25s}
.theme-opt:hover{border-color:var(--pr)}
.theme-opt.active{border-color:var(--pr);background:var(--pr-s)}
.theme-opt.kilitli{opacity:.42;cursor:not-allowed}
.theme-opt.kilitli:hover{border-color:var(--border)}
.theme-preview{width:100%;height:50px;border-radius:7px;position:relative;border:1px solid var(--border);margin-bottom:6px;background:var(--z,#060606)}
.theme-preview::after{content:'';position:absolute;inset:10px;background:var(--v,var(--pr));border-radius:4px}
.theme-name{font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}
.theme-name i{font-size:.6rem;opacity:.8}

.auth-bg{position:fixed;inset:0;z-index:2100;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.auth-bg.open{opacity:1;pointer-events:auto}
.auth-box{position:fixed;z-index:2101;top:50%;left:50%;width:92%;max-width:450px;max-height:92vh;background:rgba(12,12,12,.96);backdrop-filter:blur(32px) saturate(180%);border-radius:18px;overflow:hidden;overflow-y:auto;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid rgba(255,255,255,.1)}
[data-theme="light"] .auth-box{background:rgba(255,255,255,.97)}
.auth-box.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.a-head{padding:24px 24px 0;text-align:center}
/* Çember çerçeve ve sürekli nabız kalktı: logonun kendi kenar boşluğu
   var, daire içine alınca kırpılmış duruyordu. */
.a-logo{width:54px;height:54px;object-fit:contain;margin-bottom:12px}
.a-title{font-size:1.25rem;font-weight:900;margin-bottom:3px}
.a-sub{font-size:.75rem;color:var(--muted);margin-bottom:16px}
.a-tabs{display:flex;gap:4px;background:rgba(255,255,255,.04);padding:3px;border-radius:9px;margin:0 24px 18px}
.a-tab{flex:1;background:none;border:none;color:var(--muted);padding:9px 14px;border-radius:7px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;min-height:38px}
.a-tab.active{background:var(--pr);color:#fff}
.a-form{padding:0 24px 24px}
.a-field{margin-bottom:13px}
.a-lbl{display:block;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}
.a-inp{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:11px 13px;border-radius:9px;color:var(--text);font-size:.84rem;font-family:inherit;outline:none;transition:border-color .25s;min-height:42px}
.a-inp:focus{border-color:var(--pr)}
.a-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.a-submit{width:100%;background:linear-gradient(135deg,var(--pr),#ff6b3d);color:#fff;border:none;padding:13px;border-radius:9px;font-size:.84rem;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .3s var(--ease);box-shadow:0 4px 18px rgba(255,69,0,.25);display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px}
.a-submit:hover:not(:disabled){transform:translateY(-2px)}
.a-submit:disabled{opacity:.5;cursor:not-allowed}
.a-err,.a-ok{font-size:.73rem;padding:9px 13px;border-radius:7px;margin-bottom:13px;display:none;align-items:flex-start;gap:7px}
.a-err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5}
.a-ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
.a-err.show,.a-ok.show{display:flex}
.a-foot{text-align:center;padding:16px 24px;font-size:.7rem;color:var(--muted);border-top:1px solid var(--border)}
.a-foot a{color:var(--pr);font-weight:700;cursor:pointer}
.a-req{font-size:.63rem;color:var(--muted);margin-top:5px;line-height:1.5}
.a-forgot{text-align:right;font-size:.68rem;margin-top:-5px;margin-bottom:12px}
.a-forgot a{color:var(--pr);font-weight:700;cursor:pointer}
@media(max-width:640px){.auth-box{width:100%;max-width:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:translateY(5%);height:100vh}.auth-box.open{transform:translateY(0)}}

.toast{position:fixed;bottom:calc(24px + var(--safe-b));left:50%;transform:translateX(-50%) translateY(100px);background:rgba(13,13,13,.96);backdrop-filter:blur(16px);border:1px solid var(--border);color:#fff;-webkit-text-fill-color:#fff;padding:10px 22px;border-radius:9px;font-size:.8rem;font-weight:700;z-index:5000;transition:transform .4s var(--ease),opacity .4s;opacity:0;pointer-events:none;display:flex;align-items:center;gap:9px}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast i{color:var(--pr)}.toast.ok i{color:var(--green)}.toast.err i{color:var(--red)}

footer{background:var(--surf);padding:3.25rem var(--yan-bosluk) 2.25rem;text-align:center;border-top:1px solid var(--border);margin-top:3.75rem}
.social{display:flex;justify-content:center;gap:10px;margin-bottom:18px}
.social a{color:var(--muted);font-size:1rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:all .25s}
.social a:hover{color:var(--pr);background:var(--pr-s)}
.disclaimer{max-width:660px;margin:12px auto 0;font-size:.5rem;color:rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:1px;line-height:1.8}
[data-theme="light"] .disclaimer{color:rgba(0,0,0,.1)}
.load-more-btn{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:10px 24px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;display:inline-flex;align-items:center;gap:7px;min-height:38px}
.load-more-btn:hover{border-color:var(--pr);color:var(--pr);background:var(--pr-s)}
.load-more-btn:disabled{opacity:.5;cursor:default}

.fi{opacity:0;transform:translateY(14px);animation:fadeUp .45s var(--ease) forwards}
.fi.d1{animation-delay:.08s}.fi.d2{animation-delay:.16s}.fi.d3{animation-delay:.24s}

/* Kadrodaki isimden ekip sayfasına/profiline geçiş */
.va-link{cursor:pointer;color:var(--pr);text-decoration:none;border-bottom:1px dotted transparent;transition:border-color .2s}
.va-link:hover{border-bottom-color:var(--pr)}

/* Başlıktaki sekmeler — ana sayfadakiyle aynı dil. */
/* Sekme çubuğu. Eskiden her sekme flex:1 ile ekranı bölüyordu; yedi
   sekme sayfanın tamamını kaplayan dev bir şerit oluyor, aktif olan da
   kocaman turuncu bir blok olarak duruyordu — sayfanın en "hazır şablon"
   duran yeriydi. Artık sekmeler içeriği kadar yer kaplıyor, çubuk sola
   yaslı ve aktif sekme daha sakin. */
.main-tabs{display:flex;gap:.125rem;background:var(--hover-bg);border:1px solid var(--border);
  padding:.1875rem;border-radius:.75rem;margin:0;flex:0 1 auto;min-width:0;overflow-x:auto;
  width:max-content;max-width:100%;scrollbar-width:none}
.main-tabs::-webkit-scrollbar{display:none}
.main-tab{flex:0 0 auto;text-decoration:none;background:none;border:none;color:var(--muted);padding:.5rem .94rem;border-radius:.56rem;
  font-size:.77rem;font-weight:700;cursor:pointer;font-family:inherit;
  transition:color .2s,background .2s;white-space:nowrap;display:flex;align-items:center;gap:.44rem;min-height:2.25rem}
.main-tab:hover{color:var(--text);background:var(--hover-bg)}
.main-tab.active{background:var(--pr);color:#fff}
.main-tab.active i{color:#fff}
.main-tab i{font-size:.74rem;opacity:.9}
/* Mobil üst çubuk: iki satır. Üstte logo ve ikonlar, altta sekmeler
   tam genişlikte, parmakla kaydırılan bir şerit. Tek satırdayken sekme
   çubuğu logo ile ikonların arasında avuç içi kadar bir pencereye
   sıkışıyor, "Ana Sayfa" bile kesiliyordu. */
@media(max-width:760px){
  nav{height:auto;flex-wrap:wrap;row-gap:0;padding:.45rem var(--yan-bosluk) 0}
  .main-tabs{
    order:3;flex:1 1 100%;width:100%;max-width:none;
    background:none;border:none;border-radius:0;padding:.35rem 0 .5rem;gap:.3rem;
    overflow-x:auto;scroll-snap-type:x proximity;
  }
  .main-tab{
    padding:.42rem .8rem;min-height:2.1rem;font-size:.74rem;
    background:var(--hover-bg);border:1px solid var(--border);border-radius:2rem;
    scroll-snap-align:start;
  }
  .main-tab.active{border-color:var(--pr)}
  .nav-right{margin-left:auto}
}
/* Sezon sekmeleri (bölüm kimliği 2x1 → 2. sezon) */
.ep-sezon-sekmeler{display:flex;gap:6px;padding:10px 12px 4px;overflow-x:auto;scrollbar-width:none}
.ep-sezon-sekmeler::-webkit-scrollbar{display:none}
.ep-sezon-sekme{flex:0 0 auto;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--muted);font:inherit;font-size:.72rem;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;transition:.15s}
.ep-sezon-sekme small{opacity:.6;font-weight:600;margin-left:3px}
.ep-sezon-sekme:hover{color:var(--text)}
.ep-sezon-sekme.on{background:var(--pr);border-color:var(--pr);color:#fff}
.ep-ekle-satir{display:flex;gap:8px;flex-wrap:wrap;padding:12px}
.ep-ekle-satir .ae-trigger{flex:1 1 140px;justify-content:center}
/* Kaldığın yerden devam bilgisi (izle.html devamBilgi) */
.devam-bilgi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card,#111);color:var(--text-s,#ccc);font-size:.86rem}
.devam-bilgi i{color:var(--pr)}
.devam-bilgi b{color:var(--text,#fff)}
.devam-bilgi button{margin-left:auto;padding:5px 12px;border:1px solid var(--border-h,#333);border-radius:8px;background:none;color:var(--text,#fff);font:inherit;font-weight:700;cursor:pointer}
.devam-bilgi button:hover{border-color:var(--pr);color:var(--pr)}
.srv-btn.onz{border-style:dashed}
/* Yaş sınırı ve içerik uyarısı: oynatma başlayınca videonun sol üstünde 8 sn (Netflix gibi; izle.html yasUyarisi) */
.yas-uyari{position:absolute;top:6%;left:3%;z-index:6;pointer-events:none;color:#fff;font-size:clamp(.78rem,1.5vw,1.2rem);
  padding:.45em 2.2em .5em .8em;border-left:4px solid var(--pr);background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,0));
  text-shadow:0 1px 6px rgba(0,0,0,.8);opacity:0;transform:translateX(-14px);transition:opacity .55s ease,transform .55s ease}
.yas-uyari.acik{opacity:1;transform:none}
.yas-uyari-ust{display:flex;align-items:center;gap:.45em}
.yas-uyari-yas{font-size:1.5em;font-weight:900;line-height:1.15;border:2px solid #fff;border-radius:.22em;padding:0 .28em;letter-spacing:.02em}
.yas-uyari-ik{height:1.85em;width:auto;filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.6))}   /* simgeler siyah SVG: beyaza çevrilir */
.yas-uyari-alt{margin-top:.3em;font-size:.86em;font-weight:600;max-width:42ch;line-height:1.35}
@media(prefers-reduced-motion:reduce){.yas-uyari{transition:opacity .2s;transform:none}}
/* ── Yasha oynatıcısı (js/oynat.js): Netflix düzeni (kullanıcı 20.10.2026: "al netflix"). Bunny bölümleri sitenin kendi <video>'suyla.
   Boyutlar oynatıcının genişliğine göre büyür (container query: cqw), tam ekranda belirgin, telefonda en az 40 px dokunma alanı. ── */
.video-wrap:fullscreen{border-radius:0;box-shadow:none}
.video-wrap:fullscreen::before{padding-top:0}
.video-wrap:-webkit-full-screen{border-radius:0;box-shadow:none}
.yo{position:absolute;inset:0;z-index:1;outline:none;color:#fff;user-select:none;-webkit-user-select:none;font-family:inherit;container-type:inline-size;
  --b:clamp(44px,5.4cqw,80px);--ik:clamp(1.15rem,2.5cqw,2.1rem);--yz:clamp(.85rem,1.5cqw,1.3rem)}
.yo .yo-v{object-fit:contain;background:#000;cursor:pointer}
.yo.gizli,.yo.gizli .yo-v{cursor:none}
.yo button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.yo button[hidden]{display:none}
.yo-buyuk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--b)*1.9);height:calc(var(--b)*1.9);border-radius:50%;
  background:var(--pr)!important;color:#fff;font-size:calc(var(--ik)*1.5);display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 30px rgba(0,0,0,.45);transition:transform .15s ease,opacity .2s;z-index:7}   /* alt şeridin (z 5) üstünde: telefonda video kısa, orta nokta şeridin içine düşüyordu */
.yo-buyuk i{margin-left:.18em}
.yo-buyuk:hover{transform:translate(-50%,-50%) scale(1.07)}
.yo-buyuk[hidden]{display:none}
.yo-yuk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}
.yo-yuk span{display:block;width:calc(var(--b)*1.1);height:calc(var(--b)*1.1);border:4px solid rgba(255,255,255,.18);border-top-color:var(--pr);border-radius:50%;animation:spin 1s linear infinite}
.yo-yuk[hidden]{display:none}
.yo-geri{position:absolute;left:50%;top:20%;transform:translateX(-50%);z-index:4;pointer-events:none;background:rgba(0,0,0,.65);padding:.35em .9em;border-radius:99px;
  font-weight:800;font-size:var(--yz);opacity:0;transition:opacity .25s}
.yo-geri.acik{opacity:1}
/* üst şerit: yalnız tam ekranda (geri oku ve sorun bildir) */
.yo-ust{position:absolute;left:0;right:0;top:0;z-index:5;display:none;align-items:center;padding:calc(var(--b)*.35) calc(var(--b)*.5) calc(var(--b)*1.2);
  background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);transition:opacity .3s}
.yo.tam .yo-ust{display:flex}
.yo.gizli .yo-ust{opacity:0;pointer-events:none}
.yo-ust>button{width:var(--b);height:var(--b);font-size:var(--ik);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.yo-ust>button:hover{background:rgba(255,255,255,.14)}
.yo-bos{flex:1}
/* alt şerit: ince süre çubuğu + kalan süre; altında sol / orta / sağ grup */
.yo-alt{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:calc(var(--b)*1.6) calc(var(--b)*.4) calc(var(--b)*.25);
  background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.4) 55%,transparent);transition:opacity .3s ease,transform .3s ease}
.yo.gizli .yo-alt{opacity:0;transform:translateY(8px);pointer-events:none}
.yo-alt{pointer-events:none}   /* şeridin boş degrade kısmı dokunuşu videoya bıraksın; yalnız satırlar tutar */
.yo:not(.gizli) .yo-satir,.yo:not(.gizli) .yo-dg{pointer-events:auto}
.yo-satir{display:flex;align-items:center;gap:calc(var(--b)*.3)}
.yo-cubuk{position:relative;flex:1;height:calc(var(--b)*.5);display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none}
.yo-ray{position:relative;width:100%;height:calc(var(--b)*.085);min-height:3px;background:rgba(255,255,255,.28);transition:height .15s}
.yo-cubuk:hover .yo-ray,.yo.suruk .yo-ray,.yo-cubuk:focus-visible .yo-ray{height:calc(var(--b)*.16)}
.yo-tampon,.yo-dolu{position:absolute;left:0;top:0;bottom:0}
.yo-tampon{background:rgba(255,255,255,.4)}
.yo-dolu{background:var(--pr)}
.yo-tut{position:absolute;top:50%;width:calc(var(--b)*.4);height:calc(var(--b)*.4);margin:calc(var(--b)*-.2) 0 0 calc(var(--b)*-.2);border-radius:50%;background:var(--pr);transform:scale(.75);transition:transform .15s}
.yo-cubuk:hover .yo-tut,.yo.suruk .yo-tut,.yo-cubuk:focus-visible .yo-tut{transform:scale(1.15)}
.yo-ipucu{position:absolute;bottom:calc(var(--b)*.6);transform:translateX(-50%);background:rgba(0,0,0,.88);padding:.15em .55em;border-radius:4px;font-size:var(--yz);font-weight:700;pointer-events:none}
.yo-zaman{font-size:var(--yz);font-weight:600;font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right;opacity:.95}
.yo-dg{display:flex;align-items:center;margin-top:calc(var(--b)*.05)}
.yo-sol,.yo-sag{display:flex;align-items:center;gap:calc(var(--b)*.1);flex:0 0 auto}
.yo-orta{flex:1;min-width:0;text-align:center;padding:0 .8rem}
.yo-baslik{display:block;font-size:var(--yz);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}
.yo-dg button,.yo-ses>button{width:var(--b);height:var(--b);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--ik);position:relative;transition:background .15s,transform .1s}
.yo-dg button:hover{transform:scale(1.12)}
.yo-dg button:focus-visible,.yo-cubuk:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
.yo-dg button small{position:absolute;font-size:.42em;font-weight:900;top:50%;left:50%;transform:translate(-50%,-34%)}
.yo-ses{display:inline-flex;align-items:center}
.yo-ses input{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--pr);cursor:pointer}
.yo-ses:hover input,.yo-ses:focus-within input{width:calc(var(--b)*2);opacity:1;margin-right:.5rem}
/* paneller (hız ve kalite, bölümler): koyu, köşeli, sağ altta (Netflix) */
.yo-menu{position:absolute;right:calc(var(--b)*.4);bottom:calc(var(--b)*2.6);z-index:6;background:rgba(28,28,30,.97);color:#fff;border-radius:4px;
  box-shadow:0 10px 36px rgba(0,0,0,.6);max-width:calc(100% - var(--b)*.8)}
.yo-menu[hidden]{display:none}
.yo-menu h4{margin:0;padding:1em 1.2em .5em;font-size:var(--yz);font-weight:600;letter-spacing:.01em;color:#fff}
.yo-hizp{width:min(calc(var(--b)*9),100%);padding-bottom:.6em}
.yo-nokta{position:relative;display:flex;justify-content:space-between;padding:.5em 1.2em .7em}
.yo-nokta::before{content:'';position:absolute;left:2.1em;right:2.1em;top:calc(.5em + .55em);height:2px;background:rgba(255,255,255,.3)}
.yo-nokta button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55em;min-width:3em;padding:0}
.yo-nokta i{position:relative;width:.75em;height:.75em;border-radius:50%;background:#fff;box-shadow:0 0 0 0 transparent;transition:transform .15s}
.yo-nokta button[aria-checked="true"] i{transform:scale(1.55);background:var(--pr);box-shadow:0 0 0 .16em rgba(255,255,255,.9)}
.yo-nokta span{font-size:calc(var(--yz)*.9);font-weight:600;white-space:nowrap;opacity:.85}
.yo-nokta button[aria-checked="true"] span{opacity:1}
.yo-nokta button:hover span{opacity:1}
.yo-bolp{width:min(calc(var(--b)*10),100%);max-height:calc(100cqw*.34);display:flex;flex-direction:column}
.yo-bolp ol{list-style:none;margin:0;padding:0 0 .4em;overflow:auto;flex:1}
.yo-bolp li a{display:flex;gap:1em;align-items:flex-start;padding:.85em 1.2em;color:#fff;text-decoration:none;font-size:var(--yz);border-top:1px solid rgba(255,255,255,.06)}
.yo-bolp li a:hover{background:rgba(255,255,255,.08)}
.yo-bolp li b{flex:0 0 1.4em;opacity:.7;font-weight:600}
.yo-bolp li span{display:flex;flex-direction:column;gap:.35em;min-width:0}
.yo-bolp li strong{font-weight:600}
.yo-bolp li em{font-style:normal;font-size:.85em;color:var(--pr);font-weight:700}
.yo-bolp li em i{margin-right:.35em}
.yo-bolp li small{font-size:.85em;opacity:.8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.yo-bolp li.aktif a{background:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 var(--pr)}
.yo-son{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;background:rgba(0,0,0,.6)}
.yo-son[hidden]{display:none}
.yo-son-b{display:inline-flex;align-items:center;gap:.5rem;padding:.75em 1.3em;border-radius:6px;font-weight:800;font-size:var(--yz);color:#fff;text-decoration:none;
  background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.25)!important}
.yo-son-b.ana{background:var(--pr)!important;border-color:var(--pr)!important}
.video-wrap .yas-uyari{z-index:6}
@media(max-width:640px){
  .yo{--b:clamp(40px,10.5cqw,52px);--ik:clamp(.95rem,4cqw,1.3rem)}
  .yo-ses input{display:none}
  .yo-orta{display:none}
  .yo-dg{justify-content:space-between}
}
/* dokunmatik (telefon, tablet): büyük dokunma alanı, okunur simge ve yazı; ses çubuğu yok (cihazın sesi), süre çubuğu kalın */
@media(pointer:coarse){
  .yo{--b:clamp(44px,12.5cqw,60px);--ik:clamp(1.3rem,5.6cqw,1.7rem);--yz:clamp(.9rem,3.8cqw,1.1rem)}
  .yo-ses{display:none}   /* ses cihazın tuşlarından; dar ekranda yedi düğme sığsın */
  .yo-sol,.yo-sag{gap:0}
  .yo-alt{padding-left:max(calc(var(--b)*.4),env(safe-area-inset-left));padding-right:max(calc(var(--b)*.4),env(safe-area-inset-right));padding-bottom:max(calc(var(--b)*.25),env(safe-area-inset-bottom))}
  .yo-cubuk{height:calc(var(--b)*.6)}
  .yo-ray{min-height:4px}
  .yo-tut{transform:scale(1)}
}
@container (max-width:350px){.yo-dg [data-yo="geri"],.yo-dg [data-yo="ileri"]{display:none}}   /* çok dar oynatıcıda ±10 düğmeleri yok (kenarda çift dokunma var) */