/* Hareket: tüm keyframe'ler ve giriş animasyonları. Hareket azaltma tercihi en altta. */

@keyframes nabiz { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.55; } }
@keyframes halka { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes salla { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-3px); } 45% { transform: translateX(3px); } 70% { transform: translateX(-2px); } }


/* Açılıştaki ilk kare logosu: harfler tek tek yükselir (JS yüklenmeden de çalışır) */
.yedek-harf { transform-box: fill-box; transform-origin: 50% 100%; animation: yedek-gir 1s var(--ease-yay) backwards; animation-delay: calc(0.1s + var(--s, 0) * 0.11s); }
@keyframes yedek-gir { 0% { opacity: 0; transform: translateY(42px) scale(0.85); } 55% { opacity: 1; } 100% { opacity: 1; transform: none; } }
@keyframes yazi-nefes { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
.kaan-yazi[data-nefes] { animation: yazi-nefes 3.6s ease-in-out infinite; }

/* Akan cevap: her parça mürekkep gibi yayılıp kurur (bulanık + vurgu rengi → yazı rengi) */
.parca { animation: murekkep-kuru 1.15s var(--ease-cikis) backwards; }
@keyframes murekkep-kuru {
  0% { opacity: 0; filter: blur(5px); color: var(--vurgu); }
  35% { opacity: 1; filter: blur(0); color: var(--vurgu); }
  100% { opacity: 1; filter: blur(0); color: var(--murekkep); }
}
.imlec { animation: imlec-nabiz 1.1s ease-in-out infinite; }
@keyframes imlec-nabiz { 0%, 100% { transform: scale(0.7); opacity: 0.6; } 50% { transform: scale(1.25); opacity: 1; } }

/* Mesaj girişleri */
.mesaj.gir { animation: mesaj-gir 0.7s var(--ease-cikis) backwards; }
@keyframes mesaj-gir { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.mesaj.gir-gec { animation: mesaj-gir 0.6s var(--ease-cikis) backwards; animation-delay: calc(var(--sira, 0) * 55ms); }
.mesaj.cik { animation: mesaj-cik 0.35s var(--ease-yumusak) both; }
@keyframes mesaj-cik { to { opacity: 0; transform: translateY(-8px); } }
.mesaj-araclar.gir, .mesaj-not.gir { animation: mesaj-gir 0.6s var(--ease-cikis) backwards; }
.etiket-durum.gir { animation: etiket-gir 0.5s var(--ease-cikis) backwards; }
@keyframes etiket-gir { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }

/* Boş durum */
.bos-alt { animation: mesaj-gir 0.9s var(--ease-cikis) backwards; animation-delay: 0.5s; }
.oneri { animation: mesaj-gir 0.8s var(--ease-cikis) backwards; animation-delay: calc(0.55s + var(--sira, 0) * 90ms); }
.bos.cikiyor { animation: bos-cik 0.45s var(--ease-yumusak) both; pointer-events: none; }
@keyframes bos-cik { to { opacity: 0; transform: translateY(-16px) scale(0.98); } }

/* Kenar çubuğu öğeleri */
.sohbet-ogesi.gir { animation: oge-gir 0.6s var(--ease-cikis) backwards; animation-delay: calc(var(--sira, 0) * 35ms); }
@keyframes oge-gir { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
.sohbet-ogesi.cik { animation: oge-cik 0.4s var(--ease-yumusak) both; overflow: hidden; }
@keyframes oge-cik { 60% { opacity: 0; transform: translateX(-16px); } 100% { opacity: 0; transform: translateX(-16px); height: 0; min-height: 0; } }
.ust-baslik.degis { animation: baslik-degis 0.5s var(--ease-cikis) backwards; }
@keyframes baslik-degis { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Geri sayım çubuğu (meşgul → yeniden deneme) */
.geri-sayim > i { animation: daral var(--sure-gs, 4s) linear forwards; }
@keyframes daral { from { transform: scaleX(1); } to { transform: scaleX(0); } }

/* Ayarlar penceresi */
.ayarlar[open] { animation: pencere-ac 0.5s var(--ease-yay) backwards; }
.ayarlar[open]::backdrop { animation: perde-ac 0.4s var(--ease-yumusak) backwards; }
.ayarlar.kapaniyor { animation: pencere-kapa 0.25s var(--ease-yumusak) both; }
.ayarlar.kapaniyor::backdrop { animation: perde-kapa 0.25s var(--ease-yumusak) both; }
@keyframes pencere-ac { from { opacity: 0; transform: translateY(24px) scale(0.94); } to { opacity: 1; transform: none; } }
@keyframes pencere-kapa { to { opacity: 0; transform: translateY(12px) scale(0.97); } }
@keyframes perde-ac { from { opacity: 0; } to { opacity: 1; } }
@keyframes perde-kapa { to { opacity: 0; } }

/* Açılır menü */
.menu:not(.kapaniyor) { animation: menu-ac 0.4s var(--ease-yay) backwards; }
.menu:not(.kapaniyor) .menu-oge { animation: menu-oge 0.45s var(--ease-cikis) backwards; animation-delay: calc(50ms + var(--sira, 0) * 40ms); }
.menu.kapaniyor { animation: menu-kapa 0.15s var(--ease-yumusak) both; }
@keyframes menu-ac { from { opacity: 0; transform: translateY(10px) scale(0.94); } to { opacity: 1; transform: none; } }
@keyframes menu-kapa { to { opacity: 0; transform: scale(0.97); } }
@keyframes menu-oge { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.duzenle-kutu { animation: menu-oge 0.4s var(--ease-cikis) backwards; }
details[open] > .gelismis-ic { animation: menu-oge 0.4s var(--ease-cikis) backwards; }

/* Alta git düğmesi */
.alta-git:not([hidden]) { animation: alta-gir 0.5s var(--ease-yay) backwards; }
@keyframes alta-gir { from { opacity: 0; transform: translate(-50%, 12px) scale(0.9); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } }

/* Tema geçişi: tıklanan noktadan dairesel açılma (JS animasyonu yürütür) */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) { z-index: 2; }

/* ---------- Hareket azaltma: yalnızca kısa solma kalır, dönen/akan/zıplayan hareket yok ---------- */
/* Kaynaklar: anahtar yanınca simge sayfa çevirir, ışık yayılır; bağlantılar sırayla süzülür; yer tutucular nefes alır */
@keyframes sayfa-cevir { 0% { transform: none; } 40% { transform: rotateY(70deg) scale(0.9); } 100% { transform: none; } }
@keyframes kaynak-isik { 0% { opacity: 0.9; transform: scale(0.4); } 100% { opacity: 0; transform: scale(1.6); } }
@keyframes bag-gir { from { opacity: 0; transform: translateY(4px); filter: blur(2px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes iskelet-nefes { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.9; } }
@keyframes iskelet-cik { to { opacity: 0; } }
.kaynak-dugme.degisti .simge { animation: sayfa-cevir 0.55s var(--ease-yay); }
.kaynak-dugme.degisti[aria-pressed="true"] .kaynak-isik { animation: kaynak-isik 0.7s var(--ease-cikis); }
.kaynaklar.gir .kaynaklar-etiket, .kaynak-yok.gir, .kaynaklar-not.gir, .kaynaklar.gir .kaynaklar-not { animation: bag-gir 0.6s var(--ease-cikis) backwards; }
.kaynaklar.gir .kaynak-liste > li { animation: bag-gir 0.6s var(--ease-cikis) backwards; animation-delay: calc(var(--sira, 0) * 110ms + 120ms); }
.kaynaklar.gir .kaynaklar-not { animation-delay: 0.45s; }
.bos-bag { animation: iskelet-nefes 1.8s var(--ease-yumusak) infinite; animation-delay: calc(var(--sira, 0) * 0.2s); }
.kaynak-iskelet .kaynaklar-etiket .simge { animation: imlec-nabiz 1.4s var(--ease-yumusak) infinite; }
.kaynak-iskelet.cik { animation: iskelet-cik 0.25s var(--ease-cikis) forwards; }

/* Puan verilince simge küçük bir sıçrama yapar */
@keyframes puan-zipla { 0% { transform: scale(1); } 40% { transform: scale(1.3) rotate(-8deg); } 100% { transform: scale(1); } }
.puan-dugme.zipla .simge, .paylas-dugme.zipla .simge { animation: puan-zipla 0.45s var(--ease-yay); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; }
  .parca { animation: none; }
  .imlec { animation: none; }
  .bos-bag, .kaynak-iskelet .kaynaklar-etiket .simge { animation: none; }
}