/* ══════════════════════════════════════════════════════════════
   MİZANİS — FABLE KATMANI (v145)
   ──────────────────────────────────────────────────────────────
   En son yüklenen stil dosyası. Önceki katmanları (style.css,
   grafik.css, tasarim.css) silmez, üstüne biner; geri almak tek
   <link> satırını kaldırmak.

   NE DEĞİŞTİ, NEDEN:
   - Tek bir ölçü sistemi: yüzey (4 kademe), çizgi (3 kademe),
     köşe (4 kademe), yazı ölçeği. Önceden aynı sayfada 8-10-11-
     12-14-16-18-999px köşe ve beş farklı kenar rengi yan yana
     duruyordu.
   - Düğme hiyerarşisi: birincil (dolu kırmızı, 10px), ikincil
     (ince çerçeve), üçüncül (çıplak), tehlikeli (kırmızı kontur).
     Önceden birincil düğme hem hap hem kutu hem cam olabiliyordu.
   - Mühür (hanko): kırmızı etiket değil, kâğıda basılmış kontur
     mühür. Başlığın yanında sessiz bir imza; göz artık başlığa gidiyor.
   - Kenar çubuğu daha sıkı: kullanıcı kartı, durum, arama ve menü
     tek ritimde; 14 grup başlığı aynı ölçüde.
   - Araçlar kendi karakterinde: Ses Tezgâhı konsol gibi (fader
     tutamaçları, LED'li efekt düğmeleri, koyu panel), Çeviri
     editör gibi (iki eşit sütun, tek ayraç, sayaç monospace),
     Dosyalar sürükle-bırak alanı, Anime Veritabanı medya ızgarası.
   - Odak halkası HER etkileşimli öğede görünür (klavye).
   - prefers-reduced-motion: bütün giriş animasyonları kapalı.

   Ses Stüdyosu (#tab-studyo) kendi temasıyla DIŞARIDA — CLAUDE.md:
   düzeni kırılgan. Seçicilerde :not(#tab-studyo *) bu yüzden.
   ══════════════════════════════════════════════════════════════ */

:root{
  /* yüzeyler: temadan türetilir, tema değişince birlikte döner */
  --f-s0:var(--bg);
  --f-s1:color-mix(in srgb,var(--panel) 92%,transparent);
  --f-s2:var(--panel2);
  --f-s3:color-mix(in srgb,var(--panel2) 80%,var(--txt) 4%);
  /* çizgiler */
  --f-l1:color-mix(in srgb,var(--txt) 8%,transparent);
  --f-l2:color-mix(in srgb,var(--txt) 13%,transparent);
  --f-l3:color-mix(in srgb,var(--txt) 22%,transparent);
  /* yazı */
  --f-t1:var(--txt);
  --f-t2:color-mix(in srgb,var(--txt) 76%,transparent);
  --f-t3:var(--muted);
  /* köşeler */
  --f-r1:6px; --f-r2:10px; --f-r3:14px; --f-r4:18px;
  /* durumlar */
  --f-ok:#5BD08F; --f-uyari:#F0B25A; --f-hata:var(--red); --f-bilgi:#6FB7FF;
  /* vurgu zeminleri */
  --f-red-08:color-mix(in srgb,var(--red) 8%,transparent);
  --f-red-14:color-mix(in srgb,var(--red) 14%,transparent);
  --f-red-35:color-mix(in srgb,var(--red) 35%,transparent);
  /* odak halkası */
  --f-odak:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--red) 75%,transparent);
  /* mühür rengi: markanın kırmızısından bir ton toprak */
  --f-muhur:#E0394F;
  --f-gecis:.16s cubic-bezier(.2,.7,.2,1);
}

/* ── Temel ── */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(button,[role=button],a,input,select,textarea,summary):focus-visible{outline:none;box-shadow:var(--f-odak)}
.snav:focus-visible,.tab:focus-visible,.nav-btn:focus-visible{box-shadow:var(--f-odak)}
::selection{background:color-mix(in srgb,var(--red) 35%,transparent);color:#fff}
html{scrollbar-color:var(--f-l3) transparent}

/* ── Mühür (hanko): basılı kontur ── */
.hanko{
  background:none!important;box-shadow:none!important;
  color:var(--f-muhur);border:1.5px solid color-mix(in srgb,var(--f-muhur) 80%,transparent);
  border-radius:4px;padding:3px 5px 4px;min-width:26px;min-height:26px;
  font-size:12px;letter-spacing:.08em;opacity:.92;transform:rotate(-3deg);
  mask-image:radial-gradient(circle at 30% 40%,#000 70%,rgba(0,0,0,.75) 100%);
  -webkit-mask-image:radial-gradient(circle at 30% 40%,#000 70%,rgba(0,0,0,.75) 100%)}
.pane-title .hanko{font-size:11.5px;margin-left:12px;animation-duration:.4s}
#view-landing .sec-title .hanko{font-size:13px;min-width:30px;min-height:30px;margin-left:14px}
body.pro-kip .hanko{color:var(--f-t3);border-color:var(--f-l3);background:none!important}
@keyframes hankoBas{0%{opacity:0;transform:scale(1.5) rotate(-10deg)}100%{opacity:.92;transform:scale(1) rotate(-3deg)}}

/* ══════════════════ UYGULAMA KABUĞU ══════════════════ */
@media(min-width:861px){.app-shell{grid-template-columns:264px minmax(0,1fr)}}
.sidebar:not(#tab-studyo *){
  padding:18px 14px 16px;gap:0;
  background:color-mix(in srgb,var(--panel) 96%,transparent);
  border-right:1px solid var(--f-l1);scrollbar-width:thin}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:var(--f-l2)}
.sidebar::-webkit-scrollbar-thumb:hover{background:var(--f-l3)}

/* Kullanıcı kartı: sıkı, tek satır ritmi */
.me-card:not(#tab-studyo *){gap:10px;margin-bottom:12px;padding:0 2px}
.me-card .avatar{width:42px;height:42px;border-width:1.5px}
.me-ad{font-size:14px;line-height:1.3;font-weight:700;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px}
.me-ad > *{flex:none}
.me-rol{font-size:11.5px;font-weight:600;color:var(--f-t3);margin-top:1px}
.durum-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--f-t3);margin-bottom:10px}
.durum-label select{margin-top:5px;padding:8px 32px 8px 10px;font-size:13px;min-height:36px;border-radius:var(--f-r2)}
.side-ara input{min-height:36px;padding:8px 12px;font-size:13px;margin:0;border-radius:var(--f-r2)}
.sira-toggle:not(#tab-studyo *){
  margin:8px 0 0;padding:6px 8px;font-size:11.5px;font-weight:600;color:var(--f-t3);
  background:transparent;border:1px dashed var(--f-l2);border-radius:var(--f-r2)}
.sira-toggle:not(#tab-studyo *):hover{background:var(--f-s2);color:var(--f-t1)}
.sira-toggle.aktif:not(#tab-studyo *){background:var(--f-red-08);border-color:var(--f-red-35);color:var(--f-t1)}
.side-nav{gap:2px;margin-top:10px}
.nav-grup{margin-top:6px}
.nav-grup.sabit{margin-top:2px}
.nav-grup-bas:not(#tab-studyo *){
  font-size:10.5px;letter-spacing:.14em;font-weight:700;color:var(--f-t3);opacity:.9;
  padding:10px 10px 6px;border-radius:var(--f-r1);transition:color var(--f-gecis)}
.nav-grup-bas:not(#tab-studyo *):hover{color:var(--f-t1);background:transparent}
.snav:not(#tab-studyo *){
  font-size:13.5px;font-weight:600;padding:8px 10px;border-radius:var(--f-r2);gap:9px;
  color:var(--f-t2);transition:background var(--f-gecis),color var(--f-gecis)}
.snav:not(#tab-studyo *):hover{background:color-mix(in srgb,var(--txt) 5%,transparent);color:var(--f-t1);transform:none}
.snav.active:not(#tab-studyo *),.snav.aktif:not(#tab-studyo *){
  background:var(--f-red-08);color:var(--f-t1);font-weight:700}
.snav.active:not(#tab-studyo *)::before,.snav.aktif:not(#tab-studyo *)::before{
  left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0}
.snav .fsec-ik,.snav .sekme-ik{width:18px;height:18px;flex:none;opacity:.85}
.snav.active .fsec-ik{opacity:1}
.snav .nav-gif,.snav img{width:20px;height:20px;border-radius:5px;object-fit:cover}
.snav.admin:not(#tab-studyo *){color:var(--gold)}
.side-ayrac{opacity:.45;margin:14px 0 8px}
.sidebar > .btn-outline.small{margin-top:auto;font-size:12.5px;min-height:36px}

/* Üst çubuk (panel içindeyken) */
#topnav{min-height:60px;padding:10px 24px;border-bottom:1px solid var(--f-l1)}
#topnav .nav-btn{font-weight:600;font-size:13.5px;padding:8px 12px;border-radius:var(--f-r2)}
#topnav .nav-btn.ghost{border:1px solid var(--f-l2)}

/* İçerik alanı */
.content{padding:28px 36px 48px;max-width:1140px}
.pane-title:not(#tab-studyo *){
  font-size:clamp(22px,2vw,27px);font-weight:700;letter-spacing:-.02em;line-height:1.15;
  margin-bottom:8px;gap:12px;display:flex;align-items:center;flex-wrap:wrap;min-width:0}
.pane-title .hanko{flex:none}
.pane-title > span,.pane-title > b{min-width:0}
.pane-title .sekme-ik:not(#tab-studyo *),.pane-title > .fsec-ik:not(#tab-studyo *){
  width:40px;height:40px;padding:9px;border-radius:var(--f-r2);
  background:var(--f-s2);border:1px solid var(--f-l1);color:var(--red);vertical-align:middle}
.pane-title .bsl-ikon:not(#tab-studyo *){width:40px;height:40px;border-radius:var(--f-r2);background:var(--f-s2);border:1px solid var(--f-l1)}
.pane-title + .fnote:not(#tab-studyo *),.pane-title + p.fnote:not(#tab-studyo *){
  max-width:72ch;font-size:14px;line-height:1.6;color:var(--f-t3);margin:0 0 22px}
.fnote:not(#tab-studyo *){font-size:13.5px;line-height:1.6}

/* Bölüm giriş hareketi: daha kısa, daha az kaymalı */
.tabpane:not(.hidden):not(#tab-studyo) > :nth-child(-n+6){animation-duration:.32s}
@keyframes bolumGir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ══════════════════ DÜĞMELER ══════════════════ */
:is(.btn-red,.btn-outline,.btn-mini,.tab):not(#tab-studyo *){
  font-family:var(--body);letter-spacing:0;cursor:pointer;
  transition:background var(--f-gecis),border-color var(--f-gecis),color var(--f-gecis),transform .08s,opacity var(--f-gecis)}
/* Birincil: dolu kırmızı, tek eylem */
.btn-red:not(#tab-studyo *):not(.oyun-baslat){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:9px 18px;border-radius:var(--f-r2);
  background:var(--red);background-image:none;color:#fff;border:1px solid color-mix(in srgb,var(--red) 70%,#000 10%);
  font-size:14px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.btn-red:not(#tab-studyo *):not(.oyun-baslat):hover{background:color-mix(in srgb,var(--red) 88%,#fff);border-color:var(--red);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.btn-red:not(#tab-studyo *):active{transform:translateY(1px)}
.btn-red.big:not(#tab-studyo *){min-height:46px;font-size:15px;padding:11px 22px}
.btn-red.small:not(#tab-studyo *){min-height:34px;font-size:13px;padding:6px 13px}
/* İkincil: ince çerçeve */
.btn-outline:not(#tab-studyo *){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:9px 16px;border-radius:var(--f-r2);
  background:transparent;border:1px solid var(--f-l2);color:var(--f-t1);font-size:14px;font-weight:600}
.btn-outline:not(#tab-studyo *):hover{border-color:var(--f-l3);background:color-mix(in srgb,var(--txt) 5%,transparent)}
.btn-outline.big:not(#tab-studyo *){min-height:46px;font-size:15px}
.btn-outline.small:not(#tab-studyo *){min-height:34px;font-size:13px;padding:6px 12px;width:auto}
/* Üçüncül / mini */
.btn-mini:not(#tab-studyo *){
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:32px;padding:5px 11px;border-radius:var(--f-r1);
  background:transparent;border:1px solid var(--f-l2);color:var(--f-t2);font-size:12.5px;font-weight:600;margin:3px 4px 0 0}
.btn-mini:not(#tab-studyo *):hover{border-color:var(--f-l3);color:var(--f-t1);background:color-mix(in srgb,var(--txt) 5%,transparent)}
/* Tehlikeli */
:is(.btn-mini.danger,.btn-red.danger,.btn-outline.danger):not(#tab-studyo *){
  background:transparent;border-color:var(--f-red-35);color:color-mix(in srgb,var(--red) 85%,#fff)}
:is(.btn-mini.danger,.btn-red.danger,.btn-outline.danger):not(#tab-studyo *):hover{background:var(--f-red-08);border-color:var(--red);color:#fff}
/* Devre dışı + yükleniyor */
:is(.btn-red,.btn-outline,.btn-mini):not(#tab-studyo *):disabled,
:is(.btn-red,.btn-outline,.btn-mini):not(#tab-studyo *)[aria-disabled=true]{
  opacity:.5;cursor:not-allowed;transform:none}
:is(.btn-red,.btn-outline,.btn-mini).yukleniyor:not(#tab-studyo *){
  position:relative;color:transparent!important;pointer-events:none;opacity:.85}
:is(.btn-red,.btn-outline,.btn-mini).yukleniyor:not(#tab-studyo *)::after{
  content:"";position:absolute;width:16px;height:16px;left:calc(50% - 8px);top:calc(50% - 8px);
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fDon .7s linear infinite}
.btn-outline.yukleniyor:not(#tab-studyo *)::after,.btn-mini.yukleniyor:not(#tab-studyo *)::after{border-color:var(--f-l3);border-top-color:var(--f-t1)}
@keyframes fDon{to{transform:rotate(360deg)}}
/* Düğme içi ikon */
:is(.btn-red,.btn-outline,.btn-mini) .fsec-ik{width:16px;height:16px;flex:none}

/* ══════════════════ GİRDİLER ══════════════════ */
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea):not(#tab-studyo *){
  min-height:40px;padding:9px 12px;font-size:14px;line-height:1.4;
  border-radius:var(--f-r2);border:1px solid var(--f-l2);background-color:var(--f-s2);color:var(--f-t1);
  transition:border-color var(--f-gecis),box-shadow var(--f-gecis),background var(--f-gecis)}
:is(input,select,textarea):not(#tab-studyo *):hover:not(:focus){border-color:var(--f-l3)}
:is(input,select,textarea):not(#tab-studyo *):focus{
  outline:none;border-color:color-mix(in srgb,var(--red) 65%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 14%,transparent)}
:is(input,select,textarea):not(#tab-studyo *):disabled{opacity:.55;cursor:not-allowed}
:is(input,textarea):not(#tab-studyo *)[aria-invalid=true],:is(input,textarea).hatali:not(#tab-studyo *){border-color:var(--red)}
textarea:not(#tab-studyo *){min-height:96px;resize:vertical;line-height:1.55}
label:not(#tab-studyo *){font-size:13px;font-weight:600;color:var(--f-t2);margin-bottom:12px}
label > :is(input,select,textarea):not(#tab-studyo *){margin-top:6px}
/* select: yerli ok yerine ince çizgi ok */
select:not([multiple]):not([size]):not(#tab-studyo *){
  appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C9AB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 11px center;background-size:16px}
select:not(#tab-studyo *) option{background:var(--panel);color:var(--txt)}
/* onay kutusu / radyo */
:is(input[type=checkbox],input[type=radio]):not(#tab-studyo *){
  width:16px;height:16px;accent-color:var(--red);margin:0;flex:none;cursor:pointer;vertical-align:-3px}
::placeholder{font-family:var(--body)!important;font-weight:400;letter-spacing:0;color:color-mix(in srgb,var(--txt) 42%,transparent)!important}
/* kaydırıcı: ince ray, net tutamaç */
input[type=range]:not(#tab-studyo *){
  -webkit-appearance:none;appearance:none;height:22px;background:transparent;border:0;padding:0;margin:0;cursor:pointer}
input[type=range]:not(#tab-studyo *)::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--f-l3)}
input[type=range]:not(#tab-studyo *)::-moz-range-track{height:4px;border-radius:2px;background:var(--f-l3)}
input[type=range]:not(#tab-studyo *)::-webkit-slider-thumb{
  -webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;
  background:#fff;border:2px solid var(--red);box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .1s}
input[type=range]:not(#tab-studyo *)::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red);box-shadow:0 1px 4px rgba(0,0,0,.4)}
input[type=range]:not(#tab-studyo *):active::-webkit-slider-thumb{transform:scale(1.15)}
input[type=range]:not(#tab-studyo *):focus-visible{box-shadow:none}
input[type=range]:not(#tab-studyo *):focus-visible::-webkit-slider-thumb{box-shadow:var(--f-odak)}
/* dosya seçici düğmesi */
.dosya-sec .ds-dugme{min-height:36px;border-radius:var(--f-r2);font-family:var(--body);font-weight:600;font-size:13px}

/* ══════════════════ SEKMELER (parçalı denetim) ══════════════════ */
:is(.tabs,.tab-bar):not(#tab-studyo *){
  display:inline-flex;gap:2px;padding:3px;border-radius:var(--f-r3);
  background:var(--f-s2);border:1px solid var(--f-l1);margin-bottom:18px;max-width:100%;overflow-x:auto;
  scrollbar-width:none}
:is(.tabs,.tab-bar):not(#tab-studyo *)::-webkit-scrollbar{display:none}
.tabs:not(.wrap):not(#tab-studyo *){display:flex}
.tabs.wrap:not(#tab-studyo *){flex-wrap:wrap;overflow:visible}
.tab:not(#tab-studyo *){
  flex:none;min-height:34px;padding:6px 14px;border-radius:var(--f-r2);border:1px solid transparent;
  background:transparent;color:var(--f-t3);font-size:13.5px;font-weight:600;box-shadow:none;white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px}
.tabs:not(.wrap) .tab:not(#tab-studyo *){flex:1 1 0}
.tab:not(#tab-studyo *):hover{color:var(--f-t1);background:color-mix(in srgb,var(--txt) 4%,transparent)}
.tab.active:not(#tab-studyo *),.tab.aktif:not(#tab-studyo *){
  background:var(--f-s3);color:var(--f-t1);border-color:var(--f-l2);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.tab .fsec-ik{width:15px;height:15px}
#tab-admin > .tabs.wrap .tab{font-size:12.5px;padding:6px 10px}

/* Kanal şeridi (sohbet) aynı dil */
.kanal-serit:not(#tab-studyo *){gap:4px;padding:3px;border-radius:var(--f-r3);background:var(--f-s2);border:1px solid var(--f-l1);display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--f-l1)}
.kanal-sekme:not(#tab-studyo *){border-radius:var(--f-r2);border:1px solid transparent;background:transparent;padding:6px 12px;font-size:13px;min-height:34px}
.kanal-sekme:not(#tab-studyo *):hover{border-color:transparent;background:color-mix(in srgb,var(--txt) 4%,transparent);color:var(--f-t1)}
.kanal-sekme.aktif:not(#tab-studyo *){background:var(--f-s3);border-color:var(--f-l2);color:var(--f-t1)}
.kanal-sekme.kanal-ekle:not(#tab-studyo *){border:1px dashed var(--f-l2)}

/* ══════════════════ KARTLAR ══════════════════ */
:is(.panel-kart,.mini-form,.item-card,.card,.ef-bolum,.profil-kart,.pf-kart,.destek-kart,.atolye-kart,
  .uye-card,.proje-kart,.stat-kutu,.oneri-motor,.oneri-kart,.sb-kart,.sis-kart,.disk-kart,.tk-bolum,.db-oge,
  .chat-box,.dm-sol,.dm-sag,.dok-sol,.dok-sag,.liste-sag,.skor-tablo,.yon-toplu,.tema-kart,.akn-kart,
  .ai-chat-kutu,.ai-sonuc,.ak-oge,.anime-kart,.manga-kart,.sahne-kart,.davet-kart,.davet-form,.destek-form,
  .card-form,.bt-kart,.ind-kutu,.ind-cerez,.ind-ilerleme,.gif-kutu,.dns-kutu,.os-kutu,.yy-plat,.yy-dosya-bilgi,
  .auth-card,.dicebear-arac,.ay-kalite,.ay-parca,.atolye-yorum,.ara-sonuc,.panel-kart.online-kart):not(#tab-studyo *){
  border-radius:var(--f-r4);border:1px solid var(--f-l1);background-color:var(--f-s1);box-shadow:none}
:is(.mini-form,.panel-kart,.ef-bolum):not(#tab-studyo *){padding:20px}
:is(.proje-kart,.oneri-kart,.anime-kart,.manga-kart,.uye-card,.atolye-kart,.tema-kart,.sahne-kart):not(#tab-studyo *):hover{
  transform:translateY(-2px);border-color:var(--f-l3);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.panel-baslik:not(#tab-studyo *){font-size:14.5px;font-weight:700;letter-spacing:-.005em;margin-bottom:14px;gap:9px}
.panel-baslik .fsec-ik:not(#tab-studyo *){width:18px;height:18px;color:var(--red)}
.pk-tumu:not(#tab-studyo *){font-size:12.5px;padding:4px 10px;border-radius:var(--f-r1);border:1px solid var(--f-l2);min-height:28px}
.pk-tumu:not(#tab-studyo *):hover{background:color-mix(in srgb,var(--txt) 5%,transparent);color:var(--f-t1)}
.panel-grid:not(#tab-studyo *){gap:14px;margin-bottom:14px}
.panel-kart:not(#tab-studyo *){margin-bottom:14px}
.empty-note:not(#tab-studyo *){
  padding:28px 20px;border:1px dashed var(--f-l2);border-radius:var(--f-r3);
  background:color-mix(in srgb,var(--panel) 40%,transparent);color:var(--f-t3);font-size:13.5px;line-height:1.6}
.badge:not(#tab-studyo *){font-size:11px;font-weight:700;padding:2px 9px;border:1px solid var(--f-l2);background:var(--f-s2);letter-spacing:.01em;box-shadow:none}
.modal-kutu:not(#tab-studyo *){border-radius:20px;border:1px solid var(--f-l2);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.toast{border-radius:var(--f-r3);border:1px solid var(--f-l2);padding:11px 16px;font-size:13.5px;font-weight:600;
  background:color-mix(in srgb,var(--panel2) 96%,transparent);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.sag-menu{border-radius:var(--f-r3);border:1px solid var(--f-l2)}
.sm-oge{border-radius:var(--f-r1);font-weight:500}

/* ══════════════════ ANA PANEL ══════════════════ */
#tab-panel .gorsel-alan.ga-panelust{border-radius:var(--f-r4);border:1px solid var(--f-l1);margin-bottom:14px}
#tab-panel .gy-ust{font-size:11px;letter-spacing:.16em;color:var(--f-t3)}
#tab-panel .gy-ad{font-family:var(--disp);font-weight:700;letter-spacing:-.02em}
#tab-panel .gy-ozet{font-size:13px}
#tab-panel .gy-ozet span,#tab-panel .gy-ozet b{font-weight:600}
/* Hızlı erişim: dik kart değil, ikonlu satır */
.hizli-erisim{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.he-kart{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:1px;padding:12px 14px;
  border-radius:var(--f-r3);border:1px solid var(--f-l1);background:var(--f-s1);box-shadow:none}
.he-kart:hover{transform:none;border-color:var(--f-l3);background:var(--f-s2)}
.he-kart:active{transform:scale(.99)}
.he-kart .he-ikon,.he-kart > span:first-child,.he-kart > .fsec-ik{
  grid-row:1/3;width:36px;height:36px;border-radius:var(--f-r2);background:var(--f-red-08);color:var(--red);
  display:grid;place-items:center;padding:8px;border:1px solid transparent;flex:none}
.he-kart .he-ikon svg,.he-kart > span:first-child svg{width:20px;height:20px}
.he-kart b{font-size:14px;font-weight:700;letter-spacing:-.005em}
.he-kart small{font-size:12px;color:var(--f-t3);line-height:1.35}
@media(max-width:1100px){.hizli-erisim{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.he-kart{padding:10px 12px}.he-kart small{display:none}}
.online-kart .online-sayi{font-family:var(--disp);font-size:26px;font-weight:700;letter-spacing:-.02em}
.online-kart .online-etiket{font-size:13px;color:var(--f-t3)}
.online-kart .dc-btn{margin-top:auto}
/* Anahtarlar (Jarvis açılışı vb.) */
.pt-anahtar,.anahtar-satir{font-size:13px}

/* ══════════════════ SOHBET ══════════════════ */
.sohbet-canli:not(#tab-studyo *){border:1px solid var(--f-l1);background:var(--f-s1);border-radius:var(--f-r3);padding:8px 12px;font-size:12.5px}
.chat-box:not(#tab-studyo *){border:1px solid var(--f-l1);background:color-mix(in srgb,var(--panel) 60%,transparent);padding:14px 16px;gap:4px;border-radius:var(--f-r4)}
.chat-msg:not(#tab-studyo *){padding:6px 8px;border-radius:var(--f-r2);transition:background .12s}
@media(hover:hover){.chat-msg:not(#tab-studyo *):hover{background:color-mix(in srgb,var(--txt) 3%,transparent)}}
.chat-bubble:not(#tab-studyo *){background:transparent;border:0;padding:0;max-width:min(78ch,92%)}
.chat-bubble .who{font-size:13px;font-weight:700;color:var(--f-t1);margin-bottom:1px}
.chat-bubble .txt{font-size:14.5px;line-height:1.55;color:var(--f-t1)}
.chat-bubble .zaman{font-size:11px;color:var(--f-t3);margin-top:3px;opacity:.8}
.chat-msg img.avatar{width:34px;height:34px;border-width:0;margin-top:2px}
.msg-aksiyon{gap:2px}
.msg-aksiyon button{border-radius:var(--f-r1)}
.drama0-btn{border-radius:var(--f-r2);border:1px solid var(--f-l2);font-size:12.5px}
#tab-sohbet .chat-box,#tab-sohbet #chatBox{border-color:var(--f-l1)!important;background:color-mix(in srgb,var(--panel) 60%,transparent)!important;box-shadow:none!important}
/* Çevrimiçi sütunu */
.cevrimici-kutu,.online-liste{border-radius:var(--f-r4);border:1px solid var(--f-l1)}

/* ══════════════════ PROJELER ══════════════════ */
#tab-projeler .gorsel-alan{border-radius:var(--f-r4);border:1px solid var(--f-l1)}
.proje-kart:not(#tab-studyo *){border-radius:var(--f-r4)}
.pk-kapak{height:140px}
.pk-durum,.pk-teslim{font-size:11px;font-weight:700;padding:4px 9px;border-radius:var(--f-r1);background:rgba(7,7,15,.72);border-color:rgba(255,255,255,.12)}
.pk-ad{font-weight:700;letter-spacing:-.01em;font-size:16px}
.pk-bar{height:6px;background:var(--f-l2)}
.pk-dolu{background:var(--red)}
.pk-dolu.tamam{background:var(--f-ok)}
.pk-ilerleme b{font-family:var(--body);font-variant-numeric:tabular-nums;font-weight:700;font-size:12.5px}
.stat-kutu:not(#tab-studyo *){padding:14px 16px;text-align:left;border-radius:var(--f-r3)}
.stat-kutu b,.stat-kutu .sayi{font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.02em}
.stat-kutu small,.stat-kutu span{font-size:12px;color:var(--f-t3);letter-spacing:.02em}

/* ══════════════════ DOSYALAR: bırakma alanı ══════════════════ */
#fileForm.mini-form{padding:0;overflow:hidden}
#fileForm .f-birak{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;
  padding:34px 20px 28px;border-bottom:1px dashed var(--f-l2);
  background:
    radial-gradient(60% 80% at 50% 0%,color-mix(in srgb,var(--red) 7%,transparent),transparent 70%),
    repeating-linear-gradient(45deg,transparent 0 12px,color-mix(in srgb,var(--txt) 1.5%,transparent) 12px 13px);
  transition:background var(--f-gecis),border-color var(--f-gecis)}
#fileForm.surukleniyor .f-birak{background-color:var(--f-red-08);border-color:var(--red)}
#fileForm .f-birak .fb-ikon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:var(--f-s2);border:1px solid var(--f-l2);color:var(--red)}
#fileForm .f-birak .fb-ikon svg{width:22px;height:22px}
#fileForm .f-birak b{font-size:15px;font-weight:700}
#fileForm .f-birak small{font-size:12.5px;color:var(--f-t3)}
#fileForm .f-birak .dosya-sec{margin-top:6px}
#fileForm .f-alt{display:flex;gap:10px;align-items:center;padding:12px 14px;flex-wrap:wrap}
#fileForm .f-alt input[type=text]{flex:1 1 240px;margin:0}
#fileForm .f-alt .btn-red{margin:0;flex:none}
#fileForm .f-alt .progress{flex:1 1 100%;margin:0}
#fileForm .f-secili{display:none;font-size:12.5px;color:var(--f-t2);padding:0 14px 10px}
#fileForm .f-secili.dolu{display:block}
#fileForm .f-secili b{color:var(--f-t1)}
/* dosya satırları */
.dosya-satir:not(#tab-studyo *){padding:10px 0;border-bottom:1px solid var(--f-l1)}
.dosya-satir:last-child{border-bottom:0}

/* ══════════════════ SES TEZGÂHI: konsol dili ══════════════════ */
#tab-sestezgah .ef-bolum{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--txt) 3%,transparent),transparent 56px),
    color-mix(in srgb,var(--bg) 70%,var(--panel));
  border:1px solid var(--f-l2);border-radius:var(--f-r4);padding:18px 20px 20px;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--txt) 6%,transparent)}
#tab-sestezgah .ef-bolum .panel-baslik{
  padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--f-l1);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--f-t2)}
#tab-sestezgah .ef-bolum .panel-baslik .fsec-ik{color:var(--red)}
#tab-sestezgah .ef-bolum > .fnote{font-size:13px;color:var(--f-t3);max-width:78ch}
/* efekt/filtre düğmeleri: LED'li donanım tuşu */
#tab-sestezgah .ef-liste{gap:8px}
#tab-sestezgah .ef-kart{
  position:relative;padding:9px 13px 9px 26px;border-radius:var(--f-r2);
  background:var(--f-s2);border:1px solid var(--f-l2);color:var(--f-t2);font-size:13px;font-weight:600;
  box-shadow:0 1px 0 rgba(0,0,0,.35),inset 0 1px 0 color-mix(in srgb,var(--txt) 5%,transparent)}
#tab-sestezgah .ef-kart::before{
  content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;
  background:color-mix(in srgb,var(--txt) 14%,transparent);transition:background .15s,box-shadow .15s}
#tab-sestezgah .ef-kart:hover{transform:none;border-color:var(--f-l3);color:var(--f-t1)}
#tab-sestezgah .ef-kart.secili{background:var(--f-s3);border-color:var(--f-l3);color:var(--f-t1)}
#tab-sestezgah .ef-kart.secili::before{background:var(--red);box-shadow:0 0 8px var(--red),0 0 2px #fff inset}
#tab-sestezgah .ef-kart .ef-ikon,#tab-sestezgah .ef-kart svg{width:16px;height:16px;opacity:.9}
/* fader satırları */
#tab-sestezgah .ef-panel{margin-top:14px;padding:12px 14px;border-radius:var(--f-r3);
  background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--f-l1)}
#tab-sestezgah .ef-panel > .fnote,#tab-sestezgah .ef-panel > p{font-size:12.5px;color:var(--f-t3);margin:0 0 10px}
#tab-sestezgah .ef-ayar{grid-template-columns:96px minmax(0,1fr) 72px;gap:12px;margin-bottom:8px;align-items:center}
#tab-sestezgah .ef-ayar > label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--f-t3)!important;margin:0}
#tab-sestezgah .ef-ayar > span{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;
  color:var(--f-t1)!important;text-align:right;padding:4px 8px;border-radius:var(--f-r1);
  background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--f-l1);font-variant-numeric:tabular-nums}
#tab-sestezgah input[type=range]{height:26px}
#tab-sestezgah input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.25));box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 color-mix(in srgb,var(--txt) 6%,transparent)}
#tab-sestezgah input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(0,0,0,.45)}
#tab-sestezgah input[type=range]::-webkit-slider-thumb{
  width:12px;height:22px;margin-top:-8px;border-radius:3px;border:0;
  background:linear-gradient(180deg,#f5f3f7 0%,#d9d6df 48%,#b9b5c2 52%,#e8e5ec 100%);
  box-shadow:0 2px 5px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.25)}
#tab-sestezgah input[type=range]::-moz-range-thumb{width:12px;height:22px;border-radius:3px;border:0;background:#dcd9e1}
#tab-sestezgah input[type=range]:active::-webkit-slider-thumb{transform:none;filter:brightness(1.08)}
/* taşıma düğmeleri */
#tab-sestezgah .ef-tuslar{gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--f-l1)}
#tab-sestezgah .ef-tuslar .btn-red{min-width:124px}
#tab-sestezgah .ef-tuslar input[type=file]{max-width:230px;min-height:36px;font-size:12.5px;padding:6px 10px}
#tab-sestezgah #efKayitTus.kaydediyor{border-color:var(--red);color:#fff;background:var(--f-red-14);animation:yazKayit 1.4s ease-in-out infinite}
#tab-sestezgah #efDurum{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--f-t3);
  padding:7px 10px;border-radius:var(--f-r1);background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--f-l1);display:inline-block}
#tab-sestezgah #filtreNot{font-size:12.5px}
@media(max-width:600px){#tab-sestezgah .ef-ayar{grid-template-columns:76px minmax(0,1fr) 64px;gap:8px}}

/* Ses araçları (gürültü, normalize, vokal ayırıcı): aynı koyu konsol kartı */
:is(#tab-gurultu,#tab-normalize,#tab-ayirici) :is(.mini-form,.panel-kart,.card){
  background:color-mix(in srgb,var(--bg) 60%,var(--panel));border-color:var(--f-l2)}

/* ══════════════════ ÇEVİRİ: editör ══════════════════ */
#tab-ceviri .cv-kap,#tab-ceviri .ceviri-kutu,#tab-ceviri .mini-form{border-radius:var(--f-r4);border:1px solid var(--f-l1);overflow:hidden}
#tab-ceviri textarea{font-size:15px;line-height:1.65;border:0;border-radius:0;background:transparent}
#tab-ceviri textarea:focus{box-shadow:none}
#tab-ceviri .cv-sayac,#tab-ceviri .sayac{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--f-t3);letter-spacing:.02em}
#tab-ceviri .cv-cikti,#tab-ceviri .ceviri-cikti{font-size:15px;line-height:1.65}
#tab-ceviri select{min-height:38px}

/* Çeviri Editörü / Altyazı: çalışma yüzeyi sakin */
:is(#tab-dokuman,#tab-altyazi,#tab-calisma) .pane-title{margin-bottom:4px}
:is(#tab-dokuman,#tab-altyazi) :is(.dok-sol,.dok-sag,.mini-form){border-radius:var(--f-r3)}
#tab-dokuman .dok-arac button,#tab-dokuman .dok-araclar button{
  min-width:32px;min-height:32px;border-radius:var(--f-r1);border:1px solid transparent;background:transparent;color:var(--f-t2)}
#tab-dokuman .dok-arac button:hover,#tab-dokuman .dok-araclar button:hover{background:var(--f-s2);border-color:var(--f-l2);color:var(--f-t1)}

/* ══════════════════ AI STÜDYO / JARVIS ══════════════════ */
#tab-aistudyo .stab > .mini-form{padding:20px}
#tab-aistudyo .ai-sonuc,#tab-aistudyo .sonuc{font-size:15px;line-height:1.7}
#tab-aistudyo textarea{min-height:120px}
#tab-jarvis .jv-kart,#tab-jarvis .panel-kart{border-radius:var(--f-r4)}
#tab-aiasistan .ai-giris textarea{border-radius:var(--f-r3);border:1px solid var(--f-l2);background:var(--f-s2)}
.ai-mesaj,.ai-msg{font-size:14.5px;line-height:1.6}

/* ══════════════════ ANİME / MANGA / MEDYA ══════════════════ */
:is(#tab-anime,#tab-manga,#tab-izle) .anime-kart,:is(#tab-anime,#tab-manga,#tab-izle) .manga-kart{
  background:transparent;border:0;border-radius:var(--f-r2);box-shadow:none;overflow:visible}
:is(#tab-anime,#tab-manga,#tab-izle) :is(.anime-kart,.manga-kart):hover{transform:translateY(-3px);box-shadow:none}
:is(#tab-anime,#tab-manga,#tab-izle) :is(.anime-kart,.manga-kart) img{border-radius:var(--f-r2);border:1px solid var(--f-l1)}
:is(#tab-anime,#tab-manga,#tab-izle) :is(.anime-kart,.manga-kart):hover img{border-color:var(--f-l3)}
#tab-anime .tabs .tab,#tab-anime .anime-filtre .tab{font-size:13px}

/* ══════════════════ ÜYELER / PROFİL ══════════════════ */
.uye-card:not(#tab-studyo *){padding:16px}
.uye-card .avatar{border-width:1.5px}
.demolink{border-radius:var(--f-r1);font-weight:600;color:var(--f-t2)}
.demolink:hover{border-color:var(--f-l3);color:var(--f-t1)}
#tab-profil .pf-banner,#tab-profil .profil-kapak,#tab-profil .pf-ust{border-color:var(--f-l2)!important;border-radius:var(--f-r4)}
#tab-profil .pf-kart{border-radius:var(--f-r4)}
#tab-profil .fsec{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--f-t3);font-weight:700}
#tab-profil .fsec .fsec-ik{width:28px;height:28px;padding:6px}

/* ══════════════════ OYUNLAR ══════════════════ */
#tab-oyunlar .oyun-kontrol .btn-mini{min-width:40px;min-height:40px;font-size:16px}

/* ══════════════════ TABLOLAR / LİSTELER ══════════════════ */
.content table:not(#tab-studyo *){border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}
.content table:not(#tab-studyo *) th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--f-t3);font-weight:700;padding:8px 10px;text-align:left;border-bottom:1px solid var(--f-l2)}
.content table:not(#tab-studyo *) td{padding:9px 10px;border-bottom:1px solid var(--f-l1);vertical-align:middle}
.content table:not(#tab-studyo *) tr:last-child td{border-bottom:0}
.content table:not(#tab-studyo *) tbody tr:hover td{background:color-mix(in srgb,var(--txt) 2.5%,transparent)}
.progress:not(#tab-studyo *){height:8px;border-radius:999px;background:var(--f-l2);overflow:hidden}
.progress-bar:not(#tab-studyo *){background:var(--red);border-radius:999px}

/* ══════════════════ GİRİŞ EKRANI ══════════════════ */
.auth-card:not(#tab-studyo *){padding:30px 28px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.auth-card .tabs{display:flex}
.auth-card label{margin-bottom:12px}
.auth-card .btn-red.big{width:100%;margin-top:6px}
.auth-card .fnote{font-size:12.5px}
.auth-ayrac{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--f-t3)}

/* ══════════════════ MOBİL ══════════════════ */
.mobil-alt{border-top:1px solid var(--f-l1)}
.mobil-alt button{font-weight:600}
.mobil-alt span{font-size:10px;letter-spacing:.03em}
@media(max-width:860px){
  .content{padding:18px 14px 90px}
  .pane-title .hanko{display:none}
  .panel-tercih{width:100%;margin-left:0;display:flex;gap:8px;flex-wrap:wrap}
  /* Dar ekranda sekme çubuğu kaydırmak yerine sarsın: 8 sekmeli Oyunlar'da
     ekran dışında kalan sekmeler keşfedilmiyordu. */
  :is(.tabs,.tab-bar):not(#tab-studyo *){display:flex;flex-wrap:wrap;overflow:visible}
  .tabs:not(.wrap) .tab:not(#tab-studyo *){flex:1 1 auto}
  .pane-title:not(#tab-studyo *){font-size:22px}
  .pane-title .sekme-ik:not(#tab-studyo *),.pane-title > .fsec-ik:not(#tab-studyo *){width:34px;height:34px;padding:7px}
  :is(.mini-form,.panel-kart,.ef-bolum):not(#tab-studyo *){padding:14px}
  .hizli-erisim{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sidebar:not(#tab-studyo *){padding:14px}
  :is(.btn-red,.btn-outline):not(#tab-studyo *){min-height:42px}
}

/* ══════════════════ TANITIM (ana sayfa) ══════════════════ */
#topnav .logo-yanad{letter-spacing:.18em;font-size:14.5px}
body:has(#view-landing:not(.hidden)) #topnav{padding:10px 28px}
body:has(#view-landing:not(.hidden)) #topnav .nav-btn{font-size:13.5px}
#view-landing .eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600}
#view-landing .hero-lead{font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:var(--f-t2)}
#view-landing .kunye{margin-top:26px;padding-top:18px;border-top:1px solid color-mix(in srgb,#fff 12%,transparent)}
#view-landing .kn-sayi{font-family:var(--disp);font-weight:700;letter-spacing:-.02em}
#view-landing .sec-title{font-weight:700;letter-spacing:-.02em}
#view-landing .sec-title[data-no] span{font-size:11px;letter-spacing:.22em;font-weight:700}
#view-landing .section .mk-alt{font-size:15px;color:var(--f-t3)!important;max-width:60ch}
#view-landing .mk-kart{border-radius:var(--f-r4);padding:24px 24px 20px;transition:border-color var(--f-gecis),background var(--f-gecis),transform .2s}
#view-landing .mk-kart:hover{transform:translateY(-3px)}
#view-landing .mk-kart .mk-ikon{width:30px;height:30px;margin-bottom:14px}
#view-landing .mk-kart small{color:var(--f-t3);font-size:13.5px;line-height:1.5}
#view-landing .mk-git{font-size:11.5px;margin-top:14px}
/* Manifesto */
#view-landing .mf-metin{font-size:16.5px;line-height:1.75;color:var(--f-t2)}
#view-landing .mf-lead{color:var(--f-t1);font-size:18px}
#view-landing .mf-metin::before,#view-landing .mf-govde::before{opacity:.7}
#view-landing .mf-ac{font-size:13px;font-weight:600;border-radius:var(--f-r2);border:1px solid var(--f-l2);padding:8px 14px;background:transparent;color:var(--f-t1)}
#view-landing .mf-ac:hover{border-color:var(--f-l3)}
#view-landing .mf-soz{font-family:var(--disp);font-weight:700;letter-spacing:-.015em;line-height:1.3;font-size:clamp(18px,1.6vw,24px)}
/* Kadro */
#view-landing .kadro-card{padding:22px 16px 18px;text-align:center}
#view-landing .kadro-card img,#view-landing .kadro-card .avatar{width:84px;height:84px;border-width:1.5px}
#view-landing .kadro-card b,#view-landing .kadro-card .kd-ad{font-size:15px;font-weight:700;letter-spacing:-.005em}
#view-landing .kadro-card .badge,#view-landing .kadro-card .kd-rol{font-size:11px;font-weight:600;color:var(--f-t2);border:1px solid var(--f-l2);background:var(--f-s2);padding:3px 10px;margin:8px 0 0}
#view-landing .kadro-card .badge::before{background:var(--red)}
/* Uygulama */
#view-landing .uyg-giris{font-size:16.5px;line-height:1.65}
#view-landing .uyg-liste li{line-height:1.6}
#view-landing .uyg-kutu{border-radius:var(--f-r4);border:1px solid var(--f-l1);background:var(--f-s1)}
#view-landing .uyg-dugme{border-radius:var(--f-r2);border:1px solid var(--f-l2);font-weight:600}
#view-landing .uyg-dugme:hover{border-color:var(--f-l3);background:var(--f-s2)}
#view-landing .uyg-not{font-size:12.5px;color:var(--f-t3)}
/* SSS */
#view-landing .sss-oge h3{font-size:16.5px;font-weight:700;letter-spacing:-.005em}
#view-landing .sss-oge p{font-size:14.5px;line-height:1.7;color:var(--f-t2)}
#view-landing .sss-oge h3 span,#view-landing .sss-oge h3 i{color:var(--red);font-size:11px;letter-spacing:.14em;font-style:normal}
/* Boş vitrin */
#view-landing .bos-vitrin{border-radius:var(--f-r4)}
/* Altbilgi */
#view-landing footer{border-top:1px solid var(--f-l1)}
#view-landing footer .ft-sutun > b,#view-landing footer .ft-takip > b{font-size:10.5px;letter-spacing:.2em}
#view-landing footer .ft-sutun :is(a,button){font-size:13.5px;font-weight:500;margin:0;padding:0;line-height:1.4;min-height:30px;display:inline-flex;align-items:center;background:none;border:0;color:var(--f-t2);font-family:inherit;cursor:pointer}
#view-landing footer .ft-sutun{gap:4px}
#view-landing .ft-soz{color:var(--f-t3);font-size:13.5px}
#view-landing .ft-ad{font-weight:800;letter-spacing:.16em}
#view-landing .ft-alt,#view-landing .ft-telif{font-size:12px;color:var(--f-t3)}
#view-landing .ft-takip a,#view-landing .ft-sosyal a{border-radius:var(--f-r2);border:1px solid var(--f-l2);width:36px;height:36px}
#view-landing .ft-takip a:hover,#view-landing .ft-sosyal a:hover{border-color:var(--f-l3);background:var(--f-s2)}
/* Başvuru formu */
#view-form .form-title{font-weight:700;letter-spacing:-.02em}
#view-form .form-wrap :is(.card-form,.mini-form,.form-bolum){border-radius:var(--f-r4)}
#view-form label{font-size:13.5px}
#view-form .fnote{font-size:13px;line-height:1.6}
#view-form .btn-red.big{width:100%}

/* ══════════════════ HAREKET: tercih ══════════════════ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
}

/* ══════════════════ MESAJLAR: sohbet menüsü, kapat ══════════════════ */
.dm-menu-kap{position:relative;flex-shrink:0;margin-left:auto}
.dm-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:250px;padding:6px;
  background:var(--f-s2);border:1px solid var(--f-l2);border-radius:var(--f-r3);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.25)}
.dm-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;
  color:var(--f-t1);font:inherit;font-size:13.5px;text-align:left;border-radius:var(--f-r1);cursor:pointer;
  flex-wrap:wrap;transform:none!important;box-shadow:none!important}
.dm-menu button:hover{background:var(--f-l1)}
.dm-menu button .fsec-ik{width:18px;height:18px;flex-shrink:0;opacity:.85}
.dm-menu button small{flex-basis:100%;padding-left:28px;margin-top:-4px;font-size:11.5px;color:var(--f-t3)}
.dm-menu button.tehlike{color:var(--f-hata)}
.dm-menu button.tehlike:hover{background:var(--f-red-08)}
.dm-sohbet{position:relative}
.dm-s-kapat{position:absolute;right:8px;top:8px;width:22px;height:22px;padding:0;border:0;border-radius:6px;
  background:var(--f-s3);color:var(--f-t2);display:grid;place-items:center;opacity:0;cursor:pointer;
  transition:opacity var(--f-gecis),background var(--f-gecis);transform:none!important}
.dm-s-kapat svg{width:13px;height:13px}
.dm-sohbet:hover .dm-s-kapat,.dm-s-kapat:focus-visible{opacity:1}
.dm-s-kapat:hover{background:var(--f-red-14);color:var(--f-hata)}
.dm-sohbet:hover .dm-s-ust small{opacity:0}
@media(hover:none){.dm-s-kapat{opacity:.55}}

/* ══════════════════ v146 — KENAR MENÜSÜ: sağ kana işareti ══════════════════
   Her bölümün başlık mührü (作品, 手紙…) menü maddesinin sağ ucunda, çok
   düşük kontrastla. Yalnız bu; v146'nın "mürekkep-kâğıt" denemesi
   (beyaz kural çizgileri, kayan şerit, kâğıt kartlar, köşeli düğmeler)
   kullanıcı tarafından reddedildi ve tamamen kaldırıldı. */
.snav[data-kana]:not(#tab-studyo *){position:relative;padding-right:44px}
.snav[data-kana]:not(#tab-studyo *)::after{
  content:attr(data-kana);position:absolute;right:10px;top:50%;transform:translateY(-50%);
  font-size:11px;letter-spacing:.08em;font-weight:500;line-height:1;
  color:color-mix(in srgb,var(--txt) 28%,transparent);pointer-events:none;transition:color var(--f-gecis)}
.snav[data-kana]:not(#tab-studyo *):hover::after{color:color-mix(in srgb,var(--txt) 55%,transparent)}
.snav.active[data-kana]:not(#tab-studyo *)::after,.snav.aktif[data-kana]:not(#tab-studyo *)::after{color:var(--red)}
.snav[data-kana] .bildirim-nokta,.snav[data-kana] .upk-rozet{margin-right:32px}
@media(max-width:860px){.snav[data-kana]:not(#tab-studyo *){padding-right:10px}.snav[data-kana]:not(#tab-studyo *)::after{display:none}}