/* ═══════════ MIZANIS — Stil ═══════════
   Palet: gece #07070F · panel #0F0F1D · çizgi #23233A
          akkor kırmızı #FF3D5A · mor ışıma #8B7CFF · altın #E7C878
   Yazı: Unbounded (başlık) + Manrope (gövde)              */

:root{
  --bg:#07070F; --panel:#0F0F1D; --panel2:#141428; --line:#23233A;
  --red:#FF3D5A; --red-dim:#c92a44; --violet:#8B7CFF; --gold:#E7C878;
  --txt:#EDECF4; --muted:#9C9AB5;
  --disp:'Unbounded',sans-serif; --body:'Manrope',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--body);font-size:16px;line-height:1.6}
button{font-family:var(--body);cursor:pointer}
input,select,textarea{font-family:var(--body);font-size:15px;width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:11px 13px;margin-top:6px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
label{display:block;font-weight:600;font-size:14px;color:var(--muted);margin-bottom:14px}
label b{color:var(--red)}
.hidden{display:none!important}
a{color:var(--violet)}

/* ── Üst menü ── */
#topnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 28px;background:rgba(7,7,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:9px;cursor:pointer}
.logo-kana{font-family:var(--disp);color:var(--red);font-size:26px;font-weight:800;letter-spacing:.05em;text-shadow:0 0 16px rgba(255,61,90,.7);line-height:1}
.logo-txt{font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:.12em;
  background:linear-gradient(90deg,#fff 30%,#ffb7c5);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.nav-btn{background:none;border:none;color:var(--txt);font-weight:700;font-size:14px;padding:9px 14px;border-radius:9px;transition:.18s}
.nav-btn:hover{background:var(--panel2);color:var(--red)}
.nav-btn.accent{color:var(--red)}
.nav-btn.ghost{border:1px solid var(--line)}

/* ── Butonlar ── */
.btn-red{background:var(--red);color:#fff;border:none;border-radius:11px;font-weight:800;font-size:15px;
  padding:12px 22px;letter-spacing:.02em;transition:.18s;box-shadow:0 0 0 rgba(255,61,90,0)}
.btn-red:hover{background:var(--red-dim);box-shadow:0 6px 26px rgba(255,61,90,.35)}
.btn-red.big{width:100%;padding:15px;font-size:16px;margin-top:8px}
.btn-outline{background:none;border:1.5px solid var(--line);color:var(--txt);border-radius:11px;font-weight:700;padding:12px 20px;transition:.18s}
.btn-outline:hover{border-color:var(--red);color:var(--red)}
.btn-outline.small{width:100%;padding:9px;font-size:13px;margin-top:14px}
.btn-mini{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:8px;font-size:12.5px;font-weight:700;padding:6px 11px;margin:3px 4px 0 0;transition:.15s}
.btn-mini:hover{border-color:var(--red);color:var(--red)}
.btn-mini.danger:hover{border-color:#ff5c5c;color:#ff5c5c}

/* ── Hero ── */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;padding:70px 7vw;overflow:hidden;
  background:
    radial-gradient(1100px 600px at 82% 8%,rgba(139,124,255,.16),transparent 60%),
    radial-gradient(850px 560px at 8% 92%,rgba(255,61,90,.15),transparent 60%),
    linear-gradient(180deg,#0A0A16 0%,#07070F 70%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,transparent 60%,rgba(7,7,15,.9) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--red) 30%,var(--violet) 70%,transparent);opacity:.7}

/* Sakura yaprakları */
.sakura{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sakura span{position:absolute;top:-30px;width:12px;height:12px;border-radius:12px 2px 12px 2px;
  background:linear-gradient(135deg,#ffb7c5,#ff5e79);opacity:.55;
  animation:fall linear infinite, sway ease-in-out infinite alternate}
.sakura span:nth-child(1){left:6%;animation-duration:11s,3.1s}
.sakura span:nth-child(2){left:16%;width:9px;height:9px;animation-duration:14s,2.6s;animation-delay:2s,0s}
.sakura span:nth-child(3){left:27%;animation-duration:12s,3.4s;animation-delay:5s,.4s}
.sakura span:nth-child(4){left:38%;width:8px;height:8px;animation-duration:16s,2.9s;animation-delay:1s,0s}
.sakura span:nth-child(5){left:49%;animation-duration:13s,3.2s;animation-delay:7s,.2s}
.sakura span:nth-child(6){left:60%;width:10px;height:10px;animation-duration:15s,2.7s;animation-delay:3s,0s}
.sakura span:nth-child(7){left:70%;animation-duration:12s,3.5s;animation-delay:9s,.5s}
.sakura span:nth-child(8){left:79%;width:8px;height:8px;animation-duration:17s,3s;animation-delay:4s,0s}
.sakura span:nth-child(9){left:88%;animation-duration:13s,2.8s;animation-delay:6s,.3s}
.sakura span:nth-child(10){left:95%;width:9px;height:9px;animation-duration:15s,3.3s;animation-delay:8s,0s}
@keyframes fall{to{transform:translateY(105vh) rotate(360deg)}}
@keyframes sway{from{margin-left:-18px}to{margin-left:18px}}
.hero-kana{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:var(--disp);font-weight:800;
  font-size:clamp(90px,17vw,240px);color:transparent;-webkit-text-stroke:1px rgba(255,61,90,.18);
  writing-mode:vertical-rl;letter-spacing:.1em;user-select:none;pointer-events:none}
.hero-inner{max-width:720px;position:relative}
.eyebrow{font-family:var(--disp);font-size:12px;letter-spacing:.34em;color:var(--gold);margin-bottom:18px}
.hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,5.4vw,66px);line-height:1.08;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--red);text-shadow:0 0 30px rgba(255,61,90,.5)}
.hero-inner>*{animation:rise .7s ease both}
.hero-inner>*:nth-child(2){animation-delay:.08s}
.hero-inner>*:nth-child(3){animation-delay:.16s}
.hero-inner>*:nth-child(4){animation-delay:.22s}
.hero-inner>*:nth-child(5){animation-delay:.3s}
.hero-inner>*:nth-child(6){animation-delay:.38s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.tori-line{width:120px;height:4px;background:linear-gradient(90deg,var(--red),var(--violet));border-radius:4px;margin:30px 0 26px}
.bk-title{font-family:var(--disp);font-size:19px;color:var(--violet);margin-bottom:10px}
.bk-text{color:var(--muted);font-size:17px;max-width:600px}
.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}

/* ── Bölümler ── */
.section{padding:70px 7vw}
.sec-title{font-family:var(--disp);font-size:clamp(22px,3vw,32px);margin-bottom:34px}
.sec-title span{display:block;font-size:11px;letter-spacing:.34em;color:var(--red);margin-bottom:8px}
.empty-note{color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:26px;text-align:center;grid-column:1/-1}
footer{padding:40px 7vw;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;text-align:center}

/* Videolar — Netflix tarzı yatay sıra */
.video-row{display:flex;gap:20px;overflow-x:auto;padding:24px 6px 30px;scroll-snap-type:x mandatory}
.video-row::-webkit-scrollbar{height:9px}
.video-row::-webkit-scrollbar-track{background:var(--panel);border-radius:9px}
.video-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--red),var(--violet));border-radius:9px}
.video-card{flex:0 0 340px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s}
.video-card:hover{transform:scale(1.06) translateY(-4px);border-color:var(--red);z-index:2;
  box-shadow:0 18px 50px rgba(255,61,90,.28),0 4px 18px rgba(0,0,0,.6)}
.video-card video,.video-card iframe{width:100%;aspect-ratio:16/9;display:block;border:none;background:#000}
.video-meta{padding:14px 16px;border-top:2px solid transparent;
  border-image:linear-gradient(90deg,var(--red),transparent) 1}
.video-meta h3{font-size:15.5px;font-weight:800;margin-bottom:5px}
.video-meta p{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.video-card{flex:0 0 82vw}}

/* Kadro */
.kadro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}
.kadro-grid.small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.kadro-card{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);
  border-radius:16px;padding:22px 14px;text-align:center;transition:.25s;overflow:hidden}
.kadro-card::before{content:"声";position:absolute;top:6px;right:10px;font-family:var(--disp);font-size:15px;
  color:rgba(255,61,90,.16);transition:.25s}
.kadro-card:hover{border-color:var(--red);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,61,90,.2)}
.kadro-card:hover::before{color:rgba(255,61,90,.5)}
.kadro-card img,.kadro-ph{width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;
  border:2px solid var(--red);background:var(--panel2);box-shadow:0 0 0 4px rgba(255,61,90,.12)}
.kadro-card:hover img,.kadro-card:hover .kadro-ph{box-shadow:0 0 0 5px rgba(255,61,90,.28),0 0 24px rgba(255,61,90,.35)}
.kadro-ph{display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:26px;color:var(--red)}
.kadro-card h3{font-size:15px;font-weight:800}
.kadro-card p{color:var(--muted);font-size:12.5px;margin-top:3px}

/* ── Form sayfası ── */
.form-wrap{max-width:840px;margin:0 auto;padding:56px 22px 90px}
.form-head{text-align:center;margin-bottom:36px}
.form-title{font-family:var(--disp);font-size:clamp(22px,3.4vw,34px);margin:14px 0 16px}
.form-sub{color:var(--muted);max-width:640px;margin:0 auto}
.card-form{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.fsec{font-family:var(--disp);font-size:15px;color:var(--gold);margin:20px 0 6px;padding-top:18px;border-top:1px solid var(--line)}
.fnote{color:var(--muted);font-size:13.5px;margin-bottom:14px}
.filelabel input[type=file]{padding:9px}
.msg{margin:16px 0 4px;padding:12px 15px;border-radius:10px;font-weight:600;font-size:14px}
.msg.ok{background:rgba(80,220,140,.12);color:#6fe3a3;border:1px solid rgba(80,220,140,.3)}
.msg.err{background:rgba(255,61,90,.12);color:#ff8296;border:1px solid rgba(255,61,90,.3)}

/* ── Giriş / kayıt ── */
.auth-wrap{min-height:88vh;display:flex;align-items:center;justify-content:center;padding:40px 18px;
  background:radial-gradient(600px 400px at 50% 0%,rgba(255,61,90,.09),transparent 65%)}
.auth-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:36px}
.logo-kana.center{display:block;text-align:center;font-size:15px;margin-bottom:8px}
.auth-title{font-family:var(--disp);font-size:21px;text-align:center;margin-bottom:22px}
.tabs{display:flex;gap:8px;margin-bottom:22px}
.tabs.wrap{flex-wrap:wrap;margin-bottom:26px}
.tab{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:10px;font-weight:800;font-size:14px;padding:10px}
.tabs.wrap .tab{flex:initial;padding:9px 16px}
.tab.active{background:var(--red);border-color:var(--red);color:#fff}

/* ── Uygulama paneli ── */
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 61px)}
.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}
.me-card{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-width:0}
.me-card > div{flex:1;min-width:0}   /* uzun ad/rozet taşmasın */
.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--red);background:var(--panel2)}
.me-ad{font-weight:800;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  line-height:1.45;word-break:break-word}
.me-rol{color:var(--gold);font-size:12px;font-weight:700;line-height:1.5;margin-top:2px}
.durum-label{font-size:12px}
.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:8px;flex:1}
/* Kanal sıralama toggle butonu */
.sira-toggle{width:100%;margin:8px 0 2px;padding:9px;border-radius:10px;cursor:pointer;
  font-size:12.5px;font-weight:700;background:rgba(139,124,255,.1);border:1px solid var(--line);
  color:var(--muted);transition:background .18s,color .18s}
.sira-toggle:hover{background:rgba(139,124,255,.2);color:var(--txt)}
.sira-toggle .st-aktif{display:none}
.sira-toggle.aktif{background:rgba(139,124,255,.24);color:var(--txt);border-color:var(--violet)}
.sira-toggle.aktif .st-normal{display:none}
.sira-toggle.aktif .st-aktif{display:inline}
/* Sürükleme modundaki menü */
.side-nav.sira-modu .snav{cursor:grab;border:1px dashed rgba(139,124,255,.4);
  background:rgba(139,124,255,.05)}
.side-nav.sira-modu .snav::before{content:"⋮⋮";margin-right:7px;color:var(--muted);
  letter-spacing:-2px;font-size:12px}
.side-nav.sira-modu .snav.suruklenen{opacity:.4;cursor:grabbing}
.snav{text-align:left;background:none;border:none;color:var(--txt);font-weight:700;font-size:14.5px;padding:11px 13px;border-radius:10px;transition:.15s}
.snav:hover{background:var(--panel2)}
.snav.active{background:var(--panel2);color:var(--red)}
.snav.admin{color:var(--gold)}
.content{padding:30px 32px;max-width:1000px}
.pane-title{font-family:var(--disp);font-size:22px;margin-bottom:18px}

.mini-form{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:22px}
.mini-form input,.mini-form select,.mini-form textarea{margin-bottom:11px}
.item-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 19px;margin-bottom:14px}
.item-card h3{font-size:16px;font-weight:800;margin-bottom:5px}
.item-card .meta{color:var(--muted);font-size:12.5px;margin-top:8px}
.item-card p{color:var(--muted);font-size:14px;white-space:pre-wrap}
.badge{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:999px;font-size:11.5px;font-weight:800;padding:3px 11px;margin-left:8px;color:var(--violet)}
.badge.red{color:var(--red)}
.badge.gold{color:var(--gold)}
.badge.green{color:#6fe3a3}

/* Sohbet */
.chat-box{height:56vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}
.chat-msg{display:flex;gap:10px;align-items:flex-start}
.chat-msg img.avatar{width:34px;height:34px}
.chat-bubble{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:9px 13px;max-width:80%}
.chat-bubble .who{font-size:12px;font-weight:800;color:var(--red);margin-bottom:2px}
.chat-bubble .txt{font-size:14.5px;white-space:pre-wrap;word-break:break-word}
.chat-bubble .zaman{font-size:10.5px;color:var(--muted);margin-top:4px}
.chat-form{display:flex;gap:9px;margin-top:12px;align-items:center}
.chat-form input[type=text]{margin:0}
.clip{font-size:20px;cursor:pointer;margin:0}
.chat-filename{font-size:11.5px;color:var(--gold);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Üyeler */
.uye-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.uye-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.uye-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.uye-card .bilgi{font-size:13px;color:var(--muted);margin:2px 0}
.uye-card .bilgi b{color:var(--txt)}
.demolink{display:inline-block;font-size:12.5px;margin:4px 6px 0 0;color:var(--violet);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px}
.demolink:hover{border-color:var(--violet)}

.dosya-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--red);
  color:var(--txt);border-radius:12px;padding:13px 22px;font-weight:700;z-index:99;box-shadow:0 10px 40px rgba(0,0,0,.5)}

@media(max-width:860px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{border-right:none;border-bottom:1px solid var(--line)}
  .side-nav{flex-direction:row;flex-wrap:wrap}
  .fgrid{grid-template-columns:1fr}
  .hero-kana{display:none}
  .content{padding:22px 16px}
  #topnav{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ═══════════ v2 EKLEMELERİ ═══════════ */

/* Logo görselleri */
.logo-img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,61,90,.5))}
/* NOT: Eski (sağa sabit) .hero-logo-wrap / .hero-logo kuralları kaldırıldı.
   Gerçek kurallar aşağıda "Ana sayfa hero logosu" bölümünde (ortalanmış tasarım). */
.form-logo{width:150px;margin:0 auto 10px;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 30px rgba(139,124,255,.3))}
.auth-logo{width:170px;margin:0 auto 16px;display:block;mix-blend-mode:screen}
.footer-logo{width:26px;vertical-align:middle;margin-right:8px;mix-blend-mode:screen}

/* Form sayfası sakura arka planı */
#view-form{position:relative;overflow:hidden;min-height:100vh;
  background:radial-gradient(700px 400px at 85% 5%,rgba(139,124,255,.1),transparent 60%),
             radial-gradient(600px 400px at 5% 95%,rgba(255,61,90,.09),transparent 60%)}
#view-form .sakura{position:fixed}
.form-wrap{position:relative;z-index:1}
.opsiyonel{color:var(--muted);font-weight:500;font-size:12px}
.fnote.center{text-align:center;margin-top:14px}

/* Dosya bırakma alanı + ilerleme çubuğu */
.dropzone{display:block;border:2px dashed var(--line);border-radius:16px;padding:26px;text-align:center;
  cursor:pointer;transition:.2s;background:var(--panel2);margin-bottom:14px}
.dropzone:hover{border-color:var(--red);background:rgba(255,61,90,.05)}
.dropzone input{display:none}
.dz-icon{font-size:32px;display:block;margin-bottom:6px}
.dz-text{font-weight:700;color:var(--txt)}
.dz-list{display:block;margin-top:10px;color:var(--gold);font-size:13px;font-weight:600}
.dz-list b{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 9px;margin:3px}
.progress{position:relative;height:26px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:10px 0 16px}
.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--violet));transition:width .25s;border-radius:999px}
.progress-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}

/* @etiket ve bildirim */
.mention{color:var(--violet);background:rgba(139,124,255,.14);border-radius:6px;padding:1px 5px;font-weight:800}
.bildirim-nokta{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;
  margin-left:8px;padding:0 5px;background:var(--red);color:#fff;border-radius:999px;font-size:11px;font-weight:800;
  box-shadow:0 0 10px rgba(255,61,90,.6);animation:pulse 1.6s ease infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* Admin mesaj rengi + rozetler */
.admin-isim{color:var(--gold)}
.admin-bubble{border-color:rgba(231,200,120,.5);background:linear-gradient(180deg,rgba(231,200,120,.08),var(--panel2))}
.admin-bubble .who .admin-isim{color:var(--gold)}
.rozet-admin{display:inline-block;font-size:10px;background:rgba(231,200,120,.15);color:var(--gold);
  border:1px solid rgba(231,200,120,.4);border-radius:999px;padding:2px 8px;font-weight:800;
  vertical-align:middle;line-height:1.5;white-space:nowrap}
.rozet-dogru{color:#4fb3ff;font-weight:900;font-size:13px;text-shadow:0 0 8px rgba(79,179,255,.7)}
.msg-sil{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;margin-left:8px;opacity:.5;transition:.15s}
.msg-sil:hover{opacity:1;color:#ff5c5c}

/* Sohbette fotoğraflar direkt görünür */
.chat-img{display:block;max-width:280px;max-height:240px;border-radius:12px;margin-top:6px;border:1px solid var(--line);object-fit:cover}

/* Kadın üyeler için pembe çiçek çerçevesi (Discord avatar dekorasyonu gibi) */
.avatar-wrap{position:relative;display:inline-block;flex-shrink:0}
.avatar-wrap.cicek .avatar{border-color:#ff9ec4;box-shadow:0 0 0 3px rgba(255,158,196,.35),0 0 16px rgba(255,158,196,.45)}
.avatar-wrap.cicek::before{content:"🌸";position:absolute;top:-9px;left:-7px;font-size:15px;z-index:2;
  filter:drop-shadow(0 0 4px rgba(255,158,196,.8));animation:cicekSalla 3s ease-in-out infinite}
.avatar-wrap.cicek::after{content:"🌸";position:absolute;bottom:-7px;right:-7px;font-size:12px;z-index:2;
  filter:drop-shadow(0 0 4px rgba(255,158,196,.8));animation:cicekSalla 3s ease-in-out infinite reverse}
@keyframes cicekSalla{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.avatar.kucuk{width:36px;height:36px}

/* Anketler */
.anket-sec{position:relative;display:block;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);
  border-radius:10px;padding:10px 14px;margin:7px 0;color:var(--txt);overflow:hidden;transition:.15s}
.anket-sec:hover{border-color:var(--violet)}
.anket-sec.secili{border-color:var(--red)}
.anket-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,61,90,.22),rgba(139,124,255,.18));transition:width .4s}
.anket-metin{position:relative;font-weight:700;font-size:14px}
.anket-oy{position:relative;float:right;font-size:12px;color:var(--muted);font-weight:700}

/* Proje yorumları */
.detay-link{cursor:pointer;color:var(--violet);font-weight:700;font-size:13.5px}
.yorumlar{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.yorum-list{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.yorum{display:flex;gap:9px;align-items:flex-start}
.yorum-form{display:flex;gap:8px;margin-top:12px;align-items:center}
.yorum-form input{margin:0}
.proje-alt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.proje-alt input[type=file]{max-width:220px;margin:0}
.rol-sec{width:auto;margin:0 6px 4px 0;display:inline-block}
.btn-mini.gmail{border-color:rgba(79,179,255,.5);color:#4fb3ff;text-decoration:none}
.btn-mini.gmail:hover{border-color:#4fb3ff}
a.btn-mini{text-decoration:none;display:inline-block}
code{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:12px;color:var(--gold);word-break:break-all}

/* Mobil iyileştirmeler */
@media(max-width:600px){
  .card-form{padding:20px 16px}
  .form-wrap{padding:34px 14px 70px}
  .auth-card{padding:26px 18px}
  .chat-box{height:48vh}
  .chat-img{max-width:200px}
  .content{max-width:100%}
  .proje-alt input[type=file]{max-width:160px}
  .hero{min-height:auto;padding:56px 6vw}
  .btn-red.big{font-size:15px}
  .dosya-satir{flex-direction:column;align-items:flex-start}
}

/* ═══════════ v3 EKLEMELERİ ═══════════ */

/* Özel arka plan (admin panelinden yüklenirse) */
body.ozel-arkaplan::before{content:"";position:fixed;inset:0;z-index:-2;
  background:var(--ozel-bg) center/cover no-repeat fixed}
body.ozel-arkaplan::after{content:"";position:fixed;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(7,7,15,.86),rgba(7,7,15,.92))}

/* Sosyal medya butonları (Biz Kimiz) */
.sosyal-medya{display:flex;gap:12px;margin:20px 0 4px}
.sosyal-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt);transition:.2s;text-decoration:none}
.sosyal-btn:hover{transform:translateY(-3px) scale(1.06)}
.sosyal-btn.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(220,39,67,.4)}
.sosyal-btn.yt:hover{background:#FF0000;color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(255,0,0,.4)}
.sosyal-btn.tt:hover{background:#000;color:#fff;border-color:#25F4EE;box-shadow:0 0 20px rgba(37,244,238,.5)}

/* Bildirim rozeti — daha göze çarpan, anime temalı */
.bildirim-nokta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  margin-left:auto;padding:0 6px;background:linear-gradient(135deg,#ff3d5a,#ff7a90);color:#fff;border-radius:999px;
  font-size:11px;font-weight:900;box-shadow:0 0 12px rgba(255,61,90,.8);animation:rozetZipla 1.2s ease infinite}
.bildirim-nokta::after{content:"❗";position:absolute;top:-9px;right:-9px;font-size:11px;animation:rozetSalla 1s ease infinite}
@keyframes rozetZipla{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes rozetSalla{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}
.snav{display:flex;align-items:center}

/* Dosya ekle alanı — anime kızlı */
.dropzone{position:relative;overflow:hidden}
.dz-anime{position:absolute;right:14px;bottom:0;height:120px;pointer-events:none;opacity:.92;
  filter:drop-shadow(0 4px 14px rgba(255,61,90,.3));animation:kizSalla 4s ease-in-out infinite;transform-origin:bottom center}
@keyframes kizSalla{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
.dz-alt{display:block;margin-top:6px;color:var(--violet);font-size:13px;font-weight:600}
@media(max-width:600px){.dz-anime{height:80px;opacity:.5}}

/* İşleniyor durumu (progress bar) */
.progress-bar.isleniyor{background:linear-gradient(90deg,var(--violet),var(--gold),var(--violet));
  background-size:200% 100%;animation:isleniyorKay 1s linear infinite;width:100%!important}
@keyframes isleniyorKay{0%{background-position:0% 0}100%{background-position:200% 0}}

/* @mention autocomplete kutusu */
.chat-alt{position:relative}
.mention-kutu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 -8px 30px rgba(0,0,0,.5);z-index:30;max-height:260px;overflow-y:auto}
.mention-oge{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;transition:.12s}
.mention-oge:hover,.mention-oge.secili{background:var(--panel2)}
.mention-oge.secili{border-left:3px solid var(--red)}
.mention-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--panel2)}
.mention-avatar.ev{display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:900}
.mention-ad{font-weight:700;font-size:14px}
.mention-discord{color:var(--muted);font-size:12.5px;margin-left:auto}

/* Sohbet — yanıtlama */
.yanit-bar{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);
  border-left:3px solid var(--red);border-radius:10px;padding:8px 12px;margin-bottom:8px}
.yanit-bar-icerik{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yanit-bar-icerik b{color:var(--red);margin-right:6px}
.yanit-bar-icerik span{color:var(--muted)}
.yanit-ok{color:var(--red);font-size:16px;font-weight:900}
.yanit-kapat{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer}
.yanit-kapat:hover{color:var(--red)}
.yanit-onizleme{background:rgba(139,124,255,.1);border-left:2px solid var(--violet);border-radius:6px;
  padding:5px 9px;margin-bottom:6px;font-size:12.5px;cursor:pointer;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yanit-onizleme b{color:var(--violet);margin:0 5px}
.yanit-onizleme:hover{background:rgba(139,124,255,.18)}
.msg-aksiyon{display:inline-flex;gap:2px;margin-left:8px}
.msg-yanitla{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;opacity:.5;transition:.15s}
.msg-yanitla:hover{opacity:1;color:var(--violet)}
.chat-msg.vurgu .chat-bubble{animation:vurgula 1.6s ease}
@keyframes vurgula{0%,100%{box-shadow:0 0 0 rgba(255,61,90,0)}30%{box-shadow:0 0 0 2px var(--red),0 0 20px rgba(255,61,90,.5)}}

/* Görünüm paneli (admin) */
.oniz-logo{height:60px;max-width:200px;object-fit:contain;background:var(--panel2);border:1px solid var(--line);
  border-radius:10px;padding:8px;margin-bottom:10px;display:block}
.oniz-logo.buyuk{height:110px;max-width:260px}
.oniz-arkaplan{height:120px;border-radius:12px;border:1px solid var(--line);background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;margin-bottom:10px;background-color:var(--panel2)}
.switch-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--txt);font-weight:600}
.switch-label input{width:auto;margin:0}
input[type=color]{height:44px;padding:4px;cursor:pointer}

/* ═══════════ v4 — Dashboard / Takvim / İlerleme ═══════════ */

/* Ana panel grid */
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:800px){.panel-grid{grid-template-columns:1fr}}
.panel-kart{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:16px}
.panel-baslik{font-size:15px;font-weight:800;margin-bottom:14px;color:var(--txt)}

/* Online göstergesi */
.online-kart{display:flex;flex-direction:column;gap:12px}
.online-satir{display:flex;align-items:center;gap:10px}
.online-nokta{width:11px;height:11px;border-radius:50%;background:#39d353;box-shadow:0 0 10px #39d353;animation:nabiz 1.6s ease infinite;flex-shrink:0}
.online-nokta.discord{background:#5865F2;box-shadow:0 0 10px #5865F2}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.4}}
.online-sayi{font-family:var(--disp);font-size:26px;font-weight:800;color:var(--txt);min-width:32px}
.online-etiket{color:var(--muted);font-size:13.5px}
.dc-btn{align-self:flex-start;margin-top:4px;text-decoration:none;background:#5865F2!important}
.dc-btn:hover{background:#4752c4!important}

/* İlerleme çubuğu */
.ilerleme-cubuk{position:relative;height:22px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:8px 0}
.ilerleme-cubuk.buyuk{height:26px;margin:12px 0}
.ilerleme-dolu{height:100%;background:linear-gradient(90deg,var(--red),var(--violet));border-radius:999px;transition:width .5s ease;min-width:2px}
.ilerleme-yazi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}

/* Yakın teslimler */
.teslim-satir{padding:10px 0;border-bottom:1px solid var(--line)}
.teslim-satir:last-child{border-bottom:none}
.teslim-satir.acil .teslim-tarih{color:var(--red);font-weight:800}
.teslim-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.teslim-tarih{color:var(--muted);font-size:12.5px}

/* Son aktiviteler */
.aktivite-satir{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.aktivite-satir:last-child{border-bottom:none}
.aktivite-ikon{font-size:17px;width:26px;text-align:center;flex-shrink:0}
.aktivite-zaman{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}

/* Takvim */
.takvim-kart.yakin{border-color:var(--red);box-shadow:0 0 16px rgba(255,61,90,.15)}
.takvim-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.acil-yazi{color:var(--red)}

/* Bildirim paneli */
.bildirim-kart{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bildirim-kart.yeni{border-left:3px solid var(--red);background:rgba(255,61,90,.05)}

/* Range input */
input[type=range]{width:100%;accent-color:var(--red);cursor:pointer;height:auto;padding:0;margin-top:6px}

/* ═══════════════ v5 ÖZELLİKLERİ ═══════════════ */

/* ── Yeni Logo (sol üst) ── */
.logo-marka{display:flex;flex-direction:column;line-height:1;gap:2px}
.logo-txt{font-family:var(--disp);font-weight:800;font-size:22px;letter-spacing:.14em;color:var(--txt)}
.logo-ilk{color:var(--red);text-shadow:0 0 14px rgba(255,61,90,.55)}
.logo-alt{font-size:9px;letter-spacing:.5em;color:var(--muted);opacity:.7;padding-left:2px}
.logo-ozel-img{height:38px;max-width:150px;object-fit:contain}

/* ── Arama ── */
.side-ara{position:relative;margin-bottom:14px}
.side-ara input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--txt);font-size:13px}
.ara-sonuc{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.55);z-index:60;max-height:60vh;overflow-y:auto;padding:6px}
.ara-bolum{margin-bottom:4px}
.ara-baslik{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:6px 8px 3px}
.ara-oge{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer;text-decoration:none;color:var(--txt);font-size:13.5px}
.ara-oge:hover{background:var(--panel2)}
.ara-ikon{width:22px;text-align:center}
.ara-alt{margin-left:auto;color:var(--muted);font-size:12px}
.ara-bos{padding:14px;text-align:center;color:var(--muted);font-size:13px}

/* ── Bilgi Bankası ── */
.bilgi-bar{flex-wrap:wrap}
.bilgi-kart h3{color:var(--red)}
.ders-video{width:100%;max-width:560px;border-radius:12px;margin-top:10px;background:#000}
.fnote-mini{font-size:11px;color:var(--muted);font-weight:400}

/* ── Çalışma Alanı (yapışkan notlar) ── */
.calisma-ust{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
@media(max-width:760px){.calisma-ust{grid-template-columns:1fr}}
.davet-satir{display:flex;gap:8px}
.davet-satir input{flex:1}
.davetli-liste{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.davetli-etiket{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 6px 3px 11px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px}
.davetli-etiket button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px}
.davetli-etiket button:hover{color:var(--red)}
.renk-secici{display:flex;gap:8px;margin:8px 0}
.renk-nokta{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:.15s}
.renk-nokta.secili{border-color:var(--txt);transform:scale(1.12)}
.renk-nokta.sari{background:#F5D061}.renk-nokta.pembe{background:#F58EB4}
.renk-nokta.mavi{background:#7EC4F5}.renk-nokta.yesil{background:#8FE0A0}.renk-nokta.mor{background:#B49CF5}
/* (eski grid kaldırıldı — tuval kullanılıyor) */
.not-kagit{border-radius:12px;padding:14px;min-height:120px;box-shadow:0 6px 18px rgba(0,0,0,.28);color:#1a1a1a;transform:rotate(-.6deg);transition:.18s;position:relative}
.not-kagit:nth-child(even){transform:rotate(.7deg)}
.not-kagit:hover{transform:rotate(0) translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.4)}
.not-kagit.renk-sari{background:#F7E6A2}.not-kagit.renk-pembe{background:#F8C5D9}
.not-kagit.renk-mavi{background:#BFE0F7}.not-kagit.renk-yesil{background:#C3EFCC}.not-kagit.renk-mor{background:#D8CBF7}
.not-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;font-size:15px;margin-bottom:6px}
.not-sil{background:none;border:none;cursor:pointer;color:#00000066;font-size:13px}
.not-sil:hover{color:#c0223c}
.not-govde{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.not-alt{font-size:10.5px;color:#00000077;margin-top:10px}
.davetli-alan{margin-top:16px}
.davetli-alan h4{color:var(--violet);margin-bottom:8px}

/* ── Profil Modalı ── */
.modal-arka{position:fixed;inset:0;background:rgba(3,3,8,.78);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalGir .25s ease}
@keyframes modalGir{from{opacity:0}to{opacity:1}}
.profil-kart{background:var(--panel);border:1px solid var(--line);border-radius:20px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;position:relative;animation:kartGir .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes kartGir{from{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.modal-kapat{position:absolute;top:12px;right:12px;z-index:3;background:rgba(0,0,0,.4);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px}
.modal-kapat:hover{background:var(--red)}
.profil-banner{height:150px;background:linear-gradient(135deg,var(--red),var(--violet));background-size:cover;background-position:center;border-radius:20px 20px 0 0}
.profil-banner.bos{background:linear-gradient(135deg,var(--red),var(--violet))}
.profil-ust{display:flex;align-items:flex-end;gap:16px;padding:0 22px;margin-top:-44px}
.profil-avatar-wrap .avatar-wrap .avatar{width:92px;height:92px;border:4px solid var(--panel)}
.profil-adlar{padding-bottom:8px}
.profil-adlar h2{font-family:var(--disp);font-size:22px}
.profil-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.online-badge{background:rgba(57,211,83,.15)!important;border-color:#39d35366!important;color:#39d353!important}
.profil-govde{padding:16px 22px 22px}
.profil-bolum{margin-bottom:16px}
.profil-bolum h4{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.pm-hakkimda{line-height:1.6;color:var(--txt)}
#pmDemolar{display:flex;flex-direction:column;gap:6px}

/* ═══════════ PROFİL ÇERÇEVELERİ (Discord tarzı, animasyonlu) ═══════════ */
.avatar-wrap{position:relative;display:inline-block}
/* Çerçeve halkası — avatarın etrafını saran dönen/parlayan katman */
.avatar-wrap[class*="cerceve-"]::before{content:"";position:absolute;inset:-5px;border-radius:50%;z-index:0;pointer-events:none}
.avatar-wrap[class*="cerceve-"] .avatar{position:relative;z-index:1}

/* Sakura — pembe dönen degrade + parlama */
.cerceve-sakura::before{background:conic-gradient(from 0deg,#F58EB4,#ffd6e8,#F58EB4,#ff8fc4,#F58EB4);animation:cerceveDon 6s linear infinite;box-shadow:0 0 14px rgba(245,142,180,.7)}
/* Ateş — turuncu/kırmızı titreşen */
.cerceve-ates::before{background:conic-gradient(from 0deg,#ff5722,#ffc107,#ff5722,#ff9800,#ff5722);animation:cerceveDon 3s linear infinite;box-shadow:0 0 16px rgba(255,87,34,.8)}
/* Buz — mavi/cam parlaması */
.cerceve-buz::before{background:conic-gradient(from 0deg,#7EC4F5,#e0f7ff,#7EC4F5,#a0d8ff,#7EC4F5);animation:cerceveDon 8s linear infinite;box-shadow:0 0 16px rgba(126,196,245,.8)}
/* Neon — mor nabız */
.cerceve-neon::before{background:conic-gradient(from 0deg,#8B7CFF,#d0c4ff,#8B7CFF,#a855f7,#8B7CFF);animation:cerceveDon 4s linear infinite;box-shadow:0 0 18px rgba(139,124,255,.9)}
/* Altın — sarı lüks parlama */
.cerceve-altin::before{background:conic-gradient(from 0deg,#E7C878,#fff3c4,#E7C878,#d4af37,#E7C878);animation:cerceveDon 5s linear infinite;box-shadow:0 0 16px rgba(231,200,120,.85)}
/* Katana — gümüş/çelik */
.cerceve-katana::before{background:conic-gradient(from 0deg,#9AA7B5,#e8eef4,#9AA7B5,#c0ccd8,#9AA7B5);animation:cerceveDon 7s linear infinite;box-shadow:0 0 14px rgba(154,167,181,.7)}
/* Gökkuşağı — renkli dönen */
.cerceve-gokkusagi::before{background:conic-gradient(from 0deg,#ff5722,#ffc107,#8fe0a0,#7EC4F5,#8B7CFF,#F58EB4,#ff5722);animation:cerceveDon 4s linear infinite;box-shadow:0 0 16px rgba(139,124,255,.6)}
/* Kurbağa — yeşil, sabit sevimli */
.cerceve-kurbaga::before{background:conic-gradient(from 0deg,#8fe0a0,#c3efcc,#8fe0a0,#6bcf7f,#8fe0a0);animation:cerceveDon 9s linear infinite;box-shadow:0 0 14px rgba(143,224,160,.7)}
@keyframes cerceveDon{to{transform:rotate(360deg)}}

/* Çerçeve seçici (Profilim'de) */
.cerceve-secici{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.cerceve-onizle{text-align:center;cursor:pointer;font-size:11px;color:var(--muted);opacity:.75;transition:.15s;width:62px}
.cerceve-onizle.secili{opacity:1;color:var(--txt);transform:scale(1.05)}
.cerceve-onizle:hover{opacity:1}
.co-avatar{position:relative;width:50px;height:50px;border-radius:50%;background:var(--panel2) url('logo.png') center/60% no-repeat;display:block;margin:0 auto 6px;border:1px solid var(--line)}
.co-avatar .co-img{display:none}
/* Önizleme çerçeveleri (seçicideki mini avatarlar) */
.cframe::before{content:"";position:absolute;inset:-4px;border-radius:50%;z-index:0}
.cframe-yok{background:var(--panel2)}
.cframe-yok::before{display:none}
.cframe-sakura::before{background:conic-gradient(from 0deg,#F58EB4,#ffd6e8,#F58EB4);animation:cerceveDon 6s linear infinite;box-shadow:0 0 8px rgba(245,142,180,.6)}
.cframe-ates::before{background:conic-gradient(from 0deg,#ff5722,#ffc107,#ff5722);animation:cerceveDon 3s linear infinite;box-shadow:0 0 8px rgba(255,87,34,.7)}
.cframe-buz::before{background:conic-gradient(from 0deg,#7EC4F5,#e0f7ff,#7EC4F5);animation:cerceveDon 8s linear infinite;box-shadow:0 0 8px rgba(126,196,245,.7)}
.cframe-neon::before{background:conic-gradient(from 0deg,#8B7CFF,#d0c4ff,#8B7CFF);animation:cerceveDon 4s linear infinite;box-shadow:0 0 9px rgba(139,124,255,.8)}
.cframe-altin::before{background:conic-gradient(from 0deg,#E7C878,#fff3c4,#E7C878);animation:cerceveDon 5s linear infinite;box-shadow:0 0 8px rgba(231,200,120,.75)}
.cframe-katana::before{background:conic-gradient(from 0deg,#9AA7B5,#e8eef4,#9AA7B5);animation:cerceveDon 7s linear infinite;box-shadow:0 0 8px rgba(154,167,181,.6)}
.cframe-gokkusagi::before{background:conic-gradient(from 0deg,#ff5722,#ffc107,#8fe0a0,#7EC4F5,#8B7CFF,#F58EB4,#ff5722);animation:cerceveDon 4s linear infinite}
.cframe-kurbaga::before{background:conic-gradient(from 0deg,#8fe0a0,#c3efcc,#8fe0a0);animation:cerceveDon 9s linear infinite;box-shadow:0 0 8px rgba(143,224,160,.6)}
.co-avatar.cframe > .co-img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover}

/* ── Tema Seçici (admin) ── */
.tema-secici{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.tema-kart{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px;transition:.15s}
.tema-kart span{width:16px;height:16px;border-radius:50%;display:inline-block}
.tema-kart.secili{border-color:var(--red);background:var(--panel2)}
.tema-kart.t-gece span{background:#07070F;border:1px solid #333}
.tema-kart.t-sakura span{background:#120A10;border:1px solid #F58EB4}
.tema-kart.t-okyanus span{background:#050D14;border:1px solid #7EC4F5}
.tema-kart.t-altin span{background:#0F0B06;border:1px solid var(--gold)}

/* ── Sekme Düzenleyici (admin) ── */
.sekme-satir{display:flex;gap:8px;margin-bottom:8px}
.sekme-emoji{width:60px;text-align:center;font-size:16px}
.sekme-ad{flex:1}

/* ── Parçacık canvas ── */
#parcaciklar{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5}

/* ── Sayfa geçiş animasyonu ── */
.tabpane:not(.hidden){animation:sekmeGir .32s ease}
@keyframes sekmeGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Aktivite temizle butonu başlıkta */
.panel-baslik .aktivite-temizle{float:right;font-size:11px}

/* ═══════════════ AI ÖZELLİKLERİ ═══════════════ */
.ai-kapali{background:rgba(255,61,90,.08);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}
.ai-kapali code{background:var(--panel2);padding:2px 6px;border-radius:5px;font-size:12px}

/* AI sohbet */
.ai-chat-kutu{display:flex;flex-direction:column;height:calc(100vh - 240px);min-height:400px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ai-mesajlar{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.ai-msg{display:flex;max-width:82%}
.ai-msg.user{align-self:flex-end;justify-content:flex-end}
.ai-msg.bot{align-self:flex-start}
.ai-balon{padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ai-msg.user .ai-balon{background:linear-gradient(135deg,var(--red),var(--violet));color:#fff;border-bottom-right-radius:4px}
.ai-msg.bot .ai-balon{background:var(--panel2);border:1px solid var(--line);border-bottom-left-radius:4px}
.ai-balon.yaziyor{animation:aiYanip 1.2s ease infinite}
@keyframes aiYanip{0%,100%{opacity:.5}50%{opacity:1}}
.ai-giris{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:var(--panel2)}
.ai-giris textarea{flex:1;resize:none;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--txt);font-family:inherit;font-size:14px;max-height:120px}
.ai-giris button{align-self:flex-end}

/* AI Stüdyo sonuçları */
.ai-sonuc{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;animation:sekmeGir .3s ease}
.ai-sonuc-baslik{font-size:13px;color:var(--gold);font-weight:700;margin-bottom:8px}
.ai-sonuc-metin{line-height:1.65;font-size:14.5px;margin-bottom:12px;white-space:pre-wrap}
.ai-yukleniyor{color:var(--violet);animation:aiYanip 1.2s ease infinite}

/* ═══════════════ ROZETLER & İSTATİSTİK ═══════════════ */
.pm-rozetler{display:flex;flex-wrap:wrap;gap:8px}
.rozet{display:inline-flex;align-items:center;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}
.rozet.gold{background:rgba(231,200,120,.12);border-color:rgba(231,200,120,.4);color:var(--gold)}
.rozet.violet{background:rgba(139,124,255,.12);border-color:rgba(139,124,255,.4);color:var(--violet)}
.rozet.pembe{background:rgba(245,142,180,.12);border-color:rgba(245,142,180,.4);color:#F58EB4}

/* İstatistik panosu */
.stats-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-bottom:18px}
.stat-kutu{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center}
.stat-ikon{font-size:22px;margin-bottom:6px}
.stat-sayi{font-family:var(--disp);font-size:26px;font-weight:800;color:var(--txt)}
.stat-etiket{font-size:12px;color:var(--muted);margin-top:2px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.stats-grid{grid-template-columns:1fr}}
.stats-grafik{display:flex;align-items:flex-end;gap:5px;height:150px;padding-top:10px}
.grafik-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:5px}
.grafik-bar{width:100%;min-height:3px;background:linear-gradient(180deg,var(--red),var(--violet));border-radius:4px 4px 0 0;transition:.3s}
.grafik-etiket{font-size:9px;color:var(--muted);white-space:nowrap;transform:rotate(-45deg)}
.dagilim-satir{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.dagilim-satir:last-child{border-bottom:none}
.dagilim-satir b{color:var(--red)}

/* ═══════════ ÇALIŞMA ALANI — WHIMSICAL TARZI TUVAL ═══════════ */
.calisma-btnlar{display:flex;gap:8px;flex-wrap:wrap}
.pano-arac{display:flex;align-items:center;gap:12px;margin:14px 0 8px;flex-wrap:wrap}
.pano-arac .btn-mini.aktif{background:var(--red);color:#fff;border-color:var(--red)}
.not-pano-tuval{position:relative;min-height:420px;background:var(--panel);
  background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:22px 22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:6px}
.pano-bos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}
.ok-katman{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ok-cizgi{stroke:var(--violet);stroke-width:2.5;opacity:.75;pointer-events:stroke;cursor:pointer}
.ok-cizgi:hover{stroke:var(--red);opacity:1;stroke-width:3.5}
.ok-ucu{fill:var(--violet)}
/* Tuvaldeki not kağıtları — mutlak konumlu, sürüklenebilir */
.not-pano-tuval .not-kagit{position:absolute;width:190px;z-index:2;cursor:grab;user-select:none;transform:rotate(-.5deg)}
.not-pano-tuval .not-kagit:nth-child(even){transform:rotate(.6deg)}
.not-pano-tuval .not-kagit.suruklenor{cursor:grabbing;z-index:10;transform:rotate(0) scale(1.04);box-shadow:0 16px 36px rgba(0,0,0,.5)}
.not-pano-tuval .not-kagit.ok-secili{outline:3px solid var(--violet);outline-offset:2px}
.not-pano-tuval .not-kagit:hover{transform:rotate(0) translateY(-2px)}
.not-resim{width:100%;border-radius:8px;display:block;margin:4px 0;pointer-events:none}
.resim-not{width:210px}

/* ═══════════════ OYUNLAR ═══════════════ */
.oyun-duzen{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:14px}
@media(max-width:820px){.oyun-duzen{grid-template-columns:1fr}}
.oyun-bilgi{display:flex;gap:20px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:13px 18px;margin-bottom:12px;font-size:15px}
.oyun-bilgi b{color:var(--red);font-family:var(--disp);font-size:17px}
.oyun-tuval-kutu{position:relative;display:inline-block;line-height:0}
.oyun-tuval-kutu canvas{border:1px solid var(--line);border-radius:14px;background:#0a0a14;
  max-width:100%;height:auto;touch-action:manipulation;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#tetrisCanvas{width:340px}
#balonCanvas{width:620px}
@media(max-width:820px){#tetrisCanvas{width:min(94vw,340px)}#balonCanvas{width:min(94vw,620px)}}
.oyun-baslat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;white-space:nowrap}
.oyun-kontrol{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.oyun-kontrol .btn-mini{font-size:17px;padding:8px 14px}
@media(min-width:821px){.oyun-kontrol{display:none}} /* masaüstünde klavye yeter */

/* Skor tablosu */
.skor-tablo{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:230px}
.skor-baslik{font-size:13px;color:var(--gold);font-weight:700;margin-bottom:10px;letter-spacing:.04em}
.skor-satir{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:9px;font-size:13.5px}
.skor-satir.ben{background:rgba(255,61,90,.1);border:1px solid rgba(255,61,90,.3)}
.skor-sira{width:22px;text-align:center;font-size:14px}
.skor-ad{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skor-puan{color:var(--red);font-family:var(--disp)}
.skor-benim{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.skor-benim b{color:var(--gold)}

/* ── Sekme ikonları (emoji yerine görsel) ── */
.sekme-ikon{width:18px;height:18px;object-fit:contain;vertical-align:-3px;border-radius:4px}
.sekme-ikon.buyuk{width:26px;height:26px;vertical-align:middle}
.pane-title .sekme-ikon{width:26px;height:26px;vertical-align:-5px}
.sekme-satir{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.sekme-onizle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:var(--panel2);border:1px solid var(--line);border-radius:9px;flex-shrink:0}
.sekme-emoji-onizle{font-size:17px}

/* ── AI: ses dökümü & görsel analiz ── */
.ses-dokum{max-height:420px;overflow-y:auto;background:var(--panel2);border:1px solid var(--line);
  border-radius:10px;padding:12px;margin-bottom:12px;font-size:14px;line-height:1.6}
.ses-satir{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ses-satir:last-child{border-bottom:none}
.ses-zaman{color:var(--violet);font-size:12px;font-family:monospace;flex-shrink:0;padding-top:2px;min-width:96px}
.ai-btn-sira{display:flex;gap:8px;flex-wrap:wrap}
.gorsel-onizle{max-width:100%;max-height:280px;border-radius:10px;margin-bottom:12px;display:block;border:1px solid var(--line)}

/* ── Sahne tanıma sonuçları ── */
.sahne-kart{display:flex;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;
  padding:12px;margin-bottom:12px;flex-wrap:wrap}
.sahne-kart.ilk{border-color:rgba(231,200,120,.45);box-shadow:0 0 0 1px rgba(231,200,120,.15)}
.sahne-onizle{width:240px;max-width:100%;border-radius:9px;background:#000;flex-shrink:0}
.sahne-bilgi{flex:1;min-width:180px}
.sahne-bilgi h4{font-size:16px;margin-bottom:2px;color:var(--txt)}
.sahne-alt{font-size:12px;color:var(--muted);margin-bottom:8px}
.sahne-satir{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13.5px;
  border-bottom:1px solid rgba(255,255,255,.05)}
.sahne-satir:last-of-type{border-bottom:none}
.sahne-satir span{color:var(--muted)}
.sahne-guven{margin-top:8px;font-size:12px;font-weight:700}
.guven-yuksek{color:#8FE0A0}
.guven-orta{color:var(--gold)}
.guven-dusuk{color:var(--red)}

/* ── AI model listesi (teşhis) ── */
.model-durum{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;
  margin-bottom:10px;font-size:13.5px;line-height:1.9}
.model-liste{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow-y:auto}
.model-liste code{background:var(--panel2);border:1px solid var(--line);border-radius:6px;
  padding:3px 8px;font-size:11.5px;color:var(--muted)}

/* ═══════════════ DRAMA0 — sessiz mod ═══════════════ */
.sohbet-ust{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sohbet-sarmal{position:relative}

/* Buton — sağ üstte, sakin bir gece teması */
.drama0-btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  background:linear-gradient(135deg,rgba(139,124,255,.14),rgba(126,196,245,.10));
  border:1px solid rgba(139,124,255,.35);border-radius:999px;padding:8px 16px;
  color:var(--txt);font-weight:700;font-size:13px;font-family:inherit;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s,background .22s}
.drama0-btn:hover{transform:translateY(-2px);border-color:rgba(139,124,255,.7);
  box-shadow:0 6px 20px rgba(139,124,255,.28)}
.drama0-btn .d0-ikon{font-size:16px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.drama0-btn .d0-durum{font-size:11px;color:var(--muted);background:rgba(255,255,255,.06);
  border-radius:999px;padding:2px 9px;font-weight:800;letter-spacing:.03em}
/* Açıkken: mor parlama + ay döner */
.drama0-btn.acik{background:linear-gradient(135deg,rgba(139,124,255,.34),rgba(245,142,180,.20));
  border-color:rgba(139,124,255,.85);box-shadow:0 0 22px rgba(139,124,255,.4)}
.drama0-btn.acik .d0-ikon{transform:rotate(-25deg) scale(1.18)}
.drama0-btn.acik .d0-durum{color:#fff;background:rgba(139,124,255,.55)}

/* Sohbet bulanıklığı */
.chat-box.drama0-bulanik{filter:blur(9px) saturate(.6) brightness(.75);
  pointer-events:none;user-select:none;transition:filter .35s ease}

/* Perde — bulanık sohbetin üstünde duran panel */
.drama0-perde{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  z-index:5;border-radius:14px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 35%,rgba(139,124,255,.20),rgba(10,10,20,.82) 68%)}
.drama0-perde .d0-icerik{text-align:center;padding:22px;max-width:340px}
.drama0-perde h3{font-family:var(--disp);color:#cfc6ff;font-size:21px;margin:10px 0 8px;
  text-shadow:0 0 22px rgba(139,124,255,.65)}
.drama0-perde p{color:var(--muted);font-size:13.5px;line-height:1.7;margin-bottom:16px}
/* (d0-ay aşağıdaki çizilmiş ikon bölümünde tanımlı) */
@keyframes d0AySuzul{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-11px) rotate(6deg)}}

/* Açılış: perde yukarıdan iner + içerik büyüyerek belirir */
.d0-acilis{animation:d0PerdeIn .42s cubic-bezier(.22,1,.36,1)}
.d0-acilis .d0-icerik{animation:d0IcerikIn .5s .1s cubic-bezier(.34,1.56,.64,1) backwards}
@keyframes d0PerdeIn{from{clip-path:inset(0 0 100% 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes d0IcerikIn{from{opacity:0;transform:scale(.82) translateY(14px)}to{opacity:1;transform:none}}
/* Kapanış: perde aşağı doğru sıyrılır (farklı yön = farklı his) */
.d0-kapanis{animation:d0PerdeOut .32s cubic-bezier(.55,0,.68,.2) forwards}
@keyframes d0PerdeOut{from{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(100% 0 0 0);opacity:0}}
@media(max-width:640px){.drama0-btn .d0-yazi{display:none}}

/* ═══════════ SAYFA GEÇİŞ ANİMASYONU ═══════════
   Yalnızca opacity + translate3d kullanılır (GPU'da bedava).
   scale/filter kullanılmaz — onlar yeniden çizim tetikleyip kasma hissi verir. */
.tabpane{
  animation:sayfaGir .19s cubic-bezier(.16,1,.3,1) both;
  will-change:opacity,transform;
  backface-visibility:hidden}
@keyframes sayfaGir{
  from{opacity:0;transform:translate3d(0,7px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
/* İçerik hafif kademeli belirir — "açılıyor" hissi verir, beklemez.
   Sadece ilk 4 öğe; gerisi anında gelir ki uzun sayfalar yavaş hissettirmesin. */
.tabpane > *:nth-child(1){animation:iceriGir .22s cubic-bezier(.16,1,.3,1) .02s both}
.tabpane > *:nth-child(2){animation:iceriGir .22s cubic-bezier(.16,1,.3,1) .05s both}
.tabpane > *:nth-child(3){animation:iceriGir .22s cubic-bezier(.16,1,.3,1) .08s both}
.tabpane > *:nth-child(4){animation:iceriGir .22s cubic-bezier(.16,1,.3,1) .11s both}
@keyframes iceriGir{
  from{opacity:0;transform:translate3d(0,9px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
/* Animasyon bitince will-change kalkmalı, yoksa bellek boşuna dolu kalır */
.tabpane:not(.hidden){animation-fill-mode:both}
/* Sol menüde aktif sekmeye küçük bir vurgu kayması */
.snav{transition:background .18s,color .18s,transform .18s cubic-bezier(.34,1.56,.64,1)}
.snav:hover{transform:translateX(3px)}
/* Hareket azaltma tercihi olan kullanıcılara saygı */
@media(prefers-reduced-motion:reduce){
  .tabpane{animation:none}
  .d0-acilis,.d0-kapanis,.d0-ay{animation:none}
  .snav:hover{transform:none}
}

/* ═══════════════ SİTE MÜZİĞİ ═══════════════ */
.muzik-gizli{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px}
.muzik-kart{display:flex;gap:24px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(139,124,255,.10),rgba(245,142,180,.07));
  border:1px solid rgba(139,124,255,.28);border-radius:18px;padding:22px;margin-top:16px}

/* Sol: dönen plak + ses dalgası */
.muzik-gorsel{display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0}
.plak{width:120px;height:120px;border-radius:50%;position:relative;
  background:repeating-radial-gradient(circle at center,#15151f 0 3px,#1d1d2b 3px 6px);
  border:2px solid rgba(139,124,255,.4);box-shadow:0 8px 28px rgba(0,0,0,.5)}
.plak::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 85%,rgba(255,255,255,.10) 90%,transparent 100%)}
.plak-orta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--violet),var(--red));
  box-shadow:0 0 16px rgba(139,124,255,.75)}
.plak-orta::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:8px;height:8px;border-radius:50%;background:var(--panel)}
.plak.donuyor{animation:plakDon 3.2s linear infinite}
@keyframes plakDon{to{transform:rotate(360deg)}}

/* Ses dalgası çubukları */
.dalga{display:flex;align-items:flex-end;gap:3px;height:26px}
.dalga span{width:4px;height:5px;border-radius:2px;
  background:linear-gradient(180deg,var(--violet),var(--red));opacity:.35;transition:opacity .3s}
.dalga.aktif span{opacity:1;animation:dalgaZipla 1s ease-in-out infinite}
.dalga.aktif span:nth-child(1){animation-delay:0s}    .dalga.aktif span:nth-child(2){animation-delay:.12s}
.dalga.aktif span:nth-child(3){animation-delay:.24s}  .dalga.aktif span:nth-child(4){animation-delay:.08s}
.dalga.aktif span:nth-child(5){animation-delay:.3s}   .dalga.aktif span:nth-child(6){animation-delay:.18s}
.dalga.aktif span:nth-child(7){animation-delay:.05s}  .dalga.aktif span:nth-child(8){animation-delay:.26s}
.dalga.aktif span:nth-child(9){animation-delay:.14s}  .dalga.aktif span:nth-child(10){animation-delay:.2s}
@keyframes dalgaZipla{0%,100%{height:5px}50%{height:24px}}

/* Sağ: bilgi + kontroller */
.muzik-icerik{flex:1;min-width:270px}
.muzik-baslik{font-family:var(--disp);font-size:18px;color:var(--txt);margin-bottom:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muzik-durum{font-size:12.5px;color:var(--muted);margin-bottom:16px}
.muzik-giris{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.muzik-giris input{flex:1;min-width:200px}
.muzik-kontrol{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
/* (eski emoji tuşlar kaldırıldı — mz-tus kullanılıyor) */
.muzik-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);color:var(--txt);font-size:15px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.18s}
.muzik-btn:hover{background:rgba(255,61,90,.2);border-color:rgba(255,61,90,.5)}

/* Ses kaydırıcı */
.ses-kaydirici{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}
.ses-ikon{cursor:pointer;font-size:17px;user-select:none;transition:transform .18s}
.ses-ikon:hover{transform:scale(1.18)}
.ses-deger{font-size:12px;color:var(--muted);min-width:38px;font-family:monospace}
.ses-kaydirici input[type=range]{flex:1;height:5px;border-radius:99px;appearance:none;cursor:pointer;
  background:linear-gradient(90deg,var(--violet),var(--red));outline:none}
.ses-kaydirici input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;
  border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(139,124,255,.9);cursor:pointer;
  transition:transform .15s}
.ses-kaydirici input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}
.ses-kaydirici input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;
  border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(139,124,255,.9);cursor:pointer}

.muzik-secenek{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);cursor:pointer}
.muzik-secenek input{width:auto;margin:0;cursor:pointer}
@media(prefers-reduced-motion:reduce){.plak.donuyor,.dalga.aktif span{animation:none}}

/* ═══════════════ PWA — KURULUM BUTONU & MODAL ═══════════════ */
.kurulum-btn{display:flex;align-items:center;gap:11px;width:100%;cursor:pointer;margin-bottom:10px;
  background:linear-gradient(135deg,rgba(139,124,255,.16),rgba(245,142,180,.10));
  border:1px solid rgba(139,124,255,.4);border-radius:12px;padding:11px 13px;
  color:var(--txt);font-family:inherit;text-align:left;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s}
.kurulum-btn:hover{transform:translateY(-2px);border-color:rgba(139,124,255,.8);
  box-shadow:0 6px 22px rgba(139,124,255,.3)}
/* (ku-ikon aşağıdaki çizilmiş ikon bölümünde tanımlı) */
@keyframes kuSekme{0%,88%,100%{transform:translateY(0)}92%{transform:translateY(-4px)}96%{transform:translateY(-1px)}}
.kurulum-btn .ku-yazi{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.kurulum-btn .ku-yazi b{font-size:12.5px;font-weight:800}
.kurulum-btn .ku-yazi small{font-size:10.5px;color:var(--muted)}

/* Kurulum rehberi modalı */
.modal-arka{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;
  background:rgba(5,5,12,.78);backdrop-filter:blur(5px);padding:20px}
.modal-arka.acik{display:flex;animation:modalArkaIn .22s ease}
@keyframes modalArkaIn{from{opacity:0}to{opacity:1}}
.modal-kutu{background:var(--panel);border:1px solid var(--line);border-radius:18px;
  padding:22px;max-width:430px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.6);
  animation:modalKutuIn .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes modalKutuIn{from{opacity:0;transform:scale(.9) translateY(18px)}to{opacity:1;transform:none}}
.modal-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.modal-ust h3{font-family:var(--disp);font-size:18px;color:var(--gold)}
.modal-kapat{background:none;border:none;color:var(--muted);font-size:19px;cursor:pointer;
  padding:3px 7px;border-radius:7px;transition:.15s}
.modal-kapat:hover{background:rgba(255,255,255,.08);color:var(--txt)}
.kurulum-adim{margin:0 0 12px 18px;padding:0;color:var(--txt);font-size:14px;line-height:2}
.kurulum-adim li{margin-bottom:5px}
.kurulum-adim b{color:var(--violet)}
.ios-ikon{color:#4fb3ff;font-weight:900}

/* Yeni sürüm bildirimi */
.pwa-guncelle{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:950;
  display:flex;align-items:center;gap:12px;background:var(--panel);
  border:1px solid rgba(139,124,255,.5);border-radius:999px;padding:10px 14px 10px 18px;
  box-shadow:0 10px 34px rgba(0,0,0,.55);font-size:13.5px;
  animation:pwaGuncelleIn .38s cubic-bezier(.34,1.56,.64,1)}
@keyframes pwaGuncelleIn{from{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%,0)}}
.pwa-kapat{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:2px 5px}
.pwa-kapat:hover{color:var(--txt)}

/* Uygulama modunda açıldığında: telefon çentiği/alt çubuk için güvenli alan */
@media (display-mode: standalone){
  .sidebar{padding-top:max(22px,env(safe-area-inset-top))}
  .content{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.kurulum-btn .ku-ikon{animation:none}}

/* ═══════════════ PUSH BİLDİRİM KARTI ═══════════════ */
.push-kart{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:16px 0 22px;
  background:linear-gradient(135deg,rgba(139,124,255,.11),rgba(231,200,120,.06));
  border:1px solid rgba(139,124,255,.3);border-radius:16px;padding:20px}
.push-sol{flex-shrink:0}
/* (push-zil aşağıdaki çizilmiş ikon bölümünde tanımlı) */
@keyframes zilSalla{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(13deg)}
  92%{transform:rotate(-11deg)}96%{transform:rotate(5deg)}}
.push-icerik{flex:1;min-width:240px}
.push-icerik h4{font-family:var(--disp);font-size:16px;color:var(--txt);margin-bottom:7px}
.push-durum{font-size:13.5px;line-height:1.6;margin-bottom:13px}
.push-btnlar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.push-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;
  background:rgba(139,124,255,.18);border:1px solid rgba(139,124,255,.5);border-radius:999px;
  padding:9px 18px;color:var(--txt);font-weight:700;font-size:13px;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s}
.push-btn:hover:not(:disabled){transform:translateY(-2px);background:rgba(139,124,255,.32);
  box-shadow:0 6px 20px rgba(139,124,255,.32)}
.push-btn:disabled{opacity:.55;cursor:not-allowed}
.push-btn.acik{background:rgba(143,224,160,.16);border-color:rgba(143,224,160,.5)}
.push-btn.acik:hover{background:rgba(255,61,90,.2);border-color:rgba(255,61,90,.5)}
@media(prefers-reduced-motion:reduce){.push-zil{animation:none}}

/* ═══════════════ ÇALMA LİSTELERİ ═══════════════ */
.liste-bolum{margin-top:26px}
.liste-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.liste-ust .fsec{margin:0}
.liste-ust-btn{display:flex;gap:8px;flex-wrap:wrap}
.liste-duzen{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:start}
@media(max-width:760px){.liste-duzen{grid-template-columns:1fr}}

/* Sol: liste sekmeleri */
.liste-sol{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:9px}
.liste-sekme{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
  background:none;border:1px solid transparent;border-radius:9px;padding:9px 11px;cursor:pointer;
  color:var(--muted);font-family:inherit;font-size:13px;text-align:left;transition:.16s}
.liste-sekme:hover{background:rgba(255,255,255,.05);color:var(--txt)}
.liste-sekme.aktif{background:rgba(139,124,255,.16);border-color:rgba(139,124,255,.42);color:var(--txt);font-weight:700}
.liste-sekme.caliyor .ls-ad::before{content:"🎵 "}
.ls-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-sayi{font-size:11px;background:rgba(255,255,255,.08);border-radius:99px;padding:1px 7px;flex-shrink:0}

/* Sağ: şarkı listesi */
.liste-sag{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px}
.liste-baslik-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.liste-baslik-satir h4{font-family:var(--disp);font-size:16px;color:var(--txt)}
.liste-baslik-satir > div{display:flex;gap:6px;flex-wrap:wrap}
.sarki-listesi{max-height:340px;overflow-y:auto}
.sarki-satir{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;
  cursor:pointer;transition:background .15s}
.sarki-satir:hover{background:rgba(255,255,255,.05)}
.sarki-satir.caliyor{background:rgba(139,124,255,.15);box-shadow:inset 2px 0 0 var(--violet)}
.s-no{width:24px;text-align:center;color:var(--muted);font-size:12.5px;font-family:monospace;flex-shrink:0}
.sarki-satir.caliyor .s-no{color:var(--violet)}
.s-bilgi{flex:1;min-width:0}
.s-ad{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-sanatci{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-sil{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;
  padding:3px 6px;border-radius:6px;opacity:0;transition:.15s;flex-shrink:0}
.sarki-satir:hover .s-sil{opacity:1}
.s-sil:hover{background:rgba(255,61,90,.2);color:var(--red)}
.empty-note.kucuk{font-size:12px;padding:14px 8px;text-align:center}

/* Karıştır / tekrar aktif durumu */
.muzik-btn.aktif{background:rgba(139,124,255,.35);border-color:rgba(139,124,255,.8);
  box-shadow:0 0 14px rgba(139,124,255,.45)}

/* ═══════════════ SİSTEM DURUMU PANELİ ═══════════════ */
.sistem-kutu{margin-top:14px}
.sistem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px}
.sis-kart{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px}
.sis-kart h4{font-family:var(--disp);font-size:14px;color:var(--gold);margin-bottom:10px;
  padding-bottom:8px;border-bottom:1px solid var(--line)}
.sis-satir{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}
.sis-satir span{color:var(--muted)}
.sis-satir b{text-align:right;word-break:break-word}
.surum-rozet{background:rgba(139,124,255,.22);border:1px solid rgba(139,124,255,.5);
  border-radius:99px;padding:1px 10px;font-size:12px;color:#cfc6ff}

/* Yedekler */
.yedek-liste{margin-top:12px;max-height:330px;overflow-y:auto}
.yedek-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:7px}
.ye-bilgi{display:flex;flex-direction:column;min-width:0}
.ye-bilgi b{font-size:12.5px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ye-bilgi small{font-size:11px;color:var(--muted)}
.ye-btn{display:flex;gap:6px;flex-shrink:0}
.ye-btn .btn-mini{text-decoration:none;display:inline-flex;align-items:center}

/* ═══════════════ HIZLI GEÇİŞ PALETİ (Ctrl+K) ═══════════════ */
.palet-arka{position:fixed;inset:0;z-index:960;display:none;justify-content:center;
  align-items:flex-start;padding-top:12vh;background:rgba(5,5,12,.72);backdrop-filter:blur(6px)}
.palet-arka.acik{display:flex;animation:modalArkaIn .18s ease}
.palet{width:100%;max-width:520px;background:var(--panel);border:1px solid rgba(139,124,255,.4);
  border-radius:16px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.65);
  animation:paletIn .26s cubic-bezier(.34,1.56,.64,1)}
@keyframes paletIn{from{opacity:0;transform:scale(.94) translateY(-14px)}to{opacity:1;transform:none}}
.palet input{width:100%;background:none;border:none;border-bottom:1px solid var(--line);
  padding:16px 18px;font-size:15px;color:var(--txt);font-family:inherit;outline:none}
.palet input::placeholder{color:var(--muted)}
.palet-liste{max-height:340px;overflow-y:auto;padding:7px}
.palet-oge{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:9px;
  cursor:pointer;font-size:14px;transition:background .12s}
.palet-oge:hover,.palet-oge.secili{background:rgba(139,124,255,.2)}
.palet-oge .po-ikon{font-size:16px;width:22px;text-align:center;flex-shrink:0}
.palet-oge .po-alt{margin-left:auto;font-size:11px;color:var(--muted)}
.palet-bos{padding:22px;text-align:center;color:var(--muted);font-size:13.5px}
.palet-ipucu{padding:9px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);
  display:flex;gap:14px;flex-wrap:wrap}
.palet-ipucu kbd{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:5px;
  padding:1px 6px;font-family:monospace;font-size:10.5px}

/* ═══════════════ MÜZİK TUŞLARI — özel çizim, anime dokunuşu ═══════════════ */
.mz-tus{position:relative;width:42px;height:42px;border-radius:50%;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .22s,box-shadow .22s,background .22s}
.mz-tus svg{width:19px;height:19px;fill:var(--txt);opacity:.82;transition:fill .2s,opacity .2s,transform .2s}
/* Çizgi tipi ikonlar (karıştır/tekrar) dolgu değil kontur kullanır */
.mz-tus svg.cizgi{fill:none;stroke:var(--txt);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mz-tus svg.cizgi .ok{stroke-width:2}
.mz-tus:hover{transform:translateY(-3px);border-color:rgba(139,124,255,.55);
  background:linear-gradient(145deg,rgba(139,124,255,.2),rgba(139,124,255,.06));
  box-shadow:0 7px 20px rgba(139,124,255,.3)}
.mz-tus:hover svg{opacity:1}
.mz-tus:active{transform:translateY(-1px) scale(.94)}

/* Ana oynat tuşu — mor/kırmızı degrade, nefes alan halka */
.mz-tus.buyuk{width:58px;height:58px;border:none;
  background:linear-gradient(140deg,var(--violet),var(--red));
  box-shadow:0 6px 22px rgba(139,124,255,.5)}
.mz-tus.buyuk svg{width:25px;height:25px;fill:#fff;opacity:1}
.mz-tus.buyuk::before{content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1.5px solid rgba(139,124,255,.55);opacity:0;transition:opacity .3s}
.mz-tus.buyuk:hover{transform:translateY(-3px) scale(1.06);
  box-shadow:0 10px 30px rgba(139,124,255,.7)}
.mz-tus.buyuk:hover::before{opacity:1;animation:halkaNefes 2.2s ease-in-out infinite}
@keyframes halkaNefes{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.14);opacity:0}}
/* Çalarken sürekli nabız */
.mz-tus.buyuk.caliyor::before{opacity:1;animation:halkaNefes 2.2s ease-in-out infinite}
/* Oynat/duraklat ikon geçişi */
.ikon-durdur{display:none}
.mz-tus.buyuk.caliyor .ikon-oynat{display:none}
.mz-tus.buyuk.caliyor .ikon-durdur{display:block}

/* Karıştır / tekrar aktifken: mor parlama + küçük gösterge noktası */
.mz-tus.aktif{border-color:rgba(139,124,255,.85);
  background:linear-gradient(145deg,rgba(139,124,255,.34),rgba(245,142,180,.16));
  box-shadow:0 0 16px rgba(139,124,255,.45)}
.mz-tus.aktif svg{stroke:#cfc6ff;fill:none;opacity:1}
.mz-tus.aktif::after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);
  width:4px;height:4px;border-radius:50%;background:var(--violet);
  box-shadow:0 0 7px var(--violet)}
/* "Tekrar: tek şarkı" modunda küçük 1 rozeti */
.tekrar-bir{position:absolute;top:6px;right:7px;font-size:9px;font-weight:900;color:#cfc6ff;
  display:none;line-height:1}
.mz-tus.tek-sarki .tekrar-bir{display:block}
@media(prefers-reduced-motion:reduce){.mz-tus.buyuk::before{animation:none!important}}

/* ═══════════════ MİNİ OYNATICI (her sekmede köşede) ═══════════════ */
.mini-oynatici{position:fixed;bottom:18px;right:18px;z-index:880;display:flex;align-items:center;gap:11px;
  background:rgba(18,18,30,.92);backdrop-filter:blur(14px);
  border:1px solid rgba(139,124,255,.34);border-radius:999px;padding:8px 14px 8px 8px;
  box-shadow:0 12px 38px rgba(0,0,0,.55);max-width:min(330px,calc(100vw - 36px));
  transition:opacity .3s,transform .32s cubic-bezier(.34,1.56,.64,1)}
.mini-oynatici.gizli{opacity:0;transform:translateY(22px) scale(.9);pointer-events:none}

.mo-plak{position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;
  cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#0e0e18}
.mo-plak img{width:100%;height:100%;object-fit:cover;display:block}
.mo-plak.donuyor{animation:plakDon 4.5s linear infinite}
.mo-delik{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:10px;height:10px;border-radius:50%;background:rgba(10,10,20,.9);
  box-shadow:0 0 0 2px rgba(255,255,255,.14)}

.mo-bilgi{flex:1;min-width:0;cursor:pointer}
.mo-ad{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}
.mo-dalga{display:flex;align-items:flex-end;gap:2px;height:9px}
.mo-dalga span{width:2.5px;height:3px;border-radius:2px;
  background:linear-gradient(180deg,var(--violet),var(--red));opacity:.4}
.mo-dalga.aktif span{opacity:1;animation:dalgaZipla 1s ease-in-out infinite}
.mo-dalga.aktif span:nth-child(2){animation-delay:.15s}
.mo-dalga.aktif span:nth-child(3){animation-delay:.3s}
.mo-dalga.aktif span:nth-child(4){animation-delay:.08s}

.mo-tus{width:34px;height:34px;border-radius:50%;flex-shrink:0;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;border:none;
  background:linear-gradient(140deg,var(--violet),var(--red));
  box-shadow:0 3px 12px rgba(139,124,255,.45);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.mo-tus svg{width:15px;height:15px;fill:#fff}
.mo-tus:hover{transform:scale(1.12)}
.mo-tus.kucuk{width:29px;height:29px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);box-shadow:none}
.mo-tus.kucuk svg{width:13px;height:13px;fill:var(--txt);opacity:.8}
.mo-tus.kucuk:hover{background:rgba(139,124,255,.24)}
.mo-tus.caliyor .ikon-oynat{display:none}
.mo-tus.caliyor .ikon-durdur{display:block}

.mo-kapat{position:absolute;top:-7px;right:-7px;width:21px;height:21px;border-radius:50%;
  background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;
  font-size:11px;display:flex;align-items:center;justify-content:center;padding:0;
  opacity:0;transition:opacity .2s,color .2s}
.mini-oynatici:hover .mo-kapat{opacity:1}
.mo-kapat:hover{color:var(--red);border-color:rgba(255,61,90,.5)}
/* Müzik sekmesindeyken gizle (zaten büyük oynatıcı var) */
body.sekme-muzik .mini-oynatici{opacity:0;pointer-events:none;transform:translateY(22px) scale(.9)}
@media(max-width:560px){.mini-oynatici{left:14px;right:14px;max-width:none;bottom:14px}}
@media(prefers-reduced-motion:reduce){.mo-plak.donuyor,.mo-dalga.aktif span{animation:none}}

/* ═══════════════ REPLİK PROVA (teleprompter) ═══════════════ */
.prova-giris{margin-top:16px;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:20px}
.prova-giris textarea{width:100%;margin-bottom:14px;font-size:14px;line-height:1.7}
.prova-ayar{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.prova-ayar > label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.prova-ayar input[type=range]{width:120px;height:5px;border-radius:99px;appearance:none;cursor:pointer;
  background:linear-gradient(90deg,var(--violet),var(--red));outline:none}
.prova-ayar input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;
  border-radius:50%;background:#fff;box-shadow:0 0 9px rgba(139,124,255,.85);cursor:pointer}
.prova-ayar input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;
  background:#fff;box-shadow:0 0 9px rgba(139,124,255,.85);cursor:pointer}

/* Tam ekran prova */
.prova-ekran{position:fixed;inset:0;z-index:970;display:none;flex-direction:column;
  background:radial-gradient(ellipse at 50% 40%,#12121f,#07070e 72%)}
.prova-ekran.acik{display:flex;animation:modalArkaIn .24s ease}
.prova-ust-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.pv-orta{display:flex;gap:8px}
.pv-tus{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:var(--txt);
  border-radius:9px;padding:8px 15px;font-size:13px;font-family:inherit;cursor:pointer;
  transition:background .18s,border-color .18s,transform .18s}
.pv-tus:hover{background:rgba(139,124,255,.24);border-color:rgba(139,124,255,.5);transform:translateY(-1px)}
.pv-hiz{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}
.pv-hiz input[type=range]{width:110px;height:5px;border-radius:99px;appearance:none;cursor:pointer;
  background:linear-gradient(90deg,var(--violet),var(--red));outline:none}
.pv-hiz input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 0 8px rgba(139,124,255,.85);cursor:pointer}

.prova-cerceve{flex:1;position:relative;overflow:hidden}
/* Odak bandı — ortadaki okuma çizgisi */
.prova-odak{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:98px;
  background:linear-gradient(90deg,transparent,rgba(139,124,255,.09),transparent);
  border-top:1px solid rgba(139,124,255,.28);border-bottom:1px solid rgba(139,124,255,.28);
  pointer-events:none;z-index:2}
.prova-sahne{padding:0 6vw;will-change:transform;color:#e8e8f2;line-height:1.55;text-align:center}
.prova-sahne.ayna{transform-origin:center;scale:-1 1}
.prova-bosluk{height:46vh}
.prova-satir{padding:16px 0;opacity:.32;transition:opacity .3s,color .3s,transform .3s}
.prova-satir.aktif{opacity:1;color:#fff;transform:scale(1.03);
  text-shadow:0 0 26px rgba(139,124,255,.5)}
.pv-karakter{display:block;font-family:var(--disp);font-size:.42em;color:var(--gold);
  letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}
.pv-hece{display:inline-block;font-size:.3em;color:var(--violet);
  background:rgba(139,124,255,.14);border:1px solid rgba(139,124,255,.3);
  border-radius:999px;padding:2px 11px;margin-left:12px;vertical-align:middle;letter-spacing:.02em}
.prova-alt-ipucu{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;
  padding:11px;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;color:var(--muted)}
.prova-alt-ipucu kbd{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);
  border-radius:5px;padding:1px 6px;font-family:monospace;font-size:10.5px}
@media(max-width:640px){.prova-bosluk{height:40vh}.prova-sahne{padding:0 5vw}}

/* ═══════════════ MAYIN TARLASI ═══════════════ */
.mayin-seviye{margin-bottom:10px}
.mayin-kutu{display:block;position:relative;line-height:normal;max-width:100%}
.mayin-tahta{--my-kutu:30px;display:grid;gap:2px;padding:10px;background:#0d0d18;
  border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45);
  user-select:none;max-width:100%;overflow:auto}
.my-h{width:var(--my-kutu);height:var(--my-kutu);border-radius:5px;padding:0;cursor:pointer;
  font-family:var(--disp);font-size:14px;font-weight:800;border:none;
  display:flex;align-items:center;justify-content:center;transition:transform .1s,background .15s}
.my-h.kapali{background:linear-gradient(145deg,#252538,#1a1a28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.my-h.kapali:hover{background:linear-gradient(145deg,#31314a,#22223a);transform:scale(1.06)}
.my-h.acik{background:#15151f;color:var(--muted);cursor:default}
.my-h.bayrak{background:linear-gradient(145deg,#3a2030,#2a1622);font-size:13px}
.my-h.mayin{background:linear-gradient(145deg,#5c1e28,#3a1119);font-size:13px;
  animation:mayinPatla .3s ease}
@keyframes mayinPatla{0%{transform:scale(.5)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
/* Komşu sayı renkleri */
.my-h.s1{color:#7EC4F5}.my-h.s2{color:#8FE0A0}.my-h.s3{color:#FF3D5A}
.my-h.s4{color:#8B7CFF}.my-h.s5{color:#E7C878}.my-h.s6{color:#5fd6d6}
.my-h.s7{color:#F58EB4}.my-h.s8{color:#c0ccd8}
.mayin-mesaj{margin-top:12px;font-size:13.5px;min-height:22px}
.my-kazandi{color:#8FE0A0;font-weight:800;font-family:var(--disp);font-size:15px}
.my-kaybetti{color:var(--red);font-weight:800;font-family:var(--disp);font-size:15px}
.my-ipucu{color:var(--muted);font-size:12px}
@media(max-width:820px){.mayin-tahta{--my-kutu:26px}}
@media(max-width:560px){.mayin-tahta{--my-kutu:22px;gap:1.5px}.my-h{font-size:12px}}

/* ═══════════════ MİKROFON KAYDI ═══════════════ */
.kayit-kutu{display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(255,61,90,.09),rgba(139,124,255,.06));
  border:1px solid rgba(255,61,90,.28);border-radius:14px;padding:16px;margin-bottom:12px}
.kayit-sol{flex-shrink:0}
.kayit-tus{width:56px;height:56px;border-radius:50%;cursor:pointer;padding:0;position:relative;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,61,90,.14);border:1.5px solid rgba(255,61,90,.5);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,background .22s}
.kayit-tus:hover{transform:scale(1.07);background:rgba(255,61,90,.26);
  box-shadow:0 6px 20px rgba(255,61,90,.4)}
.kt-nokta{width:20px;height:20px;border-radius:50%;background:var(--red);
  box-shadow:0 0 12px rgba(255,61,90,.8);transition:.25s cubic-bezier(.34,1.56,.64,1)}
/* Kayıttayken: daire kareye dönüşür (durdur), nabız atar */
.kayit-tus.kaydediyor{background:rgba(255,61,90,.34);border-color:var(--red)}
.kayit-tus.kaydediyor .kt-nokta{border-radius:4px;width:17px;height:17px}
.kayit-tus.kaydediyor::before{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1.5px solid rgba(255,61,90,.6);animation:kayitNabiz 1.5s ease-out infinite}
@keyframes kayitNabiz{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.35);opacity:0}}

.kayit-icerik{flex:1;min-width:210px}
.kayit-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.kayit-ust b{font-size:13.5px}
.kayit-sure{font-family:monospace;font-size:15px;color:var(--gold)}
/* Ses seviyesi çubuğu */
.kayit-seviye{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:10px}
.ks-bar{height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#8FE0A0,#E7C878);transition:width .08s linear}
.ks-bar.yuksek{background:linear-gradient(90deg,#E7C878,#FF3D5A)}
.kayit-btnlar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.kayit-btnlar audio{height:34px;max-width:230px}
@media(prefers-reduced-motion:reduce){.kayit-tus.kaydediyor::before{animation:none}}

/* ═══════════════ SES STÜDYOSU (çok kanallı) ═══════════════ */
.st-ust-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0 10px;
  background:linear-gradient(135deg,rgba(139,124,255,.10),rgba(255,61,90,.05));
  border:1px solid rgba(139,124,255,.26);border-radius:14px;padding:13px 16px}
.st-tus-grup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-tus{width:40px;height:40px;border-radius:50%;cursor:pointer;padding:0;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s}
.st-tus svg{width:17px;height:17px;fill:var(--txt);opacity:.85}
.st-tus:hover{transform:translateY(-2px);border-color:rgba(139,124,255,.55);
  box-shadow:0 6px 16px rgba(139,124,255,.28)}
.st-tus.buyuk{width:50px;height:50px;border:none;
  background:linear-gradient(140deg,var(--violet),var(--red));
  box-shadow:0 5px 18px rgba(139,124,255,.45)}
.st-tus.buyuk svg{width:22px;height:22px;fill:#fff;opacity:1}
.st-tus.buyuk .ikon-durdur{display:none}
.st-tus.buyuk.caliyor .ikon-oynat{display:none}
.st-tus.buyuk.caliyor .ikon-durdur{display:block}
/* Kayıt tuşu */
.st-tus.kayit{background:rgba(255,61,90,.14);border-color:rgba(255,61,90,.5);position:relative}
.st-kayit-nokta{width:15px;height:15px;border-radius:50%;background:var(--red);
  box-shadow:0 0 10px rgba(255,61,90,.8);transition:.22s cubic-bezier(.34,1.56,.64,1)}
.st-tus.kayit.kaydediyor{background:rgba(255,61,90,.34);border-color:var(--red)}
.st-tus.kayit.kaydediyor .st-kayit-nokta{border-radius:3px;width:13px;height:13px}
.st-tus.kayit.kaydediyor::before{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1.5px solid rgba(255,61,90,.6);animation:kayitNabiz 1.5s ease-out infinite}

.st-orta{flex:1;min-width:170px}
.st-sure{font-family:monospace;font-size:15px;color:var(--gold);margin-bottom:7px}
.st-seviye{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.dosya-etiket{cursor:pointer;display:inline-flex;align-items:center}
.st-mesaj{font-size:12.5px;color:var(--muted);min-height:19px;margin-bottom:8px}
.st-mesaj.hata{color:var(--red)}

/* Çalışma alanı */
.st-calisma{background:#0c0c15;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.st-cetvel-satir{display:flex;border-bottom:1px solid var(--line);background:#101019}
.st-cetvel-bosluk{width:172px;flex-shrink:0;border-right:1px solid var(--line)}
.st-cetvel-kutu{flex:1;overflow:hidden}
.st-cetvel{position:relative;height:26px}
.st-c-isaret{position:absolute;top:0;height:100%;border-left:1px solid rgba(255,255,255,.07);
  font-size:9.5px;color:var(--muted);padding-left:4px;line-height:26px;white-space:nowrap}
.st-c-isaret.buyuk{border-left-color:rgba(255,255,255,.2)}

.st-serit-alan{position:relative;overflow-x:auto;overflow-y:hidden;max-height:430px;overflow-y:auto}
/* Oynatma imleci */
.st-imlec{position:absolute;top:0;bottom:0;width:2px;background:var(--red);z-index:6;
  box-shadow:0 0 9px rgba(255,61,90,.9);pointer-events:none;margin-left:172px}
.st-imlec::before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;
  border-right:6px solid transparent;border-top:8px solid var(--red)}

/* Kanal satırı */
.st-kanal{display:flex;border-bottom:1px solid rgba(255,255,255,.05);min-height:74px}
.st-kanal.secili .st-kanal-bas{background:rgba(139,124,255,.13);
  box-shadow:inset 3px 0 0 var(--violet)}
.st-kanal-bas{width:172px;flex-shrink:0;padding:9px 11px;border-right:1px solid var(--line);
  background:#101019;position:sticky;left:0;z-index:4;cursor:pointer;transition:background .18s}
.st-kb-ust{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
.st-kb-ust b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-kb-tus{display:flex;align-items:center;gap:5px}
.st-mini{width:22px;height:22px;border-radius:6px;padding:0;flex-shrink:0;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:var(--muted);
  font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;
  transition:.15s;font-family:inherit}
.st-mini:hover{background:rgba(139,124,255,.26);color:var(--txt)}
.st-mini.kirmizi{background:rgba(255,61,90,.3);border-color:rgba(255,61,90,.6);color:#fff}
.st-mini.sari{background:rgba(231,200,120,.3);border-color:rgba(231,200,120,.6);color:#fff}
.st-kb-tus input[type=range]{flex:1;min-width:44px;height:4px;border-radius:99px;appearance:none;
  cursor:pointer;background:linear-gradient(90deg,var(--violet),var(--red));outline:none}
.st-kb-tus input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;
  border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px rgba(139,124,255,.9)}
.st-kb-tus input[type=range]::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;
  background:#fff;cursor:pointer}

/* Klip şeridi */
.st-serit{position:relative;flex:1;min-height:74px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:80px 100%}
.st-klip{position:absolute;top:8px;height:58px;border-radius:8px;overflow:hidden;cursor:grab;
  background:linear-gradient(160deg,rgba(139,124,255,.26),rgba(245,142,180,.14));
  border:1px solid rgba(139,124,255,.5);
  transition:box-shadow .18s,border-color .18s}
.st-klip:hover{border-color:rgba(139,124,255,.9);box-shadow:0 4px 16px rgba(139,124,255,.35)}
.st-klip.suruklenor{cursor:grabbing;opacity:.85;box-shadow:0 8px 24px rgba(139,124,255,.5);z-index:5}
.st-klip-ust{display:flex;align-items:center;justify-content:space-between;gap:5px;
  padding:2px 6px;font-size:10px;background:rgba(10,10,20,.5);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.st-klip-btn{display:flex;gap:3px;opacity:0;transition:opacity .18s}
.st-klip:hover .st-klip-btn{opacity:1}
.st-klip-btn button{background:none;border:none;color:var(--muted);cursor:pointer;
  font-size:10px;padding:0 3px;line-height:1}
.st-klip-btn button:hover{color:#fff}
.st-dalga{display:block;width:100%;height:42px}

.st-ipucu{display:flex;gap:18px;flex-wrap:wrap;margin-top:11px;font-size:11.5px;color:var(--muted)}
.st-ipucu kbd{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:5px;
  padding:1px 6px;font-family:monospace;font-size:10.5px}
@media(max-width:700px){
  .st-kanal-bas,.st-cetvel-bosluk{width:128px}
  .st-imlec{margin-left:128px}
}

/* ═══════════════ VOKAL AYIRICI ═══════════════ */
.ay-mod-secim{margin:16px 0 14px}
.ay-panel{animation:sayfaGir .24s cubic-bezier(.22,1,.36,1)}
.ay-durum-kutu{margin-bottom:14px;font-size:13px}

/* Dosya bırakma alanı */
/* ═══════════════ ARKA PLAN SİLİCİ ═══════════════ */
.bg-birak{display:block;border-radius:16px;padding:40px 20px;text-align:center;margin-top:8px;
  border:2px dashed rgba(139,124,255,.36);
  background:linear-gradient(135deg,rgba(139,124,255,.07),rgba(245,142,180,.04));
  transition:border-color .22s,background .22s,transform .2s cubic-bezier(.34,1.56,.64,1)}
.bg-birak:hover,.bg-birak.suruk{border-color:rgba(139,124,255,.8);transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(139,124,255,.14),rgba(245,142,180,.08))}
.bg-birak-ic{display:block;cursor:pointer}
.bg-birak-ic b{display:block;font-family:var(--disp);font-size:16px;margin:12px 0 6px}
.bg-birak-ic small{color:var(--muted);font-size:12px}
.bg-ikon{width:64px;height:64px;margin:0 auto;animation:ayIkonSuzul 3.4s ease-in-out infinite}
.bg-ikon svg{width:100%;height:100%}

.bg-calisma{margin-top:8px}
.bg-onizle-satir{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}
.bg-kutu{flex:1;min-width:230px;display:flex;flex-direction:column;gap:8px;position:relative}
.bg-etiket{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.bg-resim-sar{flex:1;display:flex;align-items:center;justify-content:center;min-height:230px;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:10px}
.bg-resim-sar img{max-width:100%;max-height:340px;object-fit:contain;display:block}
.bg-saydam{background-color:#15151f;
  background-image:linear-gradient(45deg,#20202e 25%,transparent 25%),linear-gradient(-45deg,#20202e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#20202e 75%),linear-gradient(-45deg,transparent 75%,#20202e 75%);
  background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.bg-ok{display:flex;align-items:center;font-size:26px;color:var(--violet);opacity:.7}
@media(max-width:640px){.bg-ok{transform:rotate(90deg);justify-content:center;width:100%}}

.bg-ilerleme{position:absolute;left:10px;right:10px;bottom:10px;
  background:rgba(10,10,20,.9);border:1px solid var(--line);border-radius:11px;padding:12px 14px;backdrop-filter:blur(4px)}
.bg-cubuk{height:8px;background:#0c0c15;border-radius:99px;overflow:hidden;margin-bottom:8px}
.bg-c-bar{height:100%;width:4%;border-radius:99px;
  background:linear-gradient(90deg,var(--violet),var(--red));transition:width .3s ease}
.bg-il-mesaj{font-size:12px;color:var(--muted);text-align:center}

.bg-alt-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;
  background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px 15px}
.bg-dosya-ad{font-size:13px;color:var(--muted);flex:1;min-width:120px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.bg-model-secim{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.bg-model-secim select{margin:0;padding:7px 10px;font-size:12.5px;border-radius:9px;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt)}
.bg-tuslar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.bg-tuslar .btn-red,.bg-tuslar .btn-outline{white-space:nowrap}
a.bg-indir{text-decoration:none;display:inline-flex;align-items:center}
.bg-not{margin-top:14px;line-height:1.7}
/* ═══════════════ ARKA PLAN SİLİCİ SONU ═══════════════ */

.ay-birak{display:block;cursor:pointer;border-radius:16px;padding:34px 20px;text-align:center;
  border:2px dashed rgba(139,124,255,.36);
  background:linear-gradient(135deg,rgba(139,124,255,.07),rgba(245,142,180,.04));
  transition:border-color .22s,background .22s,transform .2s cubic-bezier(.34,1.56,.64,1)}
.ay-birak:hover{border-color:rgba(139,124,255,.75);transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(139,124,255,.13),rgba(245,142,180,.07))}
.ay-birak.kapali{opacity:.45;pointer-events:none;filter:grayscale(.6)}
.ay-birak-ic b{display:block;font-family:var(--disp);font-size:16px;margin-bottom:5px}
.ay-birak-ic small{color:var(--muted);font-size:12px}
/* (ay-ikon boyutu aşağıdaki çizilmiş ikon bölümünde tanımlı) */
@keyframes ayIkonSuzul{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Uyarı kartı */
.ay-uyari{background:rgba(231,200,120,.08);border:1px solid rgba(231,200,120,.32);
  border-radius:13px;padding:15px 17px;margin-bottom:14px}
.ay-uyari b{color:var(--gold);font-size:13.5px;display:block;margin-bottom:7px}
.ay-uyari p{font-size:12.5px;color:var(--muted);line-height:1.7;margin:6px 0}
.ay-komut{display:block;background:#0c0c15;border:1px solid var(--line);border-radius:8px;
  padding:10px 13px;font-family:monospace;font-size:12.5px;color:#8FE0A0;margin:8px 0;
  overflow-x:auto;white-space:nowrap;user-select:all}

/* İlerleme */
.ay-ilerleme{margin-top:16px;background:var(--panel);border:1px solid var(--line);
  border-radius:13px;padding:16px}
.ay-il-ust{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}
.ay-il-ust span{color:var(--muted);font-family:monospace}
.ay-cubuk{height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:9px}
.ay-c-bar{height:100%;width:3%;border-radius:99px;
  background:linear-gradient(90deg,var(--violet),var(--red));transition:width .5s ease;
  box-shadow:0 0 12px rgba(139,124,255,.55)}
.ay-il-mesaj{font-size:12px;color:var(--muted)}

/* Sonuç */
.ay-sonuc{margin-top:18px}
.ay-sonuc-baslik{font-family:var(--disp);font-size:15px;color:#8FE0A0;margin-bottom:13px}
.ay-parca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px}
.ay-parca{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}
.ay-parca.vokal{border-color:rgba(245,142,180,.4);
  background:linear-gradient(145deg,rgba(245,142,180,.09),transparent)}
.ay-parca.enst{border-color:rgba(126,196,245,.4);
  background:linear-gradient(145deg,rgba(126,196,245,.09),transparent)}
.ay-p-ust{display:flex;align-items:center;gap:9px;margin-bottom:11px}
/* (ay-p-ikon aşağıda) */
.ay-p-ust b{font-family:var(--disp);font-size:14.5px}
.ay-parca audio{width:100%;height:36px;margin-bottom:11px}
.ay-parca .btn-mini{text-decoration:none;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){.ay-ikon{animation:none}}

/* ═══════════════════════════════════════════════════════════
   BUTON YENİLEME — degrade, parlama, yumuşak hareket
   (dosyanın sonunda olduğu için önceki tanımları geçersiz kılar)
   ═══════════════════════════════════════════════════════════ */

/* ── Ana buton: mor→kırmızı degrade, üstünde kayan parlama ── */
.btn-red{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,#8B7CFF 0%,#B85CE8 45%,#FF3D5A 100%);
  background-size:200% 100%;background-position:0% 50%;
  color:#fff;border:none;border-radius:13px;font-weight:800;font-size:15px;
  padding:12px 24px;letter-spacing:.015em;cursor:pointer;
  box-shadow:0 4px 16px rgba(139,124,255,.32);
  transition:background-position .55s cubic-bezier(.4,0,.2,1),
             transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .28s}
.btn-red::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.btn-red:hover{background-position:100% 50%;transform:translateY(-2px);
  box-shadow:0 9px 28px rgba(184,92,232,.48)}
.btn-red:hover::before{transform:translateX(120%)}
.btn-red:active{transform:translateY(0) scale(.98)}
.btn-red:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn-red.big{width:100%;padding:15px;font-size:16px;margin-top:8px}

/* ── Kontur buton: kenarında degrade, üstüne gelince doluyor ── */
.btn-outline{
  position:relative;background:rgba(255,255,255,.03);color:var(--txt);
  border:1.5px solid transparent;border-radius:13px;font-weight:700;padding:12px 22px;cursor:pointer;
  background-image:linear-gradient(rgba(20,20,32,.9),rgba(20,20,32,.9)),
                   linear-gradient(135deg,rgba(139,124,255,.55),rgba(255,61,90,.45));
  background-origin:border-box;background-clip:padding-box,border-box;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .26s,color .2s}
.btn-outline:hover{color:#fff;transform:translateY(-2px);
  background-image:linear-gradient(rgba(139,124,255,.22),rgba(255,61,90,.14)),
                   linear-gradient(135deg,#8B7CFF,#FF3D5A);
  box-shadow:0 7px 22px rgba(139,124,255,.34)}
.btn-outline:active{transform:translateY(0) scale(.98)}
.btn-outline.small{width:100%;padding:10px;font-size:13px;margin-top:14px}

/* ── Küçük buton ── */
.btn-mini{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);color:var(--txt);border-radius:9px;
  font-size:12.5px;font-weight:700;padding:7px 13px;margin:3px 4px 0 0;cursor:pointer;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .22s,background .22s}
.btn-mini:hover{color:#fff;border-color:rgba(139,124,255,.6);transform:translateY(-2px);
  background:linear-gradient(145deg,rgba(139,124,255,.28),rgba(184,92,232,.14));
  box-shadow:0 5px 16px rgba(139,124,255,.3)}
.btn-mini:active{transform:translateY(0) scale(.97)}
.btn-mini.danger:hover{border-color:rgba(255,61,90,.65);
  background:linear-gradient(145deg,rgba(255,61,90,.26),rgba(255,61,90,.1));
  box-shadow:0 5px 16px rgba(255,61,90,.3)}

/* ── Sekme çubuğu ── */
.tab{position:relative;background:transparent;border:1px solid transparent;border-radius:10px;
  color:var(--muted);font-weight:700;font-size:13px;padding:8px 16px;cursor:pointer;
  transition:color .2s,background .22s,transform .18s cubic-bezier(.34,1.56,.64,1)}
.tab:hover{color:var(--txt);background:rgba(255,255,255,.05);transform:translateY(-1px)}
.tab.active{color:#fff;border-color:rgba(139,124,255,.45);
  background:linear-gradient(135deg,rgba(139,124,255,.28),rgba(255,61,90,.16));
  box-shadow:0 4px 15px rgba(139,124,255,.26)}

/* ── Oyun "Başla" tuşu: ortada, nefes alan halkalı ── */
.oyun-baslat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  white-space:nowrap;padding:13px 30px;font-size:15px}
.oyun-baslat::after{content:"";position:absolute;inset:-6px;border-radius:17px;
  border:1.5px solid rgba(139,124,255,.5);animation:btnHalka 2.4s ease-out infinite;pointer-events:none}
@keyframes btnHalka{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.12);opacity:0}}
.oyun-baslat:hover{transform:translate(-50%,-50%) translateY(-2px)}
.oyun-baslat:active{transform:translate(-50%,-50%) scale(.97)}

@media(prefers-reduced-motion:reduce){
  .btn-red::before,.oyun-baslat::after{animation:none;transition:none}
  .btn-red:hover,.btn-outline:hover,.btn-mini:hover,.tab:hover{transform:none}
}

/* Gemini adım adım teşhis */
.gemini-adimlar{margin-top:9px;border-top:1px solid var(--line);padding-top:9px}
.ga-satir{display:flex;align-items:baseline;gap:9px;font-size:12px;padding:3px 0;flex-wrap:wrap}
.ga-satir b{font-weight:700;flex-shrink:0}
.ga-satir small{color:var(--muted);font-size:11px;word-break:break-word;flex:1}

/* Spotify liste seçici */
.sp-liste-kutu{max-height:330px;overflow-y:auto;margin:12px 0}
.sp-liste{display:flex;align-items:center;gap:12px;padding:9px;border-radius:11px;cursor:pointer;
  transition:background .16s,transform .16s}
.sp-liste:hover{background:rgba(139,124,255,.16);transform:translateX(3px)}
.sp-liste img,.sp-kapaksiz{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}
.sp-kapaksiz{display:flex;align-items:center;justify-content:center;font-size:20px;
  background:rgba(255,255,255,.06);border:1px solid var(--line)}
.sp-bilgi{min-width:0}
.sp-bilgi b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-bilgi small{color:var(--muted);font-size:11.5px}
.sp-hesap{font-size:12px;color:var(--muted);margin-bottom:10px;padding-bottom:9px;
  border-bottom:1px solid var(--line)}
.sp-hesap b{color:var(--txt)}
.sp-hesap code{background:rgba(255,255,255,.07);border-radius:5px;padding:1px 6px;font-size:11px}
.sp-rozet{background:rgba(143,224,160,.18);border:1px solid rgba(143,224,160,.45);
  border-radius:99px;padding:1px 9px;font-size:10.5px;color:#8FE0A0;margin-left:7px;white-space:nowrap}

/* ═══════════ ÇİZİLMİŞ İKONLAR ═══════════ */
.mz-svg{display:block;width:100%;height:100%}
/* Ayırıcı bırakma alanı ikonu */
.ay-ikon{width:58px;height:58px;margin:0 auto 12px;
  filter:drop-shadow(0 4px 14px rgba(139,124,255,.45));
  animation:ayIkonSuzul 4s ease-in-out infinite}
/* Bildirim zili */
.push-zil{width:58px;height:58px;padding:14px;border-radius:50%;display:block;
  background:rgba(139,124,255,.14);border:1px solid rgba(139,124,255,.4);
  animation:zilSalla 4s ease-in-out infinite;transform-origin:top center}
/* Drama0 ayı */
.d0-ay{width:56px;height:56px;margin:0 auto;font-size:0;
  filter:drop-shadow(0 0 18px rgba(139,124,255,.75));
  animation:d0AySuzul 4.5s ease-in-out infinite}
/* Kurulum butonu ikonu */
.kurulum-btn .ku-ikon{width:22px;height:22px;flex-shrink:0;display:block;
  animation:kuSekme 3.5s ease-in-out infinite}
/* Ayırıcı sonuç kartı ikonları */
.ay-p-ikon{width:21px;height:21px;flex-shrink:0;display:block}

/* ═══════════════ KİŞİSEL MESAJLAR ═══════════════ */
.dm-baslik-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dm-bildirim-tus{background:rgba(139,124,255,.12);border:1px solid var(--line);color:var(--text);
  padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;
  transition:background .18s,border-color .18s,transform .12s;white-space:nowrap}
.dm-bildirim-tus:hover{background:rgba(139,124,255,.22);transform:translateY(-1px)}
.dm-bildirim-tus.kapali{background:rgba(255,92,92,.12);border-color:rgba(255,92,92,.4);color:#ff9a9a}
.dm-duzen{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:16px;
  height:min(620px,calc(100vh - 220px))}
@media(max-width:820px){.dm-duzen{grid-template-columns:1fr;height:auto}
  .dm-sag{min-height:440px}}

/* Sol: sohbet listesi */
.dm-sol{background:var(--panel);border:1px solid var(--line);border-radius:15px;
  display:flex;flex-direction:column;overflow:hidden}
.dm-ara-satir{padding:11px;border-bottom:1px solid var(--line)}
.dm-ara-satir input{width:100%;margin:0;font-size:13px;padding:9px 12px}
.dm-sohbetler{flex:1;overflow-y:auto;padding:7px}
.dm-sohbet{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;
  cursor:pointer;transition:background .16s;position:relative}
.dm-sohbet:hover{background:rgba(255,255,255,.05)}
.dm-sohbet.aktif{background:rgba(139,124,255,.17);box-shadow:inset 3px 0 0 var(--violet)}
.dm-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:16px;
  background:linear-gradient(140deg,rgba(139,124,255,.35),rgba(255,61,90,.25));color:#fff}
.dm-avatar img{width:100%;height:100%;object-fit:cover}
.dm-avatar.kucuk{width:34px;height:34px;font-size:13px}
.dm-s-bilgi{flex:1;min-width:0}
.dm-s-ust{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.dm-s-ust b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-s-ust small{font-size:10.5px;color:var(--muted);flex-shrink:0}
.dm-s-son{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-ben{color:var(--violet)}
.dm-rozet{background:var(--red);color:#fff;border-radius:99px;min-width:19px;height:19px;
  display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;
  padding:0 6px;flex-shrink:0;box-shadow:0 0 10px rgba(255,61,90,.55)}
.dm-kisi-sonuc{border-top:1px solid var(--line);padding:7px;max-height:230px;overflow-y:auto}
.dm-kisi{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;cursor:pointer;
  transition:background .15s}
.dm-kisi:hover{background:rgba(139,124,255,.16)}
.dm-kisi b{display:block;font-size:13px}
.dm-kisi small{font-size:11px;color:var(--muted)}

/* Sağ: yazışma penceresi */
.dm-sag{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;
  display:flex;flex-direction:column}
.dm-bos{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;padding:30px;text-align:center;color:var(--muted);font-size:13.5px}
.dm-bos-ikon{width:70px;height:70px;opacity:.85;
  filter:drop-shadow(0 4px 16px rgba(139,124,255,.4))}
.dm-pencere{flex:1;display:flex;flex-direction:column;min-height:0}
.dm-ust{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.02)}
.dm-ust b{display:block;font-size:14.5px}
.dm-ust small{font-size:11.5px;color:var(--muted)}
.dm-ust-bilgi{flex:1;min-width:0}
.dm-gercek-ad{font-size:11px;color:var(--muted);font-weight:400;margin-left:7px}
.dm-takma-btn{flex-shrink:0;background:rgba(139,124,255,.12);border:1px solid var(--line);
  color:var(--txt);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:14px;
  transition:background .18s,transform .12s}
.dm-takma-btn:hover{background:rgba(139,124,255,.24);transform:translateY(-1px)}
.dm-akis{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px}
.dm-mesaj{display:flex}
.dm-mesaj.ben{justify-content:flex-end}
.dm-balon{max-width:min(78%,460px);padding:10px 14px;border-radius:15px;font-size:13.5px;
  line-height:1.6;word-break:break-word;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);
  border-bottom-left-radius:5px;animation:dmGir .22s cubic-bezier(.16,1,.3,1)}
.dm-mesaj.ben .dm-balon{border-bottom-left-radius:15px;border-bottom-right-radius:5px;
  background:linear-gradient(135deg,rgba(139,124,255,.3),rgba(255,61,90,.18));
  border-color:rgba(139,124,255,.4)}
@keyframes dmGir{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
.dm-balon audio{width:230px;max-width:100%;height:36px;display:block}
/* Fotoğraf mesajı */
.dm-balon.foto-balon{padding:5px;overflow:hidden}
.dm-foto{max-width:100%;width:auto;max-height:280px;border-radius:11px;display:block;cursor:zoom-in;
  transition:filter .18s}
.dm-foto:hover{filter:brightness(1.06)}
.dm-foto-yazi{padding:7px 9px 2px;font-size:13px;line-height:1.5}
.foto-balon .dm-alt{padding:2px 8px 4px}
/* Fotoğraf ışık kutusu */
.dm-foto-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  background:rgba(3,3,10,.9);backdrop-filter:blur(6px);padding:24px;cursor:zoom-out;animation:modalGir .2s ease}
.dm-foto-overlay.hidden{display:none}
.dm-foto-overlay img{max-width:95%;max-height:92vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.dm-foto-kapat{position:absolute;top:18px;right:22px;background:rgba(0,0,0,.5);border:none;color:#fff;
  width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer}
.dm-foto-kapat:hover{background:var(--red)}
.dm-sure{font-size:10.5px;color:var(--muted);display:block;margin-top:3px}
.dm-alt{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:4px;
  font-size:10px;color:var(--muted)}
.dm-alt button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;
  padding:0 2px;opacity:0;transition:opacity .18s,color .18s}
.dm-balon:hover .dm-alt button{opacity:1}
.dm-alt button:hover{color:var(--red)}

/* Yazma alanı */
.dm-yaz{display:flex;align-items:flex-end;gap:9px;padding:12px 14px;border-top:1px solid var(--line);
  background:rgba(255,255,255,.02)}
.dm-yaz textarea{flex:1;margin:0;resize:none;max-height:120px;font-size:13.5px;padding:10px 14px;
  border-radius:14px}
.dm-ses-tus,.dm-gonder,.dm-foto-tus{width:40px;height:40px;border-radius:50%;flex-shrink:0;cursor:pointer;padding:9px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.dm-foto-tus{background:rgba(139,124,255,.13);border:1px solid rgba(139,124,255,.4)}
.dm-foto-tus:hover{transform:scale(1.08);background:rgba(139,124,255,.24)}
.dm-ses-tus{background:rgba(255,61,90,.13);border:1px solid rgba(255,61,90,.4)}
.dm-ses-tus:hover{transform:scale(1.08);background:rgba(255,61,90,.24)}
.dm-ses-tus.kaydediyor{background:rgba(255,61,90,.4);border-color:var(--red);
  animation:dmNabiz 1.4s ease-in-out infinite}
@keyframes dmNabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,61,90,.5)}50%{box-shadow:0 0 0 9px rgba(255,61,90,0)}}
.dm-gonder{background:linear-gradient(140deg,var(--violet),var(--red));border:none;
  box-shadow:0 4px 14px rgba(139,124,255,.4)}
.dm-gonder:hover{transform:scale(1.09) rotate(-8deg);box-shadow:0 6px 20px rgba(139,124,255,.6)}
.dm-kayit-durum{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);
  font-family:monospace;padding:0 4px}
.dk-nokta{width:9px;height:9px;border-radius:50%;background:var(--red);
  animation:dmNoktaYanip 1s ease-in-out infinite}
@keyframes dmNoktaYanip{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){
  .dm-ses-tus.kaydediyor,.dk-nokta{animation:none}.dm-balon{animation:none}}

/* ═══════════════ SES BANKASI ═══════════════ */
.sb-ust{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 12px}
.sb-suz{display:flex;gap:7px;flex-wrap:wrap}
.sb-filtre{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:999px;padding:7px 15px;color:var(--muted);font-size:12.5px;font-weight:700;
  cursor:pointer;font-family:inherit;transition:.18s}
.sb-filtre:hover{color:var(--txt);background:rgba(255,255,255,.09)}
.sb-filtre.aktif{color:#fff;border-color:rgba(139,124,255,.6);
  background:linear-gradient(135deg,rgba(139,124,255,.3),rgba(255,61,90,.18));
  box-shadow:0 3px 14px rgba(139,124,255,.3)}
.sb-arac{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.sb-arac input{margin:0;min-width:170px;font-size:13px;padding:9px 13px}
.sb-sayac{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.sb-sayac b{color:var(--txt)}
.sb-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.sb-kart{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px;
  transition:border-color .22s,transform .22s}
.sb-kart:hover{border-color:rgba(139,124,255,.4);transform:translateY(-2px)}
.sb-kisi{display:flex;align-items:center;gap:11px;padding-bottom:11px;margin-bottom:11px;
  border-bottom:1px solid var(--line)}
.sb-kisi-bilgi{flex:1;min-width:0}
.sb-kisi-bilgi b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-kisi-bilgi small{font-size:11.5px;color:var(--muted)}
.sb-rozet{font-size:10.5px;border-radius:999px;padding:3px 10px;white-space:nowrap;flex-shrink:0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--muted)}
.sb-rozet.kadin{background:rgba(245,142,180,.16);border-color:rgba(245,142,180,.4);color:#F58EB4}
.sb-rozet.erkek{background:rgba(126,196,245,.16);border-color:rgba(126,196,245,.4);color:#7EC4F5}
.sb-kayitlar{display:flex;flex-direction:column;gap:11px}
.sb-kayit{background:rgba(255,255,255,.03);border-radius:11px;padding:10px 12px}
.sb-k-ust{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.sb-k-ad{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.sb-tip{font-size:10px;background:rgba(139,124,255,.2);border:1px solid rgba(139,124,255,.4);
  border-radius:999px;padding:2px 8px;color:#cfc6ff;white-space:nowrap}
.sb-kaynak{font-size:9.5px;color:var(--muted);background:rgba(255,255,255,.05);
  border-radius:999px;padding:2px 8px;white-space:nowrap}
.sb-kayit audio{width:100%;height:34px;display:block}
.sb-not{font-size:11.5px;color:var(--muted);margin-top:6px;font-style:italic}
.sb-k-tus{display:flex;gap:5px;margin-top:7px}
.sb-etiket{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.sb-etiket select{width:100%;margin-top:5px}
.sb-kayit-alan{display:flex;align-items:center;gap:14px;padding:14px;border-radius:13px;
  background:rgba(255,61,90,.07);border:1px solid rgba(255,61,90,.25)}
.sb-kayit-bilgi{flex:1;display:flex;flex-direction:column;gap:3px}
.sb-kayit-bilgi b{font-size:13px}

/* ═══════════════ GÜNÜN TEKERLEMESİ ═══════════════ */
.tk-kart{background:linear-gradient(150deg,rgba(139,124,255,.13),rgba(245,142,180,.06));
  border:1px solid rgba(139,124,255,.3);border-radius:19px;padding:26px;margin:16px 0 22px;
  text-align:center}
.tk-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:18px;font-size:12.5px}
.tk-tarih{color:var(--muted)}
.tk-zorluk{color:var(--gold);font-size:15px;letter-spacing:2px}
.tk-sonuk{opacity:.22}
.tk-metin{font-family:var(--disp);font-size:clamp(19px,3.4vw,29px);line-height:1.65;color:#fff;
  margin-bottom:14px;text-shadow:0 0 30px rgba(139,124,255,.35);transition:.3s}
.tk-metin.okunuyor{color:#cfc6ff;text-shadow:0 0 40px rgba(139,124,255,.8);transform:scale(1.02)}
.tk-odak{font-size:12.5px;color:var(--muted);margin-bottom:20px}
.tk-odak b{color:var(--violet)}
.tk-sayac{margin-bottom:18px;animation:tkGir .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes tkGir{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.tk-sure{font-family:var(--disp);font-size:48px;color:var(--gold);
  text-shadow:0 0 26px rgba(231,200,120,.6);display:block;line-height:1}
.tk-sayac small{font-size:12px;color:var(--muted)}
.tk-tuslar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
#tkBtn.okuyor{background:linear-gradient(135deg,#FF3D5A,#E7C878);
  animation:tkNabiz 1.5s ease-in-out infinite}
@keyframes tkNabiz{0%,100%{box-shadow:0 4px 16px rgba(255,61,90,.4)}
  50%{box-shadow:0 4px 30px rgba(255,61,90,.75)}}

.tk-alt{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.tk-bolum{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px}
.tk-bolum .fsec{margin:0 0 12px}
.tk-siralama{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}
.tk-sira{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;
  font-size:13px;transition:background .16s}
.tk-sira:hover{background:rgba(255,255,255,.04)}
.tk-sira.ben{background:rgba(139,124,255,.15);box-shadow:inset 3px 0 0 var(--violet)}
.tk-no{width:26px;text-align:center;font-size:13px;color:var(--muted);flex-shrink:0;font-weight:800}
.tk-no.madalya{font-size:16px}
.tk-sira b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tk-sure-k{font-family:monospace;font-size:12.5px;color:var(--gold);flex-shrink:0}
.tk-puan{font-size:12.5px;color:var(--violet);font-weight:800;flex-shrink:0}
.tk-sira small{font-size:10.5px;color:var(--muted);flex-shrink:0}

/* ═══════════════ SOHBET: TEPKİ + SES ═══════════════ */
.tepki-satir{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.tepki{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 9px;cursor:pointer;
  font-size:12px;font-family:inherit;color:var(--muted);
  transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .18s,border-color .18s}
.tepki:hover{transform:translateY(-2px) scale(1.06);background:rgba(255,255,255,.11)}
.tepki.benim{background:rgba(139,124,255,.26);border-color:rgba(139,124,255,.6);color:#fff}
.tepki b{font-size:11px;font-weight:800}
.msg-tepki{background:none;border:none;cursor:pointer;font-size:13px;opacity:.55;
  padding:0 3px;transition:opacity .18s,transform .18s}
.msg-tepki:hover{opacity:1;transform:scale(1.2)}

.tepki-secici{position:fixed;z-index:940;display:none;gap:3px;padding:6px;
  background:var(--panel);border:1px solid rgba(139,124,255,.45);border-radius:999px;
  box-shadow:0 10px 32px rgba(0,0,0,.6)}
.tepki-secici.acik{display:flex;animation:tepkiGir .2s cubic-bezier(.34,1.56,.64,1)}
@keyframes tepkiGir{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:none}}
.tepki-secici button{background:none;border:none;cursor:pointer;font-size:19px;width:34px;height:34px;
  border-radius:50%;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s}
.tepki-secici button:hover{transform:scale(1.28);background:rgba(139,124,255,.24)}

.chat-ses{display:flex;align-items:center;gap:9px;margin-top:5px;flex-wrap:wrap}
.chat-ses audio{height:36px;max-width:250px;flex:1;min-width:180px}
.chat-ses-sure{font-size:11px;color:var(--muted);font-family:monospace}
.sohbet-ses-tus{width:38px;height:38px;border-radius:50%;flex-shrink:0;cursor:pointer;padding:9px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,61,90,.12);border:1px solid rgba(255,61,90,.38);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .2s}
.sohbet-ses-tus:hover{transform:scale(1.09);background:rgba(255,61,90,.24)}
.sohbet-ses-tus.kaydediyor{background:rgba(255,61,90,.42);border-color:var(--red);
  animation:dmNabiz 1.4s ease-in-out infinite}
.sohbet-kayit-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:rgba(255,61,90,.1);border:1px solid rgba(255,61,90,.3);border-radius:11px;
  padding:9px 13px;margin-bottom:9px;font-size:12.5px;color:var(--muted)}
.sohbet-kayit-bar b{font-family:monospace;color:var(--gold);font-size:13.5px}
@media(prefers-reduced-motion:reduce){
  .sohbet-ses-tus.kaydediyor,#tkBtn.okuyor{animation:none}
  .tepki-secici.acik,.tk-sayac{animation:none}}

/* ═══════════════ SİTE İKONLARI ═══════════════ */
.ozel-ikon{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.18em;display:inline-block}
.sekme-ikon{width:19px;height:19px;object-fit:contain;vertical-align:-4px;border-radius:4px}
.sekme-ikon.buyuk{width:34px;height:34px}

.ikon-yonetici{margin:14px 0 22px}
.ik-grup{margin-bottom:20px}
.ik-grup h4{font-family:var(--disp);font-size:13.5px;color:var(--gold);margin-bottom:10px;
  padding-bottom:7px;border-bottom:1px solid var(--line)}
.ik-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}
.ik-nokta{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;
  background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.ik-nokta:hover{border-color:rgba(139,124,255,.45);transform:translateY(-2px)}
.ik-nokta.dolu{border-color:rgba(143,224,160,.4);
  background:linear-gradient(145deg,rgba(143,224,160,.07),transparent)}
.ik-onizle{width:38px;height:38px;border-radius:9px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);overflow:hidden}
.ik-onizle img{width:100%;height:100%;object-fit:contain}
.ik-emoji{font-size:19px;opacity:.75}
.ik-bilgi{flex:1;min-width:0}
.ik-bilgi b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-bilgi small{font-size:10px;color:var(--muted);font-family:monospace}
.ik-tus{display:flex;gap:5px;flex-shrink:0}
.ik-tus label{cursor:pointer;margin:0}

/* ═══════════════════════════════════════════════════════════
   DISCORD TARZI AVATAR SÜSLERİ
   Halka değil — avatarın üstüne oturan çizilmiş süsler.
   Her biri ::after ile SVG olarak eklenir, avatarı kapatmaz.
   ═══════════════════════════════════════════════════════════ */
.avatar-wrap[class*="cerceve-"],
.dm-avatar[class*="cerceve-"],
.ust-avatar[class*="cerceve-"]{position:relative;overflow:visible}

/* Ortak süs katmanı */
[class*="cerceve-"].sus::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(34%);
  width:118%;height:74%;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;pointer-events:none;z-index:3;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}

/* ── 🐱 Kedi kulakları ── */
.cerceve-kedi{overflow:visible!important}
.cerceve-kedi::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(38%);width:116%;height:70%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 62'%3E%3Cdefs%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23463a6b'/%3E%3Cstop offset='1' stop-color='%232a2340'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 60C10 44 12 24 20 8c1-3 4-3 6-1 9 8 16 18 20 28z' fill='url(%23k)'/%3E%3Cpath d='M20 52c-2-11-1-23 3-33 6 6 11 14 14 21z' fill='%23F58EB4'/%3E%3Cpath d='M86 60c4-16 2-36-6-52-1-3-4-3-6-1-9 8-16 18-20 28z' fill='url(%23k)'/%3E%3Cpath d='M80 52c2-11 1-23-3-33-6 6-11 14-14 21z' fill='%23F58EB4'/%3E%3C/svg%3E");
  animation:susSalla 4s ease-in-out infinite;transform-origin:center bottom}
@keyframes susSalla{0%,100%{transform:translateX(-50%) translateY(38%) rotate(-3deg)}
  50%{transform:translateX(-50%) translateY(38%) rotate(3deg)}}

/* ── 🐰 Tavşan kulakları ── */
.cerceve-tavsan{overflow:visible!important}
.cerceve-tavsan::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(24%);width:104%;height:104%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='34' cy='42' rx='11' ry='40' fill='%23f3eefc' transform='rotate(-12 34 42)'/%3E%3Cellipse cx='34' cy='44' rx='5.5' ry='30' fill='%23F58EB4' transform='rotate(-12 34 44)'/%3E%3Cellipse cx='66' cy='42' rx='11' ry='40' fill='%23f3eefc' transform='rotate(12 66 42)'/%3E%3Cellipse cx='66' cy='44' rx='5.5' ry='30' fill='%23F58EB4' transform='rotate(12 66 44)'/%3E%3C/svg%3E");
  animation:tavsanZipla 3.5s ease-in-out infinite;transform-origin:center bottom}
@keyframes tavsanZipla{0%,100%{transform:translateX(-50%) translateY(24%) rotate(0)}
  30%{transform:translateX(-50%) translateY(20%) rotate(-4deg)}
  60%{transform:translateX(-50%) translateY(22%) rotate(4deg)}}

/* ── 🎧 Kulaklık ── */
.cerceve-kulaklik{overflow:visible!important}
.cerceve-kulaklik::after{content:"";position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);width:142%;height:142%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center;
  background-size:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 56V48a30 30 0 0 1 60 0v8' fill='none' stroke='%238B7CFF' stroke-width='7' stroke-linecap='round'/%3E%3Crect x='10' y='50' width='17' height='27' rx='8' fill='%238B7CFF'/%3E%3Crect x='73' y='50' width='17' height='27' rx='8' fill='%238B7CFF'/%3E%3Crect x='14' y='56' width='9' height='15' rx='4' fill='%23F58EB4'/%3E%3Crect x='77' y='56' width='9' height='15' rx='4' fill='%23F58EB4'/%3E%3C/svg%3E")}

/* ── 😇 Melek halesi ── */
.cerceve-hale{overflow:visible!important}
.cerceve-hale::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(58%);width:82%;height:44%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 44'%3E%3Cellipse cx='50' cy='22' rx='44' ry='15' fill='none' stroke='%23E7C878' stroke-width='7'/%3E%3Cellipse cx='50' cy='22' rx='44' ry='15' fill='none' stroke='%23fff3c9' stroke-width='2.5'/%3E%3C/svg%3E");
  filter:drop-shadow(0 0 10px rgba(231,200,120,.9));
  animation:haleSuzul 3s ease-in-out infinite}
@keyframes haleSuzul{0%,100%{transform:translateX(-50%) translateY(58%)}
  50%{transform:translateX(-50%) translateY(50%)}}

/* ── 😈 Şeytan boynuzları ── */
.cerceve-boynuz{overflow:visible!important}
.cerceve-boynuz::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(30%);width:112%;height:56%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 0 8px rgba(255,61,90,.7));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M22 50C16 36 16 20 26 6c2-3 6-2 6 2 1 14 3 28 6 42z' fill='%23FF3D5A'/%3E%3Cpath d='M78 50c6-14 6-30-4-44-2-3-6-2-6 2-1 14-3 28-6 42z' fill='%23FF3D5A'/%3E%3Cpath d='M24 46c-3-11-2-22 4-32 0 11 1 22 3 32z' fill='%23ff7a8f' opacity='.6'/%3E%3Cpath d='M76 46c3-11 2-22-4-32 0 11-1 22-3 32z' fill='%23ff7a8f' opacity='.6'/%3E%3C/svg%3E")}

/* ── 🌸 Çiçek tacı ── */
.cerceve-cicek{overflow:visible!important}
.cerceve-cicek::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(50%);width:112%;height:48%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 46'%3E%3Cpath d='M6 44C14 22 30 10 50 10s36 12 44 34' fill='none' stroke='%236fb87a' stroke-width='4'/%3E%3Cg fill='%23F58EB4'%3E%3Ccircle cx='18' cy='30' r='7'/%3E%3Ccircle cx='50' cy='14' r='8'/%3E%3Ccircle cx='82' cy='30' r='7'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='18' cy='30' r='2.6'/%3E%3Ccircle cx='50' cy='14' r='3'/%3E%3Ccircle cx='82' cy='30' r='2.6'/%3E%3C/g%3E%3Cg fill='%23ffd6e8'%3E%3Ccircle cx='33' cy='19' r='5'/%3E%3Ccircle cx='67' cy='19' r='5'/%3E%3C/g%3E%3C/svg%3E")}

/* ── 👑 Taç ── */
.cerceve-tac{overflow:visible!important}
.cerceve-tac::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(38%);width:92%;height:52%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 0 9px rgba(231,200,120,.75));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M8 46 12 12l20 16L50 4l18 24 20-16 4 34z' fill='%23E7C878'/%3E%3Cpath d='M8 46h84l-2 6H10z' fill='%23c9a54e'/%3E%3Ccircle cx='50' cy='24' r='4' fill='%23FF3D5A'/%3E%3Ccircle cx='24' cy='30' r='3' fill='%238B7CFF'/%3E%3Ccircle cx='76' cy='30' r='3' fill='%238B7CFF'/%3E%3C/svg%3E");
  animation:tacParilti 3.5s ease-in-out infinite}
@keyframes tacParilti{0%,100%{filter:drop-shadow(0 0 9px rgba(231,200,120,.75))}
  50%{filter:drop-shadow(0 0 18px rgba(231,200,120,1))}}

/* ── 🕊️ Kanatlar (yanlarda) ── */
.cerceve-kanat{overflow:visible!important}
.cerceve-kanat::after{content:"";position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);width:210%;height:126%;
  pointer-events:none;z-index:2;background-repeat:no-repeat;background-position:center;
  background-size:contain;filter:drop-shadow(0 0 10px rgba(207,198,255,.6));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cg fill='%23e8e4ff'%3E%3Cpath d='M62 50C48 30 26 20 4 24c8 8 12 18 12 26s-4 18-12 26c22 4 44-6 58-26z' opacity='.95'/%3E%3Cpath d='M58 50C46 36 30 28 14 30c6 6 9 13 9 20s-3 14-9 20c16 2 32-6 44-20z' fill='%23fff' opacity='.7'/%3E%3C/g%3E%3Cg fill='%23e8e4ff'%3E%3Cpath d='M138 50c14-20 36-30 58-26-8 8-12 18-12 26s4 18 12 26c-22 4-44-6-58-26z' opacity='.95'/%3E%3Cpath d='M142 50c12-14 28-22 44-20-6 6-9 13-9 20s3 14 9 20c-16 2-32-6-44-20z' fill='%23fff' opacity='.7'/%3E%3C/g%3E%3C/svg%3E");
  animation:kanatCirp 4s ease-in-out infinite}
@keyframes kanatCirp{0%,100%{width:210%}50%{width:225%}}

/* ── ⭐ Yıldız tacı ── */
.cerceve-yildiz{overflow:visible!important}
.cerceve-yildiz::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(46%);width:104%;height:46%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 44'%3E%3Cg fill='%23E7C878'%3E%3Cpath d='m50 4 5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1z'/%3E%3Cpath d='m18 20 3.5 7 8 .8-6 5.4 2 8-7.5-4.2L10.5 41l2-8-6-5.4 8-.8z' opacity='.85'/%3E%3Cpath d='m82 20 3.5 7 8 .8-6 5.4 2 8-7.5-4.2L74.5 41l2-8-6-5.4 8-.8z' opacity='.85'/%3E%3C/g%3E%3C/svg%3E");
  filter:drop-shadow(0 0 8px rgba(231,200,120,.85));
  animation:yildizParla 2.5s ease-in-out infinite}
@keyframes yildizParla{0%,100%{opacity:1}50%{opacity:.72}}

/* ── 💖 Kalpler ── */
.cerceve-kalp{overflow:visible!important}
.cerceve-kalp::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(44%);width:112%;height:50%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 0 8px rgba(245,142,180,.8));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 48'%3E%3Cg fill='%23F58EB4'%3E%3Cpath d='M50 42c-9-7-18-14-18-23a9 9 0 0 1 18-4 9 9 0 0 1 18 4c0 9-9 16-18 23z'/%3E%3Cpath d='M18 44c-5.5-4.3-11-8.6-11-14.2a5.5 5.5 0 0 1 11-2.4 5.5 5.5 0 0 1 11 2.4c0 5.6-5.5 9.9-11 14.2z' opacity='.8'/%3E%3Cpath d='M82 44c-5.5-4.3-11-8.6-11-14.2a5.5 5.5 0 0 1 11-2.4 5.5 5.5 0 0 1 11 2.4c0 5.6-5.5 9.9-11 14.2z' opacity='.8'/%3E%3C/g%3E%3C/svg%3E");
  animation:kalpAt 1.8s ease-in-out infinite}
@keyframes kalpAt{0%,100%{transform:translateX(-50%) translateY(44%) scale(1)}
  50%{transform:translateX(-50%) translateY(44%) scale(1.09)}}

/* ── ☁️ Bulut ── */
.cerceve-bulut{overflow:visible!important}
.cerceve-bulut::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(52%);width:122%;height:44%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 2px 6px rgba(126,196,245,.55));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 42'%3E%3Cg fill='%23dbeeff'%3E%3Ccircle cx='26' cy='26' r='14'/%3E%3Ccircle cx='50' cy='19' r='17'/%3E%3Ccircle cx='74' cy='26' r='14'/%3E%3Crect x='24' y='26' width='52' height='14' rx='7'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.65'%3E%3Ccircle cx='44' cy='16' r='8'/%3E%3Ccircle cx='62' cy='21' r='6'/%3E%3C/g%3E%3C/svg%3E");
  animation:bulutSuzul 5s ease-in-out infinite}
@keyframes bulutSuzul{0%,100%{transform:translateX(-50%) translateY(52%)}
  50%{transform:translateX(-52%) translateY(46%)}}

/* ── 🎩 Şapka ── */
.cerceve-sapka{overflow:visible!important}
.cerceve-sapka::after{content:"";position:absolute;left:50%;bottom:100%;
  transform:translateX(-50%) translateY(32%) rotate(-8deg);width:108%;height:64%;
  pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center bottom;
  background-size:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cellipse cx='50' cy='50' rx='46' ry='9' fill='%232a2340'/%3E%3Cpath d='M26 50V16c0-4 3-8 8-8h32c5 0 8 4 8 8v34z' fill='%23463a6b'/%3E%3Crect x='26' y='38' width='48' height='9' fill='%238B7CFF'/%3E%3Ccircle cx='66' cy='42.5' r='3.4' fill='%23E7C878'/%3E%3C/svg%3E")}

@media(prefers-reduced-motion:reduce){
  .cerceve-kedi::after,.cerceve-tavsan::after,.cerceve-hale::after,.cerceve-tac::after,
  .cerceve-kanat::after,.cerceve-yildiz::after,.cerceve-kalp::after,.cerceve-bulut::after{animation:none}
}

/* ── Avatar süsleri: yalnızca SÜS SEÇİLİYSE taşmaya izin ver ──
   Aksi hâlde tüm avatarların taşması tıklama alanlarını ve
   yuvarlak kırpmayı bozuyordu. */
.avatar-wrap[class*="cerceve-"],
.dm-avatar[class*="cerceve-"],
.co-avatar[class*="cerceve-"],
.ust-avatar[class*="cerceve-"]{overflow:visible}
/* Avatarın kendisi her hâlükârda yuvarlak kalsın */
.avatar-wrap > img,.dm-avatar > img,.co-avatar > img{border-radius:50%;position:relative;z-index:1}
/* Süs katmanı tıklamayı engellemesin */
[class*="cerceve-"]::after,[class*="cerceve-"]::before{pointer-events:none!important}
/* Süs seçili satırlarda üst kırpmayı aç */
.msg:has([class*="cerceve-"]),
.dm-sohbet:has([class*="cerceve-"]),
.sb-kisi:has([class*="cerceve-"]),
.tk-sira:has([class*="cerceve-"]){overflow:visible}

/* Seçim ekranı: süs önizlemeleri için üstte boşluk */
.cerceve-ara-baslik{font-family:var(--disp);font-size:15px;color:var(--gold);
  margin:26px 0 6px;display:flex;align-items:center;gap:10px}
.yeni-rozet{font-size:9.5px;font-weight:900;letter-spacing:.06em;color:#fff;
  background:linear-gradient(135deg,var(--violet),var(--red));
  border-radius:999px;padding:2px 9px;box-shadow:0 0 12px rgba(139,124,255,.5)}
#cerceveSecici2{padding-top:34px}
#cerceveSecici2 .cerceve-onizle{margin-top:6px}
.co-avatar{position:relative;overflow:visible}

/* ═══════════ 1881 — ∞ bağlantısı (üst menü) ═══════════ */
.ataturk-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  padding:8px 16px;border-radius:999px;position:relative;overflow:hidden;
  border:1px solid rgba(227,10,23,.42);
  background:linear-gradient(135deg,rgba(227,10,23,.14),rgba(227,10,23,.05));
  transition:border-color .3s,box-shadow .3s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.ataturk-link:hover{border-color:rgba(227,10,23,.85);transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(227,10,23,.34)}
.ataturk-link::before{content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform .7s cubic-bezier(.4,0,.2,1)}
.ataturk-link:hover::before{transform:translateX(120%)}
.al-yil{font-family:var(--disp,Georgia,serif);font-size:13.5px;font-weight:700;
  letter-spacing:.07em;color:#ff8f97}
.al-sonsuz{font-family:Georgia,serif;font-size:17px;color:#E30A17;line-height:1;
  text-shadow:0 0 12px rgba(227,10,23,.7);animation:alSonsuz 4s ease-in-out infinite}
@keyframes alSonsuz{0%,100%{opacity:.85}50%{opacity:1;text-shadow:0 0 20px rgba(227,10,23,1)}}
@media(max-width:720px){.al-yil{display:none}.ataturk-link{padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.al-sonsuz{animation:none}.ataturk-link::before{transition:none}}

/* 1881 görsel yöneticisi */
.at-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.at-nokta{align-items:flex-start}
.at-onizle{width:64px;height:48px;border-radius:8px;flex-shrink:0;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.at-onizle img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2)}
.at-acik{color:var(--muted);font-style:italic;display:block;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-nokta.dolu{border-color:rgba(227,10,23,.4);
  background:linear-gradient(145deg,rgba(227,10,23,.07),transparent)}

/* ═══════════ SÜS KONUMLANDIRMA DÜZELTMESİ ═══════════
   Süsler avatarın ÜSTÜNDE durmalı, içine girmemeli.
   Kap boyutu avatarla aynı olmalı ki bottom:100% doğru yeri göstersin. */
.avatar-wrap{display:inline-block;position:relative;line-height:0;vertical-align:middle}
.avatar-wrap > img{display:block}
.dm-avatar,.co-avatar{position:relative;flex-shrink:0}
/* Süs katmanı her zaman avatarın üstünde, asla içinde değil */
[class*="cerceve-"]::after{z-index:4}
/* Küçük avatarlarda süsler orantılı küçülsün */
.dm-avatar.kucuk[class*="cerceve-"]::after{transform-origin:center bottom}
.avatar.kucuk{width:34px;height:34px}

/* ═══════════════ ROL ROZETLERİ ═══════════════ */
.rol-rozetler{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle}
.rol-rozet{display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;font-weight:700;letter-spacing:.01em;
  padding:3px 11px;border-radius:999px;white-space:nowrap;
  color:var(--rr,#8B7CFF);
  background:color-mix(in srgb,var(--rr,#8B7CFF) 15%,transparent);
  border:1px solid color-mix(in srgb,var(--rr,#8B7CFF) 45%,transparent);
  transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.rol-rozet:hover{transform:translateY(-1px);
  box-shadow:0 3px 12px color-mix(in srgb,var(--rr,#8B7CFF) 35%,transparent)}
.rol-rozet i{font-style:normal;font-size:12px;line-height:1}
.rol-rozetler.kucuk .rol-rozet{font-size:10.5px;padding:2px 9px}
.rol-rozet.buyuk{font-size:13px;padding:5px 14px}
/* color-mix desteklemeyen tarayıcılar için yedek */
@supports not (color: color-mix(in srgb, red 50%, blue)){
  .rol-rozet{background:rgba(139,124,255,.14);border-color:rgba(139,124,255,.42)}
}

/* Rol yöneticisi */
.rol-yonetici{margin:14px 0 22px}
.rol-ekle-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.rol-ekle-satir input{margin:0}
.rol-ekle-satir #rolAd{flex:1;min-width:150px}
.rol-ikon-girdi{width:64px;text-align:center;font-size:16px}
.rol-sira-girdi{width:78px}
.rol-ekle-satir input[type=color]{width:46px;height:40px;padding:3px;cursor:pointer;
  border-radius:9px;border:1px solid var(--line);background:var(--panel2)}
.rol-liste{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.rol-satir{display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:10px 13px;
  transition:border-color .2s,transform .18s}
.rol-satir:hover{border-color:rgba(139,124,255,.4);transform:translateX(2px)}
.rol-oto{font-size:10.5px;color:var(--gold);background:rgba(231,200,120,.13);
  border:1px solid rgba(231,200,120,.32);border-radius:999px;padding:2px 9px;white-space:nowrap}
.rol-sira-etiket{font-size:10.5px;color:var(--muted);font-family:monospace}
.rol-tus{margin-left:auto;display:flex;gap:5px}

/* Rol atama penceresi */
.rol-secim{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;margin:12px 0}
.rol-secim-oge{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:10px;
  cursor:pointer;transition:background .16s}
.rol-secim-oge:hover{background:rgba(255,255,255,.05)}
.rol-secim-oge.kilitli{opacity:.6;cursor:not-allowed}
.rol-secim-oge input{width:auto;margin:0;cursor:pointer}
.rol-secim-oge small{color:var(--muted);font-size:10.5px;margin-left:auto}
.rol-ata-btn{margin-left:6px}

/* Ana sayfa hero logosu — ortalanmış, metnin üstünde */
.hero-logo-wrap{display:flex;justify-content:center;margin:0 auto 22px;pointer-events:none;
  animation:heroLogoGir 1.1s cubic-bezier(.16,1,.3,1) both}
.hero-logo{width:clamp(96px,14vw,150px);height:auto;border-radius:22px;
  filter:drop-shadow(0 8px 28px rgba(139,124,255,.42))}
@keyframes heroLogoGir{from{opacity:0;transform:translate3d(0,20px,0) scale(.92)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-logo-wrap{animation:none}}

/* ═══════════════ ÇEVİRİ ═══════════════ */
.cev-kutu{margin-top:16px;background:var(--panel);border:1px solid var(--line);
  border-radius:17px;overflow:hidden}
.cev-dil-bar{display:flex;align-items:center;gap:10px;padding:13px 16px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.cev-dil-bar select{flex:1;margin:0;font-size:13.5px;padding:9px 13px;min-width:0}
.cev-degistir{width:38px;height:38px;border-radius:50%;flex-shrink:0;cursor:pointer;padding:9px;
  background:rgba(139,124,255,.14);border:1px solid rgba(139,124,255,.4);color:var(--violet);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.cev-degistir:hover{transform:rotate(180deg);background:rgba(139,124,255,.3)}
.cev-panel{display:grid;grid-template-columns:1fr auto 1fr;min-height:290px}
@media(max-width:760px){.cev-panel{grid-template-columns:1fr}
  .cev-ayirac{height:1px;width:100%;background:var(--line)}}
.cev-ayirac{width:1px;background:var(--line)}
.cev-taraf{display:flex;flex-direction:column;min-width:0}
.cev-taraf textarea{flex:1;border:none;background:none;resize:none;margin:0;border-radius:0;
  padding:18px;font-size:16px;line-height:1.7;min-height:230px;outline:none}
.cev-cikti{flex:1;padding:18px;font-size:16px;line-height:1.7;overflow-y:auto;min-height:230px;
  transition:opacity .25s}
.cev-cikti.calisiyor{opacity:.45}
.cev-bos{color:var(--muted);font-style:italic}
.cev-sonuc-metin{white-space:pre-wrap;animation:cevGir .35s cubic-bezier(.16,1,.3,1)}
@keyframes cevGir{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
.cev-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:9px 14px;border-top:1px solid var(--line);min-height:44px}
.cev-sayac{font-size:11.5px;color:var(--muted);font-family:monospace}
.cev-sayac.dolu{color:var(--red)}
.cev-bilgi{font-size:11.5px;color:var(--muted)}
.cev-araclar{display:flex;gap:6px;flex-wrap:wrap}

/* ═══════════════ ÇEVİRİ EDİTÖRÜ ═══════════════ */
.dok-duzen{display:grid;grid-template-columns:250px 1fr;gap:16px;margin-top:16px;
  height:min(880px,calc(100vh - 150px))}
@media(max-width:900px){.dok-duzen{grid-template-columns:1fr;height:auto}
  .dok-sol{max-height:230px}.dok-sag{min-height:70vh}}
.dok-sol{background:var(--panel);border:1px solid var(--line);border-radius:15px;
  display:flex;flex-direction:column;overflow:hidden}
.dok-sol-ust{display:flex;gap:7px;padding:11px;border-bottom:1px solid var(--line)}
.dok-sol-ust input{flex:1;margin:0;font-size:13px;padding:9px 12px;min-width:0}
.dok-sol-ust button{flex-shrink:0;padding:9px 14px;font-size:14px}
.dok-liste{flex:1;overflow-y:auto;padding:7px}
.dok-kart{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;
  cursor:pointer;transition:background .16s;position:relative}
.dok-kart:hover{background:rgba(255,255,255,.05)}
.dok-kart.aktif{background:rgba(139,124,255,.17);box-shadow:inset 3px 0 0 var(--violet)}
.dok-k-ikon{font-size:15px;flex-shrink:0}
.dok-k-bilgi{flex:1;min-width:0}
.dok-k-bilgi b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dok-k-bilgi small{font-size:10.5px;color:var(--muted);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;display:block}
.dok-k-sil{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;
  padding:2px 5px;border-radius:5px;opacity:0;transition:.16s;flex-shrink:0}
.dok-kart:hover .dok-k-sil{opacity:1}
.dok-k-sil:hover{background:rgba(255,61,90,.2);color:var(--red)}

.dok-sag{background:var(--panel);border:1px solid var(--line);border-radius:15px;
  display:flex;flex-direction:column;overflow:hidden}
.dok-bos{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;color:var(--muted);font-size:13.5px;padding:30px;text-align:center}
.dok-bos-ikon{width:76px;height:76px;opacity:.8;filter:drop-shadow(0 4px 16px rgba(139,124,255,.35))}
.dok-editor{flex:1;display:flex;flex-direction:column;min-height:0}
.dok-ust{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:11px 15px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.dok-baslik{flex:1;min-width:150px;margin:0;background:none;border:none;
  font-family:var(--disp);font-size:17px;padding:5px 0;outline:none;color:var(--txt)}
.dok-baslik:focus{border-bottom:1px solid var(--violet)}
.dok-ust-sag{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dok-durum{font-size:11.5px;color:var(--muted);white-space:nowrap}
.dok-durum.uyari{color:var(--gold)}
.dok-varlik{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#8FE0A0;
  background:rgba(143,224,160,.12);border:1px solid rgba(143,224,160,.35);
  border-radius:999px;padding:3px 10px;white-space:nowrap}
.dok-varlik-nokta{width:7px;height:7px;border-radius:50%;background:#8FE0A0;
  animation:varlikYanip 1.8s ease-in-out infinite}
@keyframes varlikYanip{0%,100%{opacity:1}50%{opacity:.35}}
.dok-salt-okunur{padding:9px 15px;background:rgba(231,200,120,.1);
  border-bottom:1px solid rgba(231,200,120,.3);font-size:12.5px;color:var(--gold)}

/* Araç çubuğu */
.dok-arac-cubugu{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:9px 13px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.dok-arac-cubugu.kilitli{opacity:.4;pointer-events:none}
.dok-arac-cubugu button{min-width:32px;height:32px;padding:0 8px;border-radius:8px;cursor:pointer;
  background:transparent;border:1px solid transparent;color:var(--txt);font-size:13.5px;
  font-family:inherit;display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s,border-color .15s,transform .15s}
.dok-arac-cubugu button:hover{background:rgba(139,124,255,.2);border-color:rgba(139,124,255,.4);
  transform:translateY(-1px)}
.dok-arac-cubugu button.etkin{background:rgba(139,124,255,.32);border-color:rgba(139,124,255,.6);color:#fff}
.dok-arac-cubugu select{margin:0;padding:6px 10px;font-size:12.5px;border-radius:8px;height:32px}
.dok-arac-cubugu input[type=color]{width:32px;height:32px;padding:2px;border-radius:8px;
  border:1px solid var(--line);background:var(--panel2);cursor:pointer}
.dok-ayirac{width:1px;height:22px;background:var(--line);margin:0 4px}
.dok-cevir-tus{background:rgba(139,124,255,.16)!important;border-color:rgba(139,124,255,.4)!important;
  font-size:12px!important;padding:0 12px!important}

/* Sayfa */
.dok-sayfa{flex:1;overflow-y:auto;padding:26px 20px;background:#0c0c14}
.dok-icerik{max-width:880px;margin:0 auto;min-height:100%;
  background:#15151f;border:1px solid var(--line);border-radius:10px;
  padding:clamp(30px,5vw,60px);outline:none;
  font-family:Georgia,"Times New Roman",serif;font-size:17.5px;line-height:1.9;color:#e6e6ee;
  box-shadow:0 8px 34px rgba(0,0,0,.4)}
.dok-icerik:focus{border-color:rgba(139,124,255,.4)}
.dok-icerik p{margin:0 0 12px}
.dok-icerik h1{font-size:1.9em;margin:22px 0 12px;font-family:var(--disp)}
.dok-icerik h2{font-size:1.5em;margin:20px 0 10px;font-family:var(--disp)}
.dok-icerik h3{font-size:1.25em;margin:16px 0 8px;font-family:var(--disp)}
.dok-icerik blockquote{border-left:3px solid var(--violet);margin:14px 0;padding:6px 0 6px 16px;
  color:var(--muted);font-style:italic}
.dok-icerik pre{background:#0a0a12;border:1px solid var(--line);border-radius:8px;
  padding:12px 15px;overflow-x:auto;font-family:monospace;font-size:13.5px}
.dok-icerik ul,.dok-icerik ol{margin:0 0 12px;padding-left:26px}
.dok-icerik li{margin-bottom:5px}
.dok-icerik a{color:var(--violet)}
.dok-alt-bar{display:flex;justify-content:space-between;gap:12px;padding:8px 15px;
  border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}

/* Paylaşım penceresi */
.pay-secenekler{display:flex;flex-direction:column;gap:7px;margin:12px 0}
.pay-oge{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:11px;
  cursor:pointer;border:1px solid var(--line);transition:.16s}
.pay-oge:hover{background:rgba(255,255,255,.04);border-color:rgba(139,124,255,.35)}
.pay-oge input{width:auto;margin:3px 0 0;cursor:pointer;flex-shrink:0}
.pay-oge b{display:block;font-size:13.5px}
.pay-oge small{color:var(--muted);font-size:11.5px}
.pay-uyeler{max-height:220px;overflow-y:auto;border:1px solid var(--line);
  border-radius:11px;padding:7px;margin-bottom:12px}
.pay-uye{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;
  cursor:pointer;transition:background .15s;font-size:13px}
.pay-uye:hover{background:rgba(255,255,255,.05)}
.pay-uye input{width:auto;margin:0;cursor:pointer}
.cakisma-secim{display:flex;flex-direction:column;gap:9px;margin:14px 0}

/* Oturum bildirimi */
.oturum-bildirim{position:fixed;bottom:22px;left:50%;transform:translate(-50%,26px);
  z-index:930;display:flex;align-items:center;gap:12px;opacity:0;
  background:var(--panel);border:1px solid rgba(139,124,255,.5);border-radius:999px;
  padding:11px 15px 11px 20px;box-shadow:0 12px 36px rgba(0,0,0,.6);font-size:13px;
  transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.oturum-bildirim.gorunur{opacity:1;transform:translate(-50%,0)}
.oturum-bildirim b{color:var(--violet)}
.oturum-bildirim button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}
.oturum-bildirim button:hover{color:var(--txt)}
@media(prefers-reduced-motion:reduce){
  .dok-varlik-nokta{animation:none}.cev-degistir:hover{transform:none}}

/* ═══════════════════════════════════════════════════════════
   ANİME İMLEÇLERİ
   body sınıfıyla değiştirilir: imlec-katana / imlec-sakura /
   imlec-yildiz / imlec-kalp / imlec-pati
   ═══════════════════════════════════════════════════════════ */

/* ── ⚔️ Katana ── */
body.imlec-katana{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20d%3D%22M2.5%2029.5%20L21.5%206.5%20L24%208.5%20L5%2030.5%20Z%22%20fill%3D%22%23dfe2ee%22%20stroke%3D%22%232a2340%22%20stroke-width%3D%220.8%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M4.2%2028.6%20L21.4%208%20L22%208.5%20L5%2029.2%20Z%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.7%22%2F%3E%20%3Cpath%20d%3D%22M2.5%2029.5%20L4%2028%20L5%2029%20L4%2030.5%20Z%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.9%22%2F%3E%20%3Cellipse%20cx%3D%2222.6%22%20cy%3D%228.4%22%20rx%3D%223.4%22%20ry%3D%221.5%22%20transform%3D%22rotate%28-45%2022.6%208.4%29%22%20fill%3D%22%23E7C878%22%20stroke%3D%22%238a6d1e%22%20stroke-width%3D%220.6%22%2F%3E%20%3Crect%20x%3D%2223.2%22%20y%3D%223.4%22%20width%3D%226.6%22%20height%3D%223.1%22%20rx%3D%221.3%22%20transform%3D%22rotate%2845%2026.5%205%29%22%20fill%3D%22%235a2733%22%2F%3E%20%3Cg%20stroke%3D%22%23FF3D5A%22%20stroke-width%3D%220.8%22%20opacity%3D%220.95%22%3E%3Cline%20x1%3D%2224.4%22%20y1%3D%225.6%22%20x2%3D%2226%22%20y2%3D%223.2%22%2F%3E%3Cline%20x1%3D%2225.8%22%20y1%3D%227%22%20x2%3D%2227.4%22%20y2%3D%224.6%22%2F%3E%3Cline%20x1%3D%2227.2%22%20y1%3D%228.2%22%20x2%3D%2228.8%22%20y2%3D%225.8%22%2F%3E%3C%2Fg%3E%20%3Ccircle%20cx%3D%2229.4%22%20cy%3D%222.6%22%20r%3D%221.3%22%20fill%3D%22%238B7CFF%22%2F%3E%3C%2Fsvg%3E") 2 30,auto}
body.imlec-katana a,body.imlec-katana button,body.imlec-katana .snav,
body.imlec-katana [onclick],body.imlec-katana label,body.imlec-katana select{
  cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20d%3D%22M2.5%2029.5%20L21.5%206.5%20L24%208.5%20L5%2030.5%20Z%22%20fill%3D%22%23fff6d8%22%20stroke%3D%22%232a2340%22%20stroke-width%3D%220.8%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M4.2%2028.6%20L21.4%208%20L22%208.5%20L5%2029.2%20Z%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.85%22%2F%3E%20%3Cpath%20d%3D%22M2.5%2029.5%20L4%2028%20L5%2029%20L4%2030.5%20Z%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.9%22%2F%3E%20%3Cellipse%20cx%3D%2222.6%22%20cy%3D%228.4%22%20rx%3D%223.4%22%20ry%3D%221.5%22%20transform%3D%22rotate%28-45%2022.6%208.4%29%22%20fill%3D%22%23FFcf4d%22%20stroke%3D%22%238a6d1e%22%20stroke-width%3D%220.6%22%2F%3E%20%3Crect%20x%3D%2223.2%22%20y%3D%223.4%22%20width%3D%226.6%22%20height%3D%223.1%22%20rx%3D%221.3%22%20transform%3D%22rotate%2845%2026.5%205%29%22%20fill%3D%22%235a2733%22%2F%3E%20%3Cg%20stroke%3D%22%23FF3D5A%22%20stroke-width%3D%220.8%22%20opacity%3D%220.95%22%3E%3Cline%20x1%3D%2224.4%22%20y1%3D%225.6%22%20x2%3D%2226%22%20y2%3D%223.2%22%2F%3E%3Cline%20x1%3D%2225.8%22%20y1%3D%227%22%20x2%3D%2227.4%22%20y2%3D%224.6%22%2F%3E%3Cline%20x1%3D%2227.2%22%20y1%3D%228.2%22%20x2%3D%2228.8%22%20y2%3D%225.8%22%2F%3E%3C%2Fg%3E%20%3Ccircle%20cx%3D%2229.4%22%20cy%3D%222.6%22%20r%3D%221.3%22%20fill%3D%22%23FF3D5A%22%2F%3E%3C%2Fsvg%3E") 2 30,pointer}

/* ── 🌸 Sakura ── */
body.imlec-sakura{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22translate%2815%2015%29%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.0%22%20rx%3D%223.8%22%20ry%3D%226.0%22%20fill%3D%22%23F58EB4%22%20transform%3D%22rotate%28-90%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.0%22%20rx%3D%223.8%22%20ry%3D%226.0%22%20fill%3D%22%23f9a8c6%22%20transform%3D%22rotate%28-18%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.0%22%20rx%3D%223.8%22%20ry%3D%226.0%22%20fill%3D%22%23F58EB4%22%20transform%3D%22rotate%2854%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.0%22%20rx%3D%223.8%22%20ry%3D%226.0%22%20fill%3D%22%23f9a8c6%22%20transform%3D%22rotate%28126%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.0%22%20rx%3D%223.8%22%20ry%3D%226.0%22%20fill%3D%22%23F58EB4%22%20transform%3D%22rotate%28198%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-9.0%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28-90%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-9.0%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28-18%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-9.0%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%2854%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-9.0%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28126%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-9.0%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28198%200%200%29%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23E7C878%22%2F%3E%3Ccircle%20r%3D%221.1%22%20fill%3D%22%23fff%22%20opacity%3D%220.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 15 15,auto}
body.imlec-sakura a,body.imlec-sakura button,body.imlec-sakura .snav,
body.imlec-sakura [onclick],body.imlec-sakura label,body.imlec-sakura select{
  cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20transform%3D%22translate%2817%2017%29%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.9%22%20rx%3D%224.3%22%20ry%3D%226.8%22%20fill%3D%22%23FF3D5A%22%20transform%3D%22rotate%28-90%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.9%22%20rx%3D%224.3%22%20ry%3D%226.8%22%20fill%3D%22%23ff7a8f%22%20transform%3D%22rotate%28-18%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.9%22%20rx%3D%224.3%22%20ry%3D%226.8%22%20fill%3D%22%23FF3D5A%22%20transform%3D%22rotate%2854%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.9%22%20rx%3D%224.3%22%20ry%3D%226.8%22%20fill%3D%22%23ff7a8f%22%20transform%3D%22rotate%28126%200%200%29%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-7.9%22%20rx%3D%224.3%22%20ry%3D%226.8%22%20fill%3D%22%23FF3D5A%22%20transform%3D%22rotate%28198%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-10.2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28-90%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-10.2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28-18%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-10.2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%2854%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-10.2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28126%200%200%29%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22-10.2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.5%22%20opacity%3D%220.4%22%20transform%3D%22rotate%28198%200%200%29%22%2F%3E%3Ccircle%20r%3D%222.9%22%20fill%3D%22%23E7C878%22%2F%3E%3Ccircle%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 17 17,pointer}

/* ── ⭐ Yıldız ── */
body.imlec-yildiz{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate%2814%2014%29%22%3E%3Cpath%20d%3D%22M%200.00%20-12.00%20L%202.96%20-4.08%20L%2011.41%20-3.71%20L%204.79%201.56%20L%207.05%209.71%20L%200.00%205.04%20L%20-7.05%209.71%20L%20-4.79%201.56%20L%20-11.41%20-3.71%20L%20-2.96%20-4.08%20Z%22%20fill%3D%22%238B7CFF%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20r%3D%222.5%22%20fill%3D%22%23fff%22%20opacity%3D%220.55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 14 14,auto}
body.imlec-yildiz a,body.imlec-yildiz button,body.imlec-yildiz .snav,
body.imlec-yildiz [onclick],body.imlec-yildiz label,body.imlec-yildiz select{
  cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22translate%2816%2016%29%22%3E%3Cpath%20d%3D%22M%200.00%20-13.68%20L%203.38%20-4.65%20L%2013.01%20-4.23%20L%205.46%201.78%20L%208.04%2011.07%20L%200.00%205.75%20L%20-8.04%2011.07%20L%20-5.46%201.78%20L%20-13.01%20-4.23%20L%20-3.38%20-4.65%20Z%22%20fill%3D%22%23E7C878%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20r%3D%222.8%22%20fill%3D%22%23fff%22%20opacity%3D%220.55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 16,pointer}

/* ── 💖 Kalp ── */
body.imlec-kalp{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M14%2024c-6-4.6-11-8.9-11-14.2A5.9%205.9%200%200%201%2014%206.6%205.9%205.9%200%200%201%2025%209.8C25%2015.1%2020%2019.4%2014%2024z%22%20fill%3D%22%23F58EB4%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%2210%22%20rx%3D%222.2%22%20ry%3D%221.5%22%20fill%3D%22%23fff%22%20opacity%3D%220.6%22%20transform%3D%22rotate%28-30%209.5%2010%29%22%2F%3E%3C%2Fsvg%3E") 14 12,auto}
body.imlec-kalp a,body.imlec-kalp button,body.imlec-kalp .snav,
body.imlec-kalp [onclick],body.imlec-kalp label,body.imlec-kalp select{
  cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2027c-7-5.4-13-10.4-13-16.6A6.9%206.9%200%200%201%2016%207.4%206.9%206.9%200%200%201%2029%2011.2C29%2017.4%2023%2022.6%2016%2027z%22%20fill%3D%22%23FF3D5A%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cellipse%20cx%3D%2210.5%22%20cy%3D%2211%22%20rx%3D%222.6%22%20ry%3D%221.7%22%20fill%3D%22%23fff%22%20opacity%3D%220.6%22%20transform%3D%22rotate%28-30%2010.5%2011%29%22%2F%3E%3C%2Fsvg%3E") 16 14,pointer}

/* ── 🐾 Kedi patisi ── */
body.imlec-pati{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20fill%3D%22%238B7CFF%22%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%2220%22%20rx%3D%227.8%22%20ry%3D%226.8%22%2F%3E%3Cellipse%20cx%3D%227%22%20cy%3D%2212%22%20rx%3D%223.4%22%20ry%3D%224.4%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%228%22%20rx%3D%223.4%22%20ry%3D%224.7%22%2F%3E%3Cellipse%20cx%3D%2219.5%22%20cy%3D%228.5%22%20rx%3D%223.4%22%20ry%3D%224.7%22%2F%3E%3Cellipse%20cx%3D%2225%22%20cy%3D%2213.5%22%20rx%3D%223.2%22%20ry%3D%224.1%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%220.5%22%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%2218.5%22%20rx%3D%224.2%22%20ry%3D%223.2%22%2F%3E%3Cellipse%20cx%3D%227%22%20cy%3D%2212%22%20rx%3D%221.6%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%228%22%20rx%3D%221.6%22%20ry%3D%222.2%22%2F%3E%3Cellipse%20cx%3D%2219.5%22%20cy%3D%228.5%22%20rx%3D%221.6%22%20ry%3D%222.2%22%2F%3E%3Cellipse%20cx%3D%2225%22%20cy%3D%2213.5%22%20rx%3D%221.5%22%20ry%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 15 18,auto}
body.imlec-pati a,body.imlec-pati button,body.imlec-pati .snav,
body.imlec-pati [onclick],body.imlec-pati label,body.imlec-pati select{
  cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22%23F58EB4%22%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2223%22%20rx%3D%227.8%22%20ry%3D%226.8%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%2215%22%20rx%3D%223.4%22%20ry%3D%224.4%22%2F%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%2211%22%20rx%3D%223.4%22%20ry%3D%224.7%22%2F%3E%3Cellipse%20cx%3D%2221.5%22%20cy%3D%2211.5%22%20rx%3D%223.4%22%20ry%3D%224.7%22%2F%3E%3Cellipse%20cx%3D%2227%22%20cy%3D%2216.5%22%20rx%3D%223.2%22%20ry%3D%224.1%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%220.5%22%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2221.5%22%20rx%3D%224.2%22%20ry%3D%223.2%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%2215%22%20rx%3D%221.6%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%2211%22%20rx%3D%221.6%22%20ry%3D%222.2%22%2F%3E%3Cellipse%20cx%3D%2221.5%22%20cy%3D%2211.5%22%20rx%3D%221.6%22%20ry%3D%222.2%22%2F%3E%3Cellipse%20cx%3D%2227%22%20cy%3D%2216.5%22%20rx%3D%221.5%22%20ry%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 17 21,pointer}

/* Metin alanlarında normal imleç kalsın — yazarken karışmasın */
body[class*="imlec-"] input,body[class*="imlec-"] textarea,
body[class*="imlec-"] [contenteditable="true"]{cursor:text}

/* İmleç seçici */
.imlec-secici{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));
  gap:10px;margin:12px 0}
.imlec-oge{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 9px;
  border-radius:13px;cursor:pointer;text-align:center;
  background:var(--panel);border:1px solid var(--line);
  transition:border-color .2s,transform .2s cubic-bezier(.34,1.56,.64,1),background .2s}
.imlec-oge:hover{border-color:rgba(139,124,255,.55);transform:translateY(-3px);
  background:rgba(139,124,255,.08)}
.imlec-oge.secili{border-color:var(--violet);background:rgba(139,124,255,.17);
  box-shadow:0 0 16px rgba(139,124,255,.3)}
.imlec-onizle{width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.imlec-onizle svg{width:100%;height:100%}
.imlec-oge span{font-size:12px;font-weight:700}

/* ═══════════════ EKRAN YAYINI (nostaljik TV jeneriği) ═══════════════ */
/* Admin panel butonları */
.yayin-tuslar{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}
.yayin-btn{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;cursor:pointer;
  border:1px solid var(--line);text-align:left;flex:1;min-width:240px;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s}
.yayin-btn.uyku{background:linear-gradient(135deg,rgba(139,124,255,.16),rgba(80,90,200,.1))}
.yayin-btn.dublaj{background:linear-gradient(135deg,rgba(255,61,90,.14),rgba(231,200,120,.1))}
.yayin-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.4);border-color:var(--violet)}
.yayin-emoji{font-size:34px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}
.yayin-yazi b{display:block;font-family:var(--disp);font-size:16px;margin-bottom:2px}
.yayin-yazi small{color:var(--muted);font-size:12px}

/* Tam ekran kaplama */
.yayin-kapla{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;
  overflow:hidden;animation:yayinGir .5s ease both}
.yayin-kapla.y-mor{background:radial-gradient(ellipse at 50% 35%,#241a44 0%,#0a0818 75%)}
.yayin-kapla.y-kirmizi{background:radial-gradient(ellipse at 50% 35%,#3a1730 0%,#120814 75%)}
.yayin-kapla.y-mavi{background:radial-gradient(ellipse at 50% 35%,#13294a 0%,#070c1a 75%)}
.yayin-kapla.y-yesil{background:radial-gradient(ellipse at 50% 35%,#153a2c 0%,#07140f 75%)}
.yayin-kapla.cikis{animation:yayinCik .8s ease both}
@keyframes yayinGir{from{opacity:0}to{opacity:1}}
@keyframes yayinCik{from{opacity:1}to{opacity:0;transform:scale(1.04)}}

.yayin-yildizlar{position:absolute;inset:0;pointer-events:none}
.y-yildiz{position:absolute;color:#fff;opacity:.15;animation:yildizParilti 2.4s ease-in-out infinite}
@keyframes yildizParilti{0%,100%{opacity:.12;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}

.yayin-ic{position:relative;text-align:center;padding:20px;z-index:1}
.yayin-bocek{width:clamp(140px,26vw,230px);height:auto;display:block;margin:0 auto 14px;
  filter:drop-shadow(0 10px 30px rgba(139,124,255,.5));
  animation:bocekGir .9s cubic-bezier(.2,.9,.3,1.3) both, bocekSuzul 3s ease-in-out .9s infinite}
@keyframes bocekGir{from{opacity:0;transform:translateY(40px) scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes bocekSuzul{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}

.yayin-baslik{font-family:var(--disp);font-weight:800;color:#fff;line-height:1.05;margin:0 0 12px;
  font-size:clamp(30px,7vw,62px);letter-spacing:1px;
  text-shadow:0 4px 24px rgba(139,124,255,.6),0 2px 6px rgba(0,0,0,.5);
  animation:baslikGir .7s cubic-bezier(.16,1,.3,1) .25s both}
.y-kirmizi .yayin-baslik{text-shadow:0 4px 24px rgba(255,61,90,.55),0 2px 6px rgba(0,0,0,.5)}
.y-mavi .yayin-baslik{text-shadow:0 4px 24px rgba(90,150,255,.55),0 2px 6px rgba(0,0,0,.5)}
.y-yesil .yayin-baslik{text-shadow:0 4px 24px rgba(80,220,150,.5),0 2px 6px rgba(0,0,0,.5)}
@keyframes baslikGir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.yayin-alt{color:#cdc7ea;font-size:clamp(14px,2.4vw,19px);margin:0;
  animation:baslikGir .7s cubic-bezier(.16,1,.3,1) .45s both}
@media(prefers-reduced-motion:reduce){
  .yayin-bocek,.y-yildiz{animation:none}
  .yayin-baslik,.yayin-alt{animation:none}}

/* ═══════════════ ANİME VERİTABANI ═══════════════ */
.anime-ara-bar{margin:6px 0 18px}
.anime-ara-bar input{width:100%;margin:0;padding:13px 16px;font-size:14.5px;border-radius:13px}
.anime-bolum-baslik{margin:0 0 14px}
.anime-yukleniyor{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
.anime-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.anime-kart{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s}
.anime-kart:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.45);border-color:var(--violet)}
.anime-kapak{position:relative;aspect-ratio:3/4;background:var(--panel2);overflow:hidden}
.anime-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.anime-kapak-yok{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.4}
.anime-puan{position:absolute;top:8px;left:8px;background:rgba(10,8,20,.85);color:#E7C878;font-weight:700;
  font-size:11.5px;padding:3px 8px;border-radius:99px}
.anime-tur{position:absolute;top:8px;right:8px;background:rgba(139,124,255,.9);color:#fff;font-weight:700;
  font-size:10px;padding:3px 8px;border-radius:99px;text-transform:uppercase}
.anime-kart-alt{padding:10px 11px}
.anime-kart-alt b{display:block;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}
.anime-kart-alt small{color:var(--muted);font-size:11px;margin-top:3px;display:block}

/* Detay modalı */
.anime-modal-kutu{max-width:760px;width:94%;max-height:90vh;overflow-y:auto}
.anime-detay-ust{display:flex;gap:20px;flex-wrap:wrap}
.anime-detay-kapak{width:190px;max-width:40%;border-radius:12px;object-fit:cover;flex-shrink:0;
  box-shadow:0 8px 24px rgba(0,0,0,.4)}
.anime-detay-bilgi{flex:1;min-width:220px}
.anime-detay-bilgi h2{margin:0 0 4px;font-family:var(--disp);font-size:22px}
.anime-jp{color:var(--muted);font-size:13px;margin:0 0 10px}
.anime-rozetler{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.ar-rozet{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:12px;font-weight:600}
.ar-puan{color:#E7C878;border-color:rgba(231,200,120,.4)}
.anime-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.anime-etiketler span{background:rgba(139,124,255,.14);color:var(--violet);border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:600}
.anime-studyo{color:var(--muted);font-size:12.5px;margin:0 0 12px}
.anime-detay-tuslar{display:flex;gap:9px;flex-wrap:wrap}
.anime-detay-tuslar a{text-decoration:none}
.anime-ozet{margin-top:18px}
.anime-ozet h3,.anime-karakterler h3{font-family:var(--disp);font-size:16px;margin:0 0 8px}
.anime-ozet p{color:var(--txt);opacity:.9;line-height:1.7;font-size:13.5px}
.anime-karakterler{margin-top:20px}
.anime-kar-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.anime-kar{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center}
.anime-kar img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 7px;display:block}
.anime-kar-yok{width:64px;height:64px;border-radius:50%;background:var(--panel);display:flex;align-items:center;
  justify-content:center;font-size:26px;margin:0 auto 7px;opacity:.5}
.anime-kar b{display:block;font-size:12.5px;line-height:1.3;margin-bottom:3px}
.anime-kar-rol{display:inline-block;font-size:10px;background:rgba(255,61,90,.16);color:#ff8ba0;
  border-radius:6px;padding:1px 7px;margin-bottom:4px}
.anime-kar small{display:block;color:var(--muted);font-size:11px}
@media(max-width:560px){.anime-detay-kapak{width:140px;margin:0 auto}}

/* ═══════════════ SES ARAÇLARI (gürültü + normalize) ═══════════════ */
.ses-calisma{margin-top:8px}
.ses-ad-satir{margin-bottom:12px}
.ses-onizle{display:flex;gap:16px;flex-wrap:wrap}
.ses-kutu{flex:1;min-width:260px;display:flex;flex-direction:column;gap:8px;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;min-height:96px;justify-content:center}
.ses-kutu audio{width:100%}
.ses-ilerleme{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 0}
.ses-ilerleme .bg-cubuk{width:100%}
.lf-spin{width:26px;height:26px;border:3px solid rgba(139,124,255,.25);border-top-color:var(--violet);
  border-radius:50%;animation:lfDon .8s linear infinite}
@keyframes lfDon{to{transform:rotate(360deg)}}
.lf-olcum{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.lf-olcum-satir{display:flex;justify-content:space-between;font-size:13px;padding:6px 10px;
  background:var(--panel2);border-radius:8px}
.lf-olcum-satir span{color:var(--muted)}
.lf-olcum-satir.vurgu{background:rgba(139,124,255,.16);border:1px solid rgba(139,124,255,.35)}
.lf-olcum-satir.vurgu b{color:var(--violet)}
.lf-uyari{font-size:11.5px;color:#E7C878;margin:4px 0 0}
@media(prefers-reduced-motion:reduce){.lf-spin{animation:none}}

/* Jenerik Stüdyosu */
.js-studyo{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;max-width:560px;margin-top:6px}
.js-alan{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:12px}
.js-alan input,.js-alan select{width:100%;margin-top:5px;padding:10px 12px;font-size:13.5px;border-radius:10px;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt)}
.js-satir{display:flex;gap:12px;flex-wrap:wrap}
.js-satir .js-alan{flex:1;min-width:150px}
.js-tuslar{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

/* ═══════════════ SİTE MASKOTU (Işıltı) ═══════════════ */
.maskot{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;
  animation:maskotGel .6s cubic-bezier(.2,.9,.3,1.3) both}
.maskot.gitti{animation:maskotGit .4s ease forwards}
@keyframes maskotGel{from{opacity:0;transform:translateY(30px) scale(.6)}to{opacity:1;transform:none}}
@keyframes maskotGit{to{opacity:0;transform:translateY(30px) scale(.6)}}
.maskot-govde{width:66px;height:66px;cursor:pointer;filter:drop-shadow(0 6px 16px rgba(139,124,255,.5));
  animation:maskotSuzul 3.4s ease-in-out infinite;transition:transform .2s}
.maskot-govde:hover{transform:scale(1.12) rotate(-4deg)}
.maskot-govde:active{transform:scale(.94)}
.maskot-bocek{width:100%;height:100%;display:block}
@keyframes maskotSuzul{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.maskot.konusuyor .maskot-govde{animation-play-state:paused}
.maskot-balon{max-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:11px 14px;font-size:13px;line-height:1.5;color:var(--txt);margin-bottom:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.4);position:relative;animation:balonGel .3s cubic-bezier(.16,1,.3,1) both}
.maskot-balon::after{content:"";position:absolute;bottom:-7px;right:26px;width:12px;height:12px;
  background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.maskot-balon.hidden{display:none}
@keyframes balonGel{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
.maskot-kapat{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;
  background:var(--panel2);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px;
  opacity:0;transition:opacity .2s;z-index:2}
.maskot:hover .maskot-kapat{opacity:1}
.maskot-kapat:hover{color:var(--red);border-color:var(--red)}
@media(prefers-reduced-motion:reduce){.maskot-govde{animation:none}}
@media(max-width:640px){.maskot{right:12px;bottom:76px}.maskot-govde{width:54px;height:54px}}

/* ═══════════════ DiceBear avatar üretici ═══════════════ */
.dicebear-arac{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:520px}
.db-ust{display:flex;gap:10px;margin-bottom:14px}
.db-ust select{flex:1;padding:9px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--txt);font-size:13px}
.db-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.db-oge{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:5px;cursor:pointer;
  aspect-ratio:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .2s}
.db-oge:hover{transform:translateY(-3px) scale(1.05);border-color:var(--violet);box-shadow:0 8px 20px rgba(139,124,255,.35)}
.db-oge img{width:100%;height:100%;border-radius:9px;display:block}

/* ═══════════════ GIF SEÇİCİ ═══════════════ */
.gif-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;
  background:rgba(3,3,10,.8);backdrop-filter:blur(5px);padding:20px}
.gif-overlay.hidden{display:none}
.gif-kutu{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:520px;
  max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.gif-ust{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--line)}
.gif-ust input{flex:1;margin:0;padding:10px 14px;border-radius:10px}
.gif-kapat{width:40px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:10px;cursor:pointer;font-size:15px}
.gif-kapat:hover{color:var(--red)}
.gif-izgara{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;align-content:start}
.gif-yukleniyor{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 20px;line-height:1.6}
.gif-oge{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;background:var(--panel2);
  aspect-ratio:1;transition:transform .14s,border-color .18s}
.gif-oge:hover{transform:scale(1.05);border-color:var(--violet)}
.gif-oge img{width:100%;height:100%;object-fit:cover;display:block}
.gif-alt{padding:9px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}

/* Anime filtre butonları */
.anime-filtre{display:flex;gap:8px;margin-bottom:16px}
.anime-fbtn{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:99px;
  padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:.18s}
.anime-fbtn:hover{color:var(--txt)}
.anime-fbtn.aktif{background:rgba(139,124,255,.2);border-color:var(--violet);color:var(--txt)}

/* Anime alt filtre + daha fazla */
.anime-filtre{flex-wrap:wrap}
.anime-alt-filtre{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.anime-alt-filtre select{flex:1;min-width:150px;max-width:240px;padding:9px 12px;border-radius:10px;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt);font-size:13px}
.anime-daha-sar{text-align:center;margin-top:22px}
.anime-daha{padding:12px 28px}

/* Profil foto tuşları + DiceBear başlık */
.profil-foto-tuslar{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.db-baslik{font-family:var(--disp);font-size:15px;margin:22px 0 4px;color:var(--txt)}

/* ═══════════════ NOTLAR (Instagram tarzı) ═══════════════ */
.notlar-serit{display:flex;gap:16px;overflow-x:auto;padding:14px 4px 18px;margin-bottom:6px;
  scrollbar-width:thin;border-bottom:1px solid var(--line)}
.notlar-serit:empty{display:none}
.not-oge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;width:74px;
  position:relative;padding-top:22px}
.not-balon{position:absolute;top:-2px;left:50%;transform:translateX(-50%);z-index:2;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt);
  font-size:10.5px;line-height:1.25;border-radius:12px;padding:5px 8px;max-width:96px;
  white-space:normal;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.35);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:34px}
.not-balon::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);
  width:8px;height:8px;background:var(--panel2);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.not-balon.bos{color:var(--muted);font-style:italic}
.not-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;position:relative;
  border:2px solid var(--line);background:var(--panel2);display:flex;align-items:center;justify-content:center;
  transition:transform .18s,border-color .18s}
.not-oge:hover .not-avatar{transform:scale(1.06);border-color:var(--violet)}
.not-avatar img{width:100%;height:100%;object-fit:cover}
.not-avatar span{font-weight:800;font-size:19px;color:var(--violet)}
.not-arti{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;
  background:var(--violet);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--bg)}
.not-oge small{font-size:11px;color:var(--muted);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.not-oge.benim .not-avatar{border-color:var(--violet);border-style:dashed}

/* Not bırakma modalı */
.not-modal{max-width:420px}
.not-emoji-secim{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.not-emoji{width:38px;height:38px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);
  font-size:18px;cursor:pointer;transition:.15s}
.not-emoji:hover{transform:scale(1.1)}
.not-emoji.secili{border-color:var(--violet);background:rgba(139,124,255,.2);transform:scale(1.1)}
.not-modal textarea{width:100%;margin:0;resize:none;padding:12px 14px;font-size:14px;border-radius:11px}
.not-sayac{text-align:right;font-size:11px;color:var(--muted);margin:5px 2px 14px}
.not-modal-tuslar{display:flex;gap:10px;justify-content:space-between}

/* Not gösterme (büyük) penceresi */
.not-goster-kutu{max-width:400px;text-align:center}
.ng-buyuk-balon{background:var(--panel2);border:1px solid var(--line);border-radius:18px;
  padding:22px 20px;font-size:20px;line-height:1.4;color:var(--txt);margin:8px 0 20px;
  font-family:var(--disp);word-break:break-word}
.ng-kisi{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:20px}
.ng-kisi-bilgi{text-align:left}
.ng-kisi-bilgi b{display:block;font-size:15px}
.ng-kisi-bilgi small{color:var(--muted);font-size:12px}
.ng-mesaj-btn{width:100%}

/* ═══════════════ MANGA / MANHWA ═══════════════ */
.manga-liste-baslik{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.manga-yeni-btn{white-space:nowrap}
.manga-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:14px}
.manga-kart{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s}
.manga-kart:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.45);border-color:var(--violet)}
.manga-kapak{position:relative;aspect-ratio:3/4;background:var(--panel2);overflow:hidden}
.manga-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.manga-kapak-yok{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.4}
.manga-tur-rozet{position:absolute;top:8px;left:8px;background:rgba(139,124,255,.92);color:#fff;font-weight:700;
  font-size:9.5px;padding:3px 8px;border-radius:99px;letter-spacing:.4px}
.manga-bolum-rozet{position:absolute;bottom:8px;right:8px;background:rgba(10,8,20,.82);color:#fff;font-weight:600;
  font-size:10.5px;padding:3px 8px;border-radius:99px}
.manga-kart-alt{padding:10px 11px}
.manga-kart-alt b{display:block;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}
.manga-kart-alt small{color:var(--muted);font-size:11px;margin-top:3px;display:block}

.manga-geri{background:none;border:none;color:var(--violet);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:14px;padding:4px 0}
.manga-detay-ust{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.manga-detay-kapak{width:180px;max-width:40%;border-radius:12px;object-fit:cover;flex-shrink:0;
  box-shadow:0 8px 24px rgba(0,0,0,.4);aspect-ratio:3/4}
.manga-detay-bilgi{flex:1;min-width:220px}
.manga-detay-bilgi h2{margin:0 0 8px;font-family:var(--disp);font-size:22px}
.manga-rozetler{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.manga-aciklama{color:var(--txt);opacity:.9;line-height:1.6;font-size:13.5px;margin:10px 0}
.manga-yonetim{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.manga-bolum-liste{display:flex;flex-direction:column;gap:8px}
.manga-bolum-satir{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--panel);
  border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:background .16s,border-color .16s}
.manga-bolum-satir:hover{background:var(--panel2);border-color:var(--violet)}
.mb-no{font-weight:700;font-size:13.5px}
.mb-baslik{color:var(--muted);font-size:13px;flex:1}
.mb-sayfa{color:var(--muted);font-size:11.5px;margin-left:auto}
.mb-sil{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}
.mb-sil:hover{color:var(--red);background:rgba(255,61,90,.12)}

/* Okuyucu (dikey webtoon) */
.okuyucu-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;margin-bottom:14px;position:sticky;top:8px;z-index:20;backdrop-filter:blur(6px)}
.okuyucu-bar.alt{position:static;margin-top:16px}
.okuyucu-baslik{font-weight:700;font-size:13.5px;flex:1;min-width:120px}
.okuyucu-nav{display:flex;gap:8px}
.okuyucu-sayfalar{display:flex;flex-direction:column;align-items:center;background:#0a0a12;border-radius:10px;padding:0}
.okuyucu-sayfalar img{width:100%;max-width:820px;display:block;height:auto}

/* ═══════════════ MİSAFİR MODU + KEŞFET KARTLARI ═══════════════ */
/* Landing keşfet bölümü */
#misafirKesfet .mk-alt{color:var(--muted);text-align:center;max-width:600px;margin:0 auto 22px;line-height:1.6}
.mk-kartlar{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:820px;margin:0 auto}
.mk-kart{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  padding:32px 24px;border-radius:18px;cursor:pointer;color:var(--txt);
  border:1px solid var(--line);background:linear-gradient(150deg,rgba(139,124,255,.14),rgba(139,124,255,.03));
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s}
.mk-kart.manga{background:linear-gradient(150deg,rgba(245,142,180,.14),rgba(245,142,180,.03))}
.mk-kart.izle{background:linear-gradient(150deg,rgba(255,61,90,.16),rgba(255,61,90,.03))}
.mk-kart:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.4);border-color:var(--violet)}
.mk-emoji{font-size:42px}
.mk-kart b{font-size:16px;font-weight:700}

/* Misafir banner (sidebar) */
.misafir-banner{display:none;flex-direction:column;gap:6px;padding:14px;border-radius:13px;margin-bottom:12px;
  background:linear-gradient(140deg,rgba(139,124,255,.2),rgba(245,142,180,.12));border:1px solid var(--violet)}
.misafir-banner b{font-size:13.5px}
.misafir-banner small{font-size:11.5px;color:var(--muted)}
.misafir-banner button{margin-top:4px;width:100%}
body.misafir .misafir-banner{display:flex}
/* Misafir modunda üyeye özel kısımları gizle */
body.misafir .me-card,
body.misafir .side-ara,
body.misafir .sira-toggle,
body.misafir .durum-label,
body.misafir #maskot { display:none !important; }
/* Misafir modunda çıkış butonu → "Giriş Yap"a dönüşür zaten banner'da; alttaki çıkış/kur gizlensin */
body.misafir .sidebar > .btn-outline,
body.misafir .kur-btn { display:none !important; }

/* ═══════════════ DUBLAJLARIMIZ (İZLE) ═══════════════ */
.izle-rozet{background:rgba(255,61,90,.92)!important}
.video-sar{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.video-sar video{width:100%;max-height:78vh;display:block;background:#000}

/* ═══════════════ NAV GRUPLARI (açılır-kapanır) ═══════════════ */
.nav-grup{margin-bottom:2px}
.nav-grup-bas{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:none;border:none;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;
  letter-spacing:.6px;text-transform:uppercase;padding:10px 12px 6px;transition:color .15s}
.nav-grup-bas:hover{color:var(--txt)}
.ngb-ok{font-size:11px;transition:transform .22s ease;opacity:.7}
.nav-grup.kapali .ngb-ok{transform:rotate(-90deg)}
.nav-grup-ic{display:flex;flex-direction:column;gap:3px;overflow:hidden;
  max-height:600px;transition:max-height .28s ease,opacity .2s ease;opacity:1}
.nav-grup.kapali .nav-grup-ic{max-height:0;opacity:0;pointer-events:none}
.nav-grup.sabit{margin-bottom:6px}
.nav-grup.sabit .nav-grup-ic{gap:3px}
/* Sabit (Hesap) grubunu alta itmek için hafif ayraç */
.nav-grup[data-grup="hesap"]{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
/* Misafir modunda grup başlıkları gizli, butonlar düz görünür */
body.misafir .nav-grup-bas{display:none}
body.misafir .nav-grup.kapali .nav-grup-ic{max-height:600px;opacity:1;pointer-events:auto}
body.misafir .nav-grup[data-grup="hesap"]{display:none}

/* ═══════════════ MEDYA DÖNÜŞTÜRÜCÜ ═══════════════ */
.dns-alt-tablar{display:flex;gap:8px;margin-bottom:18px}
.dns-kutu{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;max-width:560px}
.dns-dosya-sec{display:block;text-align:center;padding:26px;border:2px dashed var(--line);border-radius:12px;
  cursor:pointer;color:var(--muted);font-weight:600;transition:.18s;background:var(--panel2)}
.dns-dosya-sec:hover{border-color:var(--violet);color:var(--txt)}
.dns-bilgi{margin:14px 0;font-size:13px;color:var(--txt)}
.dns-bilgi:empty{display:none}
.dns-tip{background:rgba(139,124,255,.2);color:var(--violet);padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase}
.dns-ayar{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.dns-ayar .js-alan{margin-bottom:0}
.dns-sonuc{margin-top:16px}
.dns-durum{color:var(--muted);font-size:13px;padding:10px 0}
.dns-hata{color:var(--red);font-size:13px;padding:10px 0}
.dns-sonuc-kart{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.dns-sonuc-bilgi{font-size:13px;line-height:1.5}
.dns-sonuc-bilgi small{color:var(--muted)}

/* ═══════════════ FOTOĞRAF BÜYÜTÜCÜ ═══════════════ */
.up-onizle:empty{display:none}
.up-onizle{margin:12px 0}
.up-onizle img{max-width:200px;max-height:160px;border-radius:10px;border:1px solid var(--line)}
.up-sonuc{margin-top:6px}
.up-karsilastir{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.up-yan{flex:1;min-width:140px;text-align:center}
.up-yan span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.up-yan img{max-width:100%;border-radius:10px;border:1px solid var(--line);background:#0a0a12}

/* ═══════════════ ALTYAZI ÇEVİRMENİ ═══════════════ */
.alt-cikti{width:100%;min-height:140px;resize:vertical;padding:12px 14px;font-family:ui-monospace,monospace;
  font-size:12.5px;line-height:1.5;border-radius:11px;background:var(--panel2);border:1px solid var(--line);
  color:var(--txt);margin:8px 0}
.alt-sonuc-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}