/* ══════════════ MİZANİS TASARIM KATMANI (v136) ══════════════
   Kullanıcı: "bu kadar güzel tasarımdan sonra Mizanis çirkin gelmeye
   başladı". Ölçülen sorunlar (ekran görüntüleri tek tek incelendi):
   - Başlıkta üç süs birden: solda kırmızı-mor çubuk, altında çizgi,
     yanında degradeli ikon kutusu. Göz başlığa değil süse gidiyordu.
   - 60'tan fazla kart sınıfı, her biri kendi degrade + çift kenar +
     gölge kombinasyonuyla; aynı sayfada üç farklı köşe yarıçapı.
   - Düğmeler köşeli/yuvarlak karışık, üst ışıklı degrade "AI"
     görünüyordu. Girdiler 10px köşe, kartlar 14-16px, rozetler 999px.
   - Telefonda üstte "☰ Menü" şeridi alttaki "Daha" ile aynı işi
     yapıyordu; Jarvis küresi ve Işıltı içeriğin üstüne biniyordu.

   NASIL: Bu dosya EN SON yükleniyor ve var olan kuralları silmiyor,
   üstüne biniyor — geri almak tek <link> satırı. Seçicilerin çoğu
   :not(#tab-studyo *) taşıyor: (1) Ses Stüdyosu'nun kendi kırılgan
   düzeni var (CLAUDE.md), ona dokunulmuyor; (2) :not() içindeki
   kimlik özgüllüğü kuralı dosyadaki eski kopyaların hepsinin üstüne
   çıkarıyor — !important yağmuruna gerek kalmıyor.
   Renk değişkenlerine (--panel, --red...) DOKUNULMADI: dört tema
   (sakura/okyanus/altın) onları değiştiriyor, burada yalnız onlardan
   türetilmiş yeni değerler var. */

:root{
  --r-kart:18px; --r-orta:14px; --r-kucuk:10px;
  --kart-cizgi:color-mix(in srgb,var(--txt) 9%,transparent);
  --kart-cizgi-guclu:color-mix(in srgb,var(--txt) 15%,transparent);
  --kart-zemin:color-mix(in srgb,var(--panel) 90%,transparent);
  --kart-zemin2:color-mix(in srgb,var(--panel2) 92%,transparent);
  --vurgu-zemin:color-mix(in srgb,var(--red) 14%,transparent);
  --yumusak-golge:0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset,0 12px 32px rgba(0,0,0,.16);
}

/* ── Bölüm başlıkları: tek vurgu, süs yok ── */
.pane-title:not(#tab-studyo *){
  font-size:clamp(22px,2.1vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.15;
  padding:0;margin-bottom:22px;gap:14px}
.pane-title:not(#tab-studyo *)::before,
.pane-title:not(#tab-studyo *)::after{content:none;display:none}
.pane-title .bsl-ikon:not(#tab-studyo *){
  width:42px;height:42px;border-radius:var(--r-orta);
  background:var(--kart-zemin2);border:1px solid var(--kart-cizgi);box-shadow:none;color:var(--red)}
.pane-title .bsl-ikon svg{width:22px;height:22px}
.pane-title + p:not(#tab-studyo *), .pane-alt:not(#tab-studyo *){color:var(--muted);max-width:68ch}

/* ── Kartlar: tek dil ──
   Liste: style.css'te zemini --panel/--panel2 olan büyük kutular
   (rozet, sekme, ilerleme çubuğu gibi küçük öğeler hariç). */
:is(.ai-chat-kutu,.ai-sonuc,.ak-oge,.anime-kart,.ara-sonuc,.atolye-kart,.atolye-yorum,.auth-card,.ay-kalite,.ay-parca,
  .bt-kart,.card-form,.chat-box,.davet-form,.davet-kart,.db-oge,.destek-form,.destek-kart,.dicebear-arac,.disk-kart,
  .dm-sag,.dm-sol,.dns-kutu,.dok-sag,.dok-sol,.ef-bolum,.gif-kutu,.ind-cerez,.ind-ilerleme,.ind-kutu,.item-card,
  .liste-sag,.manga-kart,.mini-form,.oneri-kart,.oneri-motor,.os-kutu,.panel-kart,.profil-kart,
  .proje-kart,.sahne-kart,.sb-kart,.sis-kart,.skor-tablo,.stat-kutu,.tk-bolum,.uye-card,.yon-toplu,
  .yy-dosya-bilgi,.yy-plat,.pf-kart,.tema-kart,.akn-kart,.card):not(#tab-studyo *){
  border-radius:var(--r-kart);
  border:1px solid var(--kart-cizgi);
  background-color:var(--kart-zemin);
  box-shadow:var(--yumusak-golge);
}
/* Degradeli iç parlamalar ve ikinci kenarlar: kartın kendisi yeterli */
:is(.panel-kart,.oneri-motor,.profil-kart,.stat-kutu,.uye-card,.destek-kart,.atolye-kart):not(#tab-studyo *){
  background-image:none}
:is(.proje-kart,.oneri-kart,.anime-kart,.manga-kart,.uye-card,.atolye-kart,.pf-kart,.tema-kart,.sahne-kart):not(#tab-studyo *){
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s}
@media(hover:hover){
  :is(.proje-kart,.oneri-kart,.anime-kart,.manga-kart,.uye-card,.atolye-kart,.pf-kart,.tema-kart,.sahne-kart):not(#tab-studyo *):hover{
    transform:translateY(-3px);border-color:var(--kart-cizgi-guclu);box-shadow:0 18px 40px rgba(0,0,0,.28)}
}
.modal-kutu:not(#tab-studyo *){border-radius:22px;border:1px solid var(--kart-cizgi-guclu)}

/* Boş durumlar: köşe süsleri ve filigran yok, sakin bir kutu */
.empty-note:not(#tab-studyo *){
  border:1px dashed var(--kart-cizgi-guclu);border-radius:var(--r-kart);
  background:color-mix(in srgb,var(--panel) 55%,transparent);color:var(--muted);text-align:center}
.empty-note:not(#tab-studyo *)::before,.empty-note:not(#tab-studyo *)::after{content:none;display:none}

/* ── Düğmeler: hap biçimi, düz renk, degrade ve üst ışık yok ── */
.btn-red:not(#tab-studyo *){
  border-radius:999px;background-color:var(--red);background-image:none;
  box-shadow:none;font-weight:700;letter-spacing:.005em;
  transition:filter .18s,transform .12s,box-shadow .2s}
.btn-red:not(#tab-studyo *):hover{filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--red) 35%,transparent)}
:is(.btn-outline,.btn-mini):not(#tab-studyo *){
  border-radius:999px;border:1px solid var(--kart-cizgi-guclu);background-color:transparent;background-image:none;box-shadow:none}
:is(.btn-outline,.btn-mini):not(#tab-studyo *):hover{background-color:color-mix(in srgb,var(--txt) 6%,transparent);border-color:color-mix(in srgb,var(--txt) 24%,transparent)}
:is(.btn-red,.btn-outline,.btn-mini):not(#tab-studyo *):active{transform:scale(.97)}

/* Sekme düğmeleri (alt sekmeler) */
.tabs:not(#tab-studyo *){gap:6px}
.tab:not(#tab-studyo *){border-radius:999px;box-shadow:none;background-image:none}
.tab.active:not(#tab-studyo *){box-shadow:none}

/* ── Girdiler ── */
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):not(#tab-studyo *){
  border-radius:var(--r-orta);border:1px solid var(--kart-cizgi);
  background-color:var(--kart-zemin2);transition:border-color .18s,box-shadow .18s}
:is(input,select,textarea):not(#tab-studyo *):focus{
  outline:none;border-color:color-mix(in srgb,var(--red) 70%,transparent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 16%,transparent)}
:is(input[type=checkbox],input[type=radio]):not(#tab-studyo *){accent-color:var(--red)}

/* ── Sol menü ── */
.sidebar:not(#tab-studyo *){background:color-mix(in srgb,var(--panel) 94%,transparent);border-right:1px solid var(--kart-cizgi)}
.snav:not(#tab-studyo *){border-radius:12px;font-weight:600;font-size:14px;padding:10px 12px;box-shadow:none}
.snav.active:not(#tab-studyo *),.snav.aktif:not(#tab-studyo *){
  background:var(--vurgu-zemin);color:var(--txt);box-shadow:none}
.snav.active:not(#tab-studyo *)::before,.snav.aktif:not(#tab-studyo *)::before{
  content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--red)!important}
.snav.active .sekme-ik,.snav.active svg{color:var(--red)}
.snav:not(.active):not(#tab-studyo *):hover{background:color-mix(in srgb,var(--txt) 5%,transparent);transform:none}
.nav-grup-bas:not(#tab-studyo *){font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.8}

/* ── Rozetler ── */
.badge:not(#tab-studyo *){border-radius:999px;box-shadow:none}

/* ── Sohbet: işlem simgeleri sürekli görünüp mesajı kalabalıklaştırıyordu.
   Fareli cihazda yalnız mesajın üstüne gelince; dokunmatikte soluk. */
@media(hover:hover){
  .msg-aksiyon{opacity:0;transition:opacity .15s}
  .chat-msg:hover .msg-aksiyon, .msg-aksiyon:focus-within{opacity:1}
}
@media(hover:none){ .msg-aksiyon{opacity:.55} }
.msg-aksiyon button{border-radius:8px}

/* ── Kaydırma çubuğu ── */
html{scrollbar-color:color-mix(in srgb,var(--txt) 18%,transparent) transparent}

/* ── Telefon ── */
@media(max-width:820px){
  /* "☰ Menü" şeridi alttaki "Daha" ile aynı işi yapıyordu */
  .mobil-menu-dugme{display:none!important}
  .pane-title:not(#tab-studyo *){font-size:24px;margin-bottom:16px}
  .pane-title .bsl-ikon:not(#tab-studyo *){width:38px;height:38px;border-radius:12px}
  :is(.panel-kart,.proje-kart,.oneri-kart,.uye-card,.profil-kart,.card-form,.destek-kart):not(#tab-studyo *){border-radius:16px}
  .content{padding-inline:14px}
  /* Jarvis ve Işıltı alt çubuğun üstünde, daha küçük; içeriği daha az örtüyor */
  :root{--kose-bosluk:12px;--jarvis-en:48px}
  .jarvis-kure{width:48px!important;height:48px!important}
  .jarvis-kok{bottom:calc(70px + env(safe-area-inset-bottom,0))!important}
  .maskot{transform:scale(.78);transform-origin:bottom right}
  .mobil-alt{background:color-mix(in srgb,var(--panel) 96%,transparent)}
  .mobil-alt button.aktif::before{width:32px;height:3px;border-radius:0 0 3px 3px}
}
@media(prefers-reduced-motion:reduce){
  :is(.proje-kart,.oneri-kart,.anime-kart,.manga-kart,.uye-card,.atolye-kart,.pf-kart,.tema-kart,.sahne-kart){transition:none}
}

/* Sohbet mesaj düğmeleri: dolgusuz. Düzenle düğmesi tarayıcının
   varsayılan düğme zeminini taşıyıp beyaz kare gibi duruyordu. */
:is(.msg-tepki,.msg-yanitla,.msg-duzenle,.msg-sil){background:transparent;border:0;color:var(--muted)}

/* Proje sayaçları: telefonda 2+1 dağınık diziliyordu → üç eşit sütun */
.ps-kutu{border-radius:var(--r-orta);border-color:var(--kart-cizgi);background:var(--kart-zemin)}
@media(max-width:820px){
  .proje-sayac{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .ps-kutu{min-width:0;padding:12px 14px}
  .ps-not{grid-column:1/-1}
}

/* Telefonda yazma alanı olan sekmelerde Jarvis küresi ve Işıltı
   "Gönder" düğmesinin üstüne biniyordu: o sekmelerde çekiliyorlar. */
@media(max-width:820px){
  body:has(#tab-sohbet:not(.hidden)) :is(.jarvis-kok,.maskot),
  body:has(#tab-dm:not(.hidden)) :is(.jarvis-kok,.maskot),
  body:has(#tab-studyo:not(.hidden)) :is(.jarvis-kok,.maskot){display:none!important}
}
/* Düğme yazısı hiçbir zaman satır kırmasın: dar sohbet çubuğunda
   "Gönder" hap biçimine geçince Gö/nd/er diye üç satıra bölündü. */
.btn-red:not(#tab-studyo *),.btn-outline:not(#tab-studyo *){white-space:nowrap;flex-shrink:0}
@media(max-width:820px){ #chatForm .btn-red, form .btn-red[type=submit]{padding-inline:18px} }

/* ══════════════ v137: "her şey daha iyi olabilir" ══════════════ */

/* Başlık yazısı: Unbounded geniş ve köşeli, 28 pikselde kaba duruyordu.
   Marka yazısı olarak logoda ve açılış sayfasında kalıyor; panel
   başlıkları Manrope 800, sıkı harf aralığıyla. */
.pane-title:not(#tab-studyo *){font-family:var(--body);font-weight:800;letter-spacing:-.035em}
.panel-kart h3,.card h3,.oneri-motor h3,.profil-kart h3{font-family:var(--body);font-weight:800;letter-spacing:-.02em}

/* Kenar menüsü: çizgi ikonlar tek boyda, metinle hizalı */
.snav .sekme-ik,.snav .fsec-ik{width:19px;height:19px;flex:none;color:var(--muted);transition:color .15s}
.snav:hover .sekme-ik,.snav:hover .fsec-ik{color:var(--txt)}
.snav.active .sekme-ik,.snav.active .fsec-ik{color:var(--red)}
.snav > span{display:inline-flex;align-items:center;gap:11px}

/* Karşılama bandı: daha az süs, daha net yazı */
#panelAlan{border-radius:22px;border:1px solid var(--kart-cizgi);overflow:hidden}
#panelAlan .gy-ust{font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:none;color:var(--muted)}
#panelAlan .gy-ad{font-family:var(--body);font-weight:800;letter-spacing:-.035em;font-size:clamp(26px,3vw,38px)}

/* Hızlı erişim */
.hizli-erisim{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.hizli-erisim:empty{display:none}
.he-kart{display:grid;gap:4px;justify-items:start;text-align:left;padding:16px;border-radius:var(--r-kart);
  border:1px solid var(--kart-cizgi);background:var(--kart-zemin);color:var(--txt);cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s}
.he-kart:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 7%,var(--kart-zemin))}
.he-kart:active{transform:scale(.97)}
.he-ik{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:8px;
  background:color-mix(in srgb,var(--red) 13%,transparent);color:var(--red)}
.he-ik svg{width:21px;height:21px}
.he-kart b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.he-kart small{font-size:12.5px;color:var(--muted);line-height:1.35}
@media(max-width:1100px){.hizli-erisim{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
  .hizli-erisim{gap:10px}
  .he-kart{padding:14px}
  .he-kart small{display:none}
}

/* Panel kart başlıkları ve aktivite satırları biraz nefes alsın */
.panel-grid{gap:14px}
.panel-kart:not(#tab-studyo *){padding:20px}
/* Kart ve bölüm ara başlıkları da Manrope: proje adları ve "GÖRÜNÜM"
   gibi başlıklar hâlâ Unbounded'daydı, panel başlığıyla iki ayrı dil. */
.tabpane:not(#tab-studyo) :is(h3,h4,.pk-baslik,.proje-ad),.proje-kart :is(h3,h4){font-family:var(--body);font-weight:800;letter-spacing:-.02em}
/* Telefonda hızlı erişim: ikon solda, ad yanında; ortalanmış dağınık blok yerine liste düzeni */
@media(max-width:820px){
  .he-kart{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;justify-items:start}
  .he-ik{margin:0;width:36px;height:36px;grid-row:span 1}
  .he-kart b{font-size:14px}
}
@media(max-width:820px){ .he-kart{justify-content:start;text-align:left} }

/* ══════════════ v138: "bir şeyler çirkin geliyor" — yakından bakınca ══════════════ */

/* 1) ARKA PLAN. Bütün siteye kahverengi-kızıl, çamurlu bir ton
   sinmişti. Kaynak: yöneticinin yüklediği site geneli görsel (doygun
   kızıl) + üstündeki yarı saydam karartma. Görsel duruyor ama
   rengi alınıp karartılıyor: doku hissi kalıyor, renk yazının ve
   kartların önüne geçmiyor. Karartma oranı (--ozel-bg-koyuluk)
   kullanıcının kendi ayarı, ona dokunulmuyor. */
body.ozel-arkaplan::before{filter:blur(var(--ozel-bg-bulanik)) saturate(.35) brightness(.7)}

/* 2) GENİŞLİK. İçerik 1000 piksele sabitti; 1440'lık ekranda sağda
   400 piksellik boşluk kalıyor, kartlar sola sıkışıyordu. */
@media(min-width:1200px){ .content{max-width:1280px} }

/* 3) ÜST ÇUBUK */
#topnav{border-bottom-color:var(--kart-cizgi)}
.logo-ozel-img{height:34px;width:auto;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--red) 35%,transparent))}
#topnav .nav-btn-panel{border-radius:999px;border:1px solid var(--kart-cizgi);padding:8px 16px}
#topnav .nav-btn-panel:hover{background:color-mix(in srgb,var(--txt) 6%,transparent);color:var(--txt)}
/* 1881 bağlantısı: yerinde ve görünür, ama bağırmıyor */
#topnav .nav-btn.ataturk-link{border-radius:999px;border:1px solid var(--kart-cizgi);background:transparent;box-shadow:none;padding:8px 16px}
#topnav .nav-btn.ataturk-link:hover{border-color:color-mix(in srgb,var(--red) 45%,transparent);background:color-mix(in srgb,var(--red) 8%,transparent)}

/* 4) SOL MENÜ — profil bloğu: altın ad + altın rozet + altın rol üst üste */
.me-ad{color:var(--txt)}
.me-rol{color:var(--muted);font-weight:600}
/* "Uygulamalar" ve "Kademe" çerçeveli kutu içindeydi + bağıran YENİ */
.upk-nav:not(.active){border:0!important;background:transparent!important;box-shadow:none!important}
.yeni-rozet{background:color-mix(in srgb,var(--red) 18%,transparent)!important;color:var(--red)!important;box-shadow:none!important;
  font-size:9px;letter-spacing:.08em;padding:3px 7px;border-radius:999px;animation:none!important}

/* 5) SOHBET — her mesajda renkli şerit, yöneticide altın kenar + altın zemin */
.chat-bubble::before{content:none!important;display:none!important}
.chat-bubble:not(#tab-studyo *){border-radius:16px;border:1px solid var(--kart-cizgi);background:var(--kart-zemin2)}
.chat-bubble.admin-bubble:not(#tab-studyo *){background:var(--kart-zemin2);border-color:var(--kart-cizgi)}
.admin-bubble .who .admin-isim{color:var(--txt)}
.chat-msg.ben .chat-bubble:not(#tab-studyo *),.chat-msg.kendi .chat-bubble:not(#tab-studyo *){background:color-mix(in srgb,var(--red) 10%,var(--kart-zemin2));border-color:color-mix(in srgb,var(--red) 22%,transparent)}

/* 6) PROJE KARTI — ilerleme iki kez çiziliyordu (gri çubuk + altında
   kırmızı noktalı kaydırıcı). Yöneticide kaydırıcı artık ÇUBUĞUN
   üstünde ve görünmez: çubuğu tutup sürüklüyorsun, tek gösterim. */
.pk-ilerleme + .pk-kaydirici{display:block;position:relative;z-index:2;width:calc(100% - 52px);height:22px;margin:-22px 0 0;opacity:0;cursor:ew-resize}
.pk-bar{height:6px;background:color-mix(in srgb,var(--txt) 8%,transparent)}
.pk-ilerleme b{font-family:var(--body);font-weight:800;font-size:14px}
.pk-rozetler{gap:16px}
.pk-rozetler span{display:inline-flex;align-items:center;gap:5px}
.pk-rozetler .fsec-ik{width:15px;height:15px}
.pk-teslim .fsec-ik{width:14px;height:14px;vertical-align:-2px}
/* Katlanır başlıklar: kırmızı üçgen yerine sönük ok */
.pk-katlanir > summary{list-style:none;display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;padding:10px 0}
.pk-katlanir > summary::-webkit-details-marker{display:none}
.pk-katlanir > summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.pk-katlanir[open] > summary::after{transform:rotate(-135deg)}
.pk-katlanir > summary:hover{color:var(--txt)}
.pk-kapak{border-radius:var(--r-kart) var(--r-kart) 0 0}

/* 7) RENK SAYISI — aynı ekranda kırmızı, mor, altın, mavi yarışıyordu.
   Mor ikinci vurgu olarak yalnız seçili sekme/bağlantıda; altın
   yalnız yönetici tacında. */
.tab.active:not(#tab-studyo *){background:var(--txt);color:var(--bg);border-color:transparent}
.badge.admin,.admin-rozet{background:color-mix(in srgb,var(--gold) 14%,transparent)}

/* 8) Panel toggles ve boş kutular: iç içe çift kenar yok */
.panel-kart .empty-note:not(#tab-studyo *){border:0;background:transparent;padding:22px 10px}

/* v138 son: genişleyen içerik masaüstünde de sohbet çubuğunun sağ ucuna
   uzanıyor; Jarvis ve Işıltı "Gönder"in üstüne biniyordu. Yazma alanlı
   sekmelerde her ekranda çekiliyorlar. */
body:has(#tab-sohbet:not(.hidden)) :is(.jarvis-kok,.maskot),
body:has(#tab-dm:not(.hidden)) :is(.jarvis-kok,.maskot){display:none!important}
/* Katlanır başlıklardaki kırmızı ▸ işareti (ayrı bir ::before kuralından) */
.pk-katlanir > summary::before{content:none!important;display:none!important}
/* Menüdeki YENİ etiketi: dolu kırmızı yerine sakin ton */
.snav .yeni-rozet,.sidebar .yeni-rozet{background:color-mix(in srgb,var(--red) 18%,transparent)!important;color:var(--red)!important;box-shadow:none!important;border:0!important}
.pk-katlanir summary::marker{content:""}
.me-ad .admin-isim,.me-ad .isim{color:var(--txt)!important}
/* "Yeni proje oluştur" ve benzeri katlanırların kırmızı ▸ işareti (style.css:5398) */
.yon-toplu summary::before{content:none!important;display:none!important}
.yon-toplu summary{list-style:none;color:var(--txt)}
.yon-toplu summary::-webkit-details-marker{display:none}

/* v139: Android uygulamasının içinde Stüdyo'nun "masaüstü uygulamasını
   indir" kutusu (Linux/Windows/Android için indir) gösteriliyordu —
   uygulamanın içinde uygulama indirme teklifi. Mobil uygulama kipinde gizli. */
body.mobil-uygulama #stMasaustu{display:none!important}

/* ══════════════ v140: MASAÜSTÜ UYGULAMASI İÇİNDE SİTE ══════════════
   Uygulamada bir bölüm açılınca solda İKİ menü yan yana duruyordu:
   uygulamanın şeridi (60px) + sitenin 250px'lik menüsü — ekranın
   üçte biri menü. Sitenin menüsündeki profil kartı, durum seçici, arama
   ve "Kanalları Sırala" uygulamada TEKRAR: kabuk kullanıcıyı durum
   çubuğunda, aramayı Ctrl+K'de veriyor. Uygulamada menü 214px, yalnız
   bölüm listesi, sıkı satırlar. Telefon uygulaması (.mobil-uygulama)
   kendi düzeninde, dokunulmuyor. */
body.uygulamada:not(.mobil-uygulama) .app-shell{grid-template-columns:214px minmax(0,1fr)}
body.uygulamada:not(.mobil-uygulama) .sidebar{padding:10px 8px 18px}
body.uygulamada:not(.mobil-uygulama) .sidebar :is(.me-card,.durum-label,#durumSelect,.side-ara,.sira-toggle,.misafir-banner){display:none!important}
body.uygulamada:not(.mobil-uygulama) .snav{font-size:13px;padding:8px 10px;border-radius:10px}
body.uygulamada:not(.mobil-uygulama) .snav > span{gap:10px}
body.uygulamada:not(.mobil-uygulama) .snav .sekme-ik,body.uygulamada:not(.mobil-uygulama) .snav .fsec-ik{width:17px;height:17px}
body.uygulamada:not(.mobil-uygulama) .snav.active::before{left:-8px}
body.uygulamada:not(.mobil-uygulama) .nav-grup-bas{font-size:10px;padding-top:12px}
body.uygulamada:not(.mobil-uygulama) .content{padding:24px 28px}

/* ══════════════ v140: ANA SAYFA — "animasyon yok, olanlar çirkin" ══════════════ */

/* SAKURA: kırmızı, gölgeli, iri higanbana yaprakları yerine gerçek sakura
   yaprağı — ucu çentikli, yumuşak pembe, kenarı açık. Derinlik için boy,
   bulanıklık ve opaklık farklı; düşerken kendi ekseninde döner, salınır.
   Hafif kipte yine kapalı (o kipin sözü bu). */
.sakura span{
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 44'%3E%3Cpath d='M20 43C9 36 2 26 3 15 3.6 8 9 2 15 3.4c2 .5 3.6 2 5 4.3 1.4-2.3 3-3.8 5-4.3C31 2 36.4 8 37 15c1 11-6 21-17 28Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 44'%3E%3Cpath d='M20 43C9 36 2 26 3 15 3.6 8 9 2 15 3.4c2 .5 3.6 2 5 4.3 1.4-2.3 3-3.8 5-4.3C31 2 36.4 8 37 15c1 11-6 21-17 28Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat!important;
  background:radial-gradient(120% 90% at 50% 10%,#fff3f6 0%,#ffc6d6 45%,#f58aa8 100%)!important;
  filter:none!important;
  animation-name:sakuraDus,sakuraSalin!important;
}
.sakura span:nth-child(3n){filter:blur(1.2px)!important}        /* uzaktakiler */
.sakura span:nth-child(5n){filter:blur(.6px) brightness(1.08)!important}
@keyframes sakuraDus{
  0%  {transform:translate3d(0,-8vh,0) rotateZ(0) rotateX(0) rotateY(0)}
  25% {transform:translate3d(14px,24vh,0) rotateZ(70deg) rotateX(40deg) rotateY(25deg)}
  50% {transform:translate3d(-10px,54vh,0) rotateZ(150deg) rotateX(-20deg) rotateY(-35deg)}
  75% {transform:translate3d(16px,82vh,0) rotateZ(230deg) rotateX(35deg) rotateY(20deg)}
  100%{transform:translate3d(0,110vh,0) rotateZ(320deg) rotateX(0) rotateY(0)}
}
@keyframes sakuraSalin{from{margin-left:-34px}to{margin-left:34px}}
@media(max-width:700px){ .sakura span:nth-child(n+11){display:none} }

/* MARK rozeti sayfayla kayıyor: sabit konumda her bölümün üstüne biniyordu. */
.mark-plaka{position:absolute!important}

/* Yönetici görsel yüklediyse sahne bandının alt yazısı gizli: görselin
   kendisi aynı yazıyı taşıyor ("YENİ ÇAĞ BAŞLIYOR" iki kez). Görsel yoksa
   yazı yine görünüyor; ayarın kendisi değişmedi. */
#sahneBand.gorselli :is(#sahneUstYazi,#sahneSatirYazi){display:none!important}

/* Bölümler kaydırınca beliriyor (hizli.js .gir-bekle → .girdi). Sınıfı JS
   veriyor: betik gelmezse hiçbir şey gizli kalmıyor. */
.gir-bekle{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.gir-bekle.girdi{opacity:1;transform:none}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.sss-oge,.sss-madde,.lk-kart){animation:kartGir .6s cubic-bezier(.2,.8,.2,1) backwards}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.lk-kart):nth-child(2){animation-delay:.08s}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.lk-kart):nth-child(3){animation-delay:.16s}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.lk-kart):nth-child(4){animation-delay:.24s}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.lk-kart):nth-child(5){animation-delay:.32s}
.gir-bekle.girdi :is(.kesfet-kart,.kadro-kart,.uye-kart,.lk-kart):nth-child(6){animation-delay:.4s}
@keyframes kartGir{from{opacity:0;transform:translateY(18px) scale(.98)}}
/* Hero: başlık ışığı yavaşça kayıyor, düğmeler hafif nefes alıyor */
#view-landing h1{background-size:200% 100%;animation:baslikIsik 9s ease-in-out infinite}
@keyframes baslikIsik{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
body.hafif .gir-bekle{opacity:1;transform:none;transition:none}
body.hafif #view-landing h1{animation:none}
@media(prefers-reduced-motion:reduce){.gir-bekle{opacity:1;transform:none;transition:none}#view-landing h1{animation:none}}

/* Sakura boyları: 8-17px'te seçilmiyordu; 12-24px, yaprak oranı 40:44 */
.sakura span:nth-child(1){width:22px!important;height:24px!important} .sakura span:nth-child(2){width:14px!important;height:15px!important} .sakura span:nth-child(3){width:18px!important;height:20px!important} .sakura span:nth-child(4){width:24px!important;height:26px!important} .sakura span:nth-child(5){width:12px!important;height:13px!important} .sakura span:nth-child(6){width:17px!important;height:19px!important} .sakura span:nth-child(7){width:20px!important;height:22px!important} .sakura span:nth-child(8){width:13px!important;height:14px!important} .sakura span:nth-child(9){width:23px!important;height:25px!important} .sakura span:nth-child(10){width:15px!important;height:16px!important} .sakura span:nth-child(11){width:19px!important;height:21px!important} .sakura span:nth-child(12){width:12px!important;height:13px!important} .sakura span:nth-child(13){width:24px!important;height:26px!important} .sakura span:nth-child(14){width:16px!important;height:18px!important} .sakura span:nth-child(15){width:20px!important;height:22px!important} .sakura span:nth-child(16){width:14px!important;height:15px!important} .sakura span:nth-child(17){width:17px!important;height:19px!important} .sakura span:nth-child(18){width:22px!important;height:24px!important}
.sakura span{opacity:.88!important} .sakura span:nth-child(3n){opacity:.6!important}
/* YENİ rozeti: style.css'teki degrade + mor ışıma her yerde bastırıyordu */
.yeni-rozet{background:color-mix(in srgb,var(--red) 18%,transparent)!important;color:var(--red)!important;box-shadow:none!important;padding:3px 8px!important}
.upk-rozet{background:color-mix(in srgb,var(--red) 18%,transparent)!important;color:var(--red)!important;box-shadow:none!important;animation:none!important}

/* DOOM (v141): oyun açıkken Jarvis ve Işıltı ekranın köşesinde kontrollerin
   ve oyun alanının üstüne biniyordu. Dokunmatikte klavye açıklaması da
   gereksizdi (klavye yok). */
body:has(#oyun-doom:not(.hidden)) :is(.jarvis-kok,.maskot){display:none!important}
@media(hover:none){ #oyun-doom .doom-tuslar{display:none!important} }

/* Menüde yöneticinin seçtiği emoji (v142): SVG ikonla aynı kutu, hizası bozulmasın */
.snav .sekme-emo{margin-right:0!important;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;font-size:15px;line-height:1;flex:none;opacity:1;color:inherit;filter:none}
body.uygulamada:not(.mobil-uygulama) .snav .sekme-emo{width:17px;height:17px;font-size:14px}
/* Menüde yüklenen ikon (GIF) da SVG/emoji ile aynı kutu: yazılar tek hizadan başlasın */
.snav .sekme-ikon{width:19px;height:19px;margin-right:0!important;vertical-align:middle}
body.uygulamada:not(.mobil-uygulama) .snav .sekme-ikon{width:17px;height:17px}

/* ══ ANA PANEL (v142): giriş sonrası ilk ekran ══ */
#panelAlan .gy-ozet{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
#panelAlan .gy-tarih{font-size:13px;color:var(--muted);font-weight:600;margin-right:4px;text-transform:capitalize}
#panelAlan .gy-cip{font-size:12.5px;color:var(--txt);padding:5px 11px;border-radius:999px;
  background:color-mix(in srgb,var(--panel2) 70%,transparent);border:1px solid var(--kart-cizgi);backdrop-filter:blur(6px)}
#panelAlan .gy-cip b{font-weight:800;color:var(--red)}
.panel-grid-proje{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
@media(max-width:800px){.panel-grid-proje{grid-template-columns:1fr}}
#tab-panel .panel-baslik{display:flex;align-items:center;gap:8px}
#tab-panel .panel-baslik .fsec-ik{width:18px;height:18px;flex:none;color:var(--red)}
.pk-tumu{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--muted);
  background:none;border:1px solid var(--kart-cizgi);border-radius:999px;padding:5px 11px;cursor:pointer;width:auto}
.pk-tumu .fsec-ik{width:14px!important;height:14px!important;color:inherit!important}
.pk-tumu:hover{color:var(--txt);border-color:var(--kart-cizgi-guclu)}
.pk-tumu.pk-orta{margin:10px auto 0;display:flex}
#panelProjeler{display:grid;gap:6px}
.pp-satir{display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-areas:"ust ust" "cubuk yuzde";gap:7px 12px;align-items:center;
  width:100%;text-align:left;padding:11px 12px;border-radius:var(--r-orta);background:var(--kart-zemin2);border:1px solid transparent;cursor:pointer;color:var(--txt);transition:border-color .15s,background .15s}
.pp-satir:hover{border-color:var(--kart-cizgi-guclu)}
.pp-ust{grid-area:ust;display:flex;justify-content:space-between;gap:10px;min-width:0}
.pp-ust b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.pp-durum{font-size:12px;color:var(--muted);white-space:nowrap;flex:none}
.pp-cubuk{grid-area:cubuk;height:6px;border-radius:99px;background:color-mix(in srgb,var(--txt) 9%,transparent);overflow:hidden}
.pp-cubuk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--red),color-mix(in srgb,var(--red) 55%,#8b7cff))}
.pp-yuzde{grid-area:yuzde;font-size:12.5px;font-weight:800;color:var(--txt);text-align:right;font-variant-numeric:tabular-nums}
.pp-not{font-size:12.5px;color:var(--muted);margin:4px 2px 0}
.online-kart .online-sayi{min-width:44px;text-align:left;font-variant-numeric:tabular-nums}
.online-nokta.uye{background:var(--red);box-shadow:0 0 10px var(--red)}
.pd-kutu{display:grid;gap:6px;width:100%;text-align:left;padding:14px;border-radius:var(--r-orta);background:var(--kart-zemin2);border:1px solid var(--kart-cizgi);cursor:pointer;color:var(--txt)}
.pd-kutu b{font-size:15px}
.pd-kutu span{font-size:13.5px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pd-kutu small{font-size:12px;color:var(--muted);opacity:.8}
.teslim-satir.etkinlik{border-left:3px solid #8b7cff}
.online-kart{display:flex;flex-direction:column;justify-content:center}
.pp-satir{padding:10px 12px}
/* Karşılama bandı içeriğe göre uzasın: sabit yükseklik + ortalanmış mutlak
   yazı, özet çipleri eklenince telefonda üstten ve alttan KESİYORDU
   (ölçüldü 390px: "İyi günler" ve çiplerin yarısı görünmüyordu). */
#panelAlan.ga-panelust{height:auto;min-height:clamp(120px,16vw,200px);display:flex;align-items:center}
#panelAlan .ga-yazi{position:relative;top:auto;left:auto;transform:none;max-width:100%;padding:22px clamp(18px,3vw,32px)}
/* Giriş: QR düğmesi tam genişlik (v142) — üstündeki "Giriş Yap" düğmesi
   tam genişlikken bu sola yaslı yarım bir kutu olarak asimetrik duruyordu */
#view-auth .auth-qr-ac{width:100%}
/* Ana Panel karşılama görseli (v142, kurucunun yüklediği sahne). Görsel çok
   açık (beyaz gök): tamamı hafif karartılıyor, yazının durduğu sol taraf
   ayrıca koyulaşıyor; sağdaki karakterler net kalıyor. */
#panelAlan.gorselli{min-height:clamp(180px,20vw,290px)}
#panelAlan.gorselli .ga-gorsel{object-position:50% 31%;filter:brightness(.62) saturate(1.08) contrast(1.05)}
#panelAlan.gorselli::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(12,7,10,.84) 0%,rgba(12,7,10,.58) 30%,rgba(12,7,10,.24) 58%,rgba(12,7,10,.16) 100%),
    linear-gradient(0deg,rgba(12,7,10,.45) 0%,transparent 45%)}
#panelAlan.gorselli .gy-ad{text-shadow:0 2px 18px rgba(0,0,0,.65)}
#panelAlan.gorselli .gy-ust,#panelAlan.gorselli .gy-tarih{color:rgba(255,255,255,.78)}
#panelAlan.gorselli .gy-cip{background:rgba(14,9,12,.55);border-color:rgba(255,255,255,.14)}
/* Telefonda yazı ve çipler bandın ortasını, yani karakterleri örtüyordu:
   band uzuyor, yazı alta iniyor, sahne üstte açık kalıyor. */
@media(max-width:600px){
  #panelAlan.gorselli{min-height:270px;align-items:flex-end}
  #panelAlan.gorselli .ga-gorsel{object-position:56% 30%}
  #panelAlan.gorselli::after{background:linear-gradient(0deg,rgba(12,7,10,.92) 0%,rgba(12,7,10,.7) 38%,rgba(12,7,10,.18) 70%,rgba(12,7,10,.1) 100%)}
  #panelAlan.gorselli .ga-yazi{padding-top:0;padding-bottom:16px}
}

/* ══ BÖLÜM BANTLARI (v142): Ana Panel bandıyla aynı dil ══ */
.sekme-bant{position:relative;overflow:hidden;border-radius:var(--r-kart);border:1px solid var(--kart-cizgi);
  min-height:clamp(104px,11vw,150px);margin:0 0 18px;display:flex;align-items:center;isolation:isolate}
.sekme-bant::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bant) var(--bant-konum,center 40%)/cover no-repeat;
  filter:brightness(.66) saturate(1.08);transform:scale(1.02);transition:transform 6s ease}
.sekme-bant::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(12,7,10,.86) 0%,rgba(12,7,10,.55) 34%,rgba(12,7,10,.16) 70%,rgba(12,7,10,.08) 100%)}
@media(hover:hover){.sekme-bant:hover::before{transform:scale(1.06)}}
.sekme-bant .sb-yazi{display:grid;gap:4px;padding:18px clamp(18px,3vw,30px);max-width:min(560px,80%)}
.sekme-bant b{font-size:clamp(18px,1.9vw,24px);font-weight:800;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.sekme-bant span{font-size:13.5px;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}
@media(max-width:600px){
  .sekme-bant{min-height:96px;margin-bottom:14px}
  .sekme-bant .sb-yazi{max-width:92%;padding:14px 16px}
  .sekme-bant::after{background:linear-gradient(90deg,rgba(12,7,10,.85) 0%,rgba(12,7,10,.5) 60%,rgba(12,7,10,.25) 100%)}
}
@media(prefers-reduced-motion:reduce){.sekme-bant::before{transition:none}}
body.pro-kip .sekme-bant{display:none}
.sekme-bant.ayna::before{transform:scaleX(-1) scale(1.02)}
@media(hover:hover){.sekme-bant.ayna:hover::before{transform:scaleX(-1) scale(1.06)}}
/* Profil düzen düzeltmeleri (v142, düzen denetimi):
   - Karakter kartında ad iki satıra sarınca seri adı üçüncü satıra itilip yarım
     kesiliyordu ("Kaguya Shinomiya / Kaguya-sama: Lov…"). Ad tek satır.
   - "Kanatlar" önizlemesinin kanatları komşu kutulara (Taç, Yıldız) taşıyordu. */
.ak-oge span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:unset}
/* Önizleme kutusunda kanat daha dar (avatar diğerleriyle aynı boyda kalsın) */
.cerceve-onizle .cerceve-kanat::after{animation-name:kanatCirpKucuk}
@keyframes kanatCirpKucuk{0%,100%{width:158%}50%{width:168%}}
/* Telefon stüdyo çubuğu (v142, düzen denetimi): süre kendi satırına alınmıştı
   (grafik.css) ama style.css'teki eski max-width:90px onu 90 piksele hapsediyordu;
   satıra sığdığı için alta inmiyor, "00:00.0 / 0" diye kesiliyordu.
   "Kanallar" (yan menüye dön) düğmesi telefonda anlamsız — yan menü yok, alt
   gezinme var — ve stili yalnız masaüstü medya sorgusunda olduğu için ham beyaz
   bir düğme olarak başlığın üstünde duruyordu. */
@media(max-width:820px){
  #tab-studyo .st-mobil-sure{max-width:none!important;overflow:visible}
  #tab-studyo .st-odak-don{display:none!important}
}
/* Alt gezinme (#mobilAlt) dar TARAYICIDA da kuruluyor (mobilAltCubukKur), ama
   taşıma çubuğunu onun üstüne kaldıran kural yalnız body.mobil-uygulama içindi:
   telefon tarayıcısında çubuk gezinmenin ARKASINDA kalıyordu. Tek satırken tesadüfen
   görünüyordu; süre kendi satırına inince oynat/kayıt düğmeleri örtüldü. */
body:has(#mobilAlt) #tab-studyo .st-mobil-bar{bottom:calc(68px + env(safe-area-inset-bottom,0));padding-bottom:10px}
body:has(#mobilAlt) #tab-studyo{padding-bottom:calc(170px + env(safe-area-inset-bottom,0))}
.atolye-bos-ikon .sekme-ik,.atolye-bos-ikon svg{width:44px;height:44px;color:var(--muted);opacity:.8}
/* Gazete araç satırı: btn-outline.small'ın width:100%'ü satırı eziyor (CLAUDE.md) */
#tab-gazete .gz-yazdir{width:auto;display:inline-flex;align-items:center;gap:6px;flex:none}

/* ══ DÜZEN DENETİMİ (v142, "düzen hastası biri hata görmesin") ══ */
/* Onay kutuları: işaretsiz olan koyu temada bembeyaz kare duruyordu */
input[type=checkbox],input[type=radio]{accent-color:var(--red);color-scheme:dark}
/* Proje Bulucu sayaç ikonu */
.os-kutu .os-ik{width:16px;height:16px;vertical-align:-2px;color:var(--red)}
.yy-plat-emoji .fsec-ik{width:18px;height:18px;vertical-align:-3px}
@media(max-width:600px){
  /* Çeviri dil çubuğu: iki açılır liste + takas düğmesi 390px'e sığmıyor, metin kesiliyordu */
  .cev-dil-bar{padding:10px 10px;gap:6px}
  .cev-dil-bar select{font-size:13px;padding-left:8px;padding-right:20px;min-width:0;background-position:right 6px center}
  #tab-gazete .gz-serit .tab{white-space:nowrap;font-size:13px;padding-left:10px;padding-right:10px}
  /* Altyazı: iki alan yan yana sığmıyor ("Altyazı (okunac…") — alt alta */
  #tab-altyazi .js-satir{grid-template-columns:1fr!important;flex-direction:column}
  #tab-altyazi .js-satir .js-alan{width:100%}
  /* Dublaj Odası kod kutusu: büyük harf aralığı ipucu metnini kesiyordu */
  #doKod{letter-spacing:.06em}
  #doKod::placeholder{letter-spacing:0;text-transform:none}
}
/* Kadromuz (v142): ızgarada son satır sola yaslıydı (9 kişi: 6+3, telefonda tek
   kart solda). Esnek kutu + ortalama: son satır ortada, kart genişliği aynı. */
#kadroGrid.kadro-grid:not(.small){display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
#kadroGrid.kadro-grid:not(.small)>*{flex:0 0 calc((100% - 60px)/4);max-width:260px;min-width:0}
@media(max-width:1100px){#kadroGrid.kadro-grid:not(.small)>*{flex-basis:calc((100% - 60px)/4)}}
@media(max-width:760px){#kadroGrid.kadro-grid:not(.small)>*{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:560px){#kadroGrid.kadro-grid:not(.small){gap:14px}#kadroGrid.kadro-grid:not(.small)>*{flex-basis:calc((100% - 14px)/2)}}
/* Uygulamalar: kırmızı (önerilen) indirme düğmesinde boyut yazısı soluktu (2,85:1) */
.btn-red small,.ua-oner small,a.btn-red small{color:#fff!important;opacity:.95}
.upk-btn.senin small{color:#fff!important;opacity:.95}
.upk-ik{width:16px;height:16px;flex:none;vertical-align:-3px}
.upk-cihaz .upk-ik{width:14px;height:14px}
/* Projeler (v142): kartlar satır başına üstten hizalıydı (align-items:start) ve
   kısa kartın altında delik kalıyordu (Kimetsu kartı). Satırdaki kartlar aynı boyda,
   yönetim düğmeleri kartın dibinde. Afiş yoksa dikey poster yüzlere göre konumlu. */
.proje-izgara{align-items:stretch!important}
.proje-izgara .proje-kart .pk-govde{flex:1}
.proje-izgara .proje-kart .pk-yonet{margin-top:auto}
.pk-kapak.poster{background-position:center 18%}

/* v143 — Misafir alt çubuğu dört düğmeli (üyeninki beş). */
#misafirAlt{grid-template-columns:repeat(4,1fr)!important}
/* v143 — Misafir görünümünde kenar çubuğu içerik kadar uzayıp
   ekranın ortasında bitiyordu (altında çıplak arka plan). */
@media(min-width:861px){.sidebar{min-height:calc(100vh - var(--ust-yuk,61px))}}
/* v143 — Boş vitrin açıklaması görselin açık bulutlarında
   kayboluyordu (gri yazı, gri gök). Yazı açık ve gölgeli. */
.bos-vitrin p{color:color-mix(in srgb,var(--txt) 86%,transparent)!important;text-shadow:0 1px 10px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}
.bos-vitrin b{text-shadow:0 2px 14px rgba(0,0,0,.9)}
/* v143 — SVG ikonlu menü öğelerinin yazısı GIF ikonlulardan 10px
   içeride başlıyordu (grafik.css'teki eski margin-right + span'ın
   kendi gap'i iki kez boşluk bırakıyordu). Tek boşluk: gap. */
.snav span[data-sekme] > .sekme-ik{margin-right:0}
/* v143 — Dönüştürücü ve Fotoğraf Büyütücü'nün dosya alanı öbür
   araçlarınkinin (Arka Plan Silici, Gürültü…) yanında küçük ve
   sönük bir kutu gibi duruyordu; aynı ölçü ve dile çekildi. */
.dns-kutu{max-width:none}
.dns-dosya-sec{padding:40px 20px;border-radius:16px;border-color:rgba(139,124,255,.36);
  background:linear-gradient(135deg,rgba(139,124,255,.07),rgba(245,142,180,.04));color:var(--txt);font-size:15px}
.dns-dosya-sec:hover{border-color:rgba(139,124,255,.8);transform:translateY(-2px)}
.dns-dosya-sec > span{display:inline-flex;flex-direction:column;align-items:center;gap:12px}
.dns-dosya-sec > span > .fsec-ik{width:34px;height:34px;color:var(--violet)}
/* v143 — Altta yazma kutusu olan bölümlerde (AI Asistan, Sohbet,
   Mesajlar) maskot ve Jarvis küresi sağ alttaki "Gönder" düğmesinin
   üstüne biniyordu: ölçüldü, AI Asistan'da düğmenin %70'i örtülü.
   Bu bölümlerde ikisi yazma kutusunun yüksekliği kadar yukarıda. */
@media(min-width:821px){
  body:has(#tab-aiasistan:not(.hidden), #tab-sohbet:not(.hidden), #tab-dm:not(.hidden), #tab-aistudyo:not(.hidden)) #maskot,
  body:has(#tab-aiasistan:not(.hidden), #tab-sohbet:not(.hidden), #tab-dm:not(.hidden), #tab-aistudyo:not(.hidden)) #jarvisKok{
    translate:0 -84px}
}
/* v143 — Proje Bulucu motor uyarıları kırmızı düz yazı duvarıydı;
   her biri artık ayrı, okunur bir not kutusu. */
.om-alt .om-uyari{display:block;color:var(--txt);opacity:.92;font-size:12.5px;line-height:1.6;
  background:color-mix(in srgb,#f5a524 9%,transparent);border:1px solid color-mix(in srgb,#f5a524 35%,transparent);
  border-left:3px solid #f5a524;border-radius:10px;padding:9px 12px;margin:0 0 8px}
.om-alt .om-uyari b{color:#f7c35f}
/* v143 — Telefonda maskot ve konuşma balonu içeriğin üstünde
   duruyordu: Ana Panel'de "Dublaj Odası" kartını, Sohbet'te son
   mesajı, Uygulamalar'da indirme düğmesini örtüyordu. Dar ekranda
   sağ alt köşe Jarvis küresine kalıyor. */
@media(max-width:820px){#maskot{display:none!important}}
/* v143 — Telefonda AI Asistan'ın yazma kutusu alt gezinme
   çubuğunun arkasında başlıyordu; soru yazmak için önce sayfayı
   kaydırmak gerekiyordu. Kutu, çubuğun üstünde bitecek boyda. */
@media(max-width:820px){.ai-chat-kutu{height:calc(100dvh - 310px);min-height:340px}}