/* ═══════════════ GÖKYÜZÜ KATMANI — indexdesign.md Faz 1 ═══════════════ Yukarıdaki hiçbir satır düzenlenmedi; her şey bu çitin içinde EKLENDİ. Tasarım kilitlenince core/tokens.css'e taşınacak (§2.1). */ :root{ /* Kâğıt & mürekkep — §4.1 tablosu */ /* 2026-08-06: kâğıt bir tık beyazlatıldı (istek). Sıcak kırık-beyaz karakteri kaybolmasın diye üç kanal eşit açılmadı, sarı ucu korunarak yükseltildi. */ /* "Çok sarımsı" geri bildirimi: sorun parlaklık değil DOYGUNLUKTU. Önceki tonlarda R−B farkı 9/6 idi, gözde sarı okuyordu. Hem açıldı hem sarı ucu kısıldı: R−B artık 4/2 — kâğıt hissi duruyor, sarılık gidiyor. */ --kagit-taban:#F5F4F1; /* #EAE6DE → #F1EDE6 → #F6F3ED → şimdi */ --kagit-merkez:#FCFCFA; /* geniş radyal gradyanla merkeze doğru açılır */ --murekkep:#0A0A0A; /* saf #000 değil — baskıda saf siyah sertçe durur */ --sky-gren:.06; /* §4.4 · .05–.09 arası ayarlanabilir */ } /* Eski atmosfer — SİLİNMEDİ, gizlendi (§3). ⚠️ Buradaki "nebula" ana sayfanın CSS gradyanı (.nebula-bg) + JS'in bastığı 55 adet .star div'i — VİDEO DEĞİL. Nebula VİDEOSU 04.09.2026'da projeden tamamen kaldırıldı (kullanıcı kararı): eleman, denetleyici, CSS ve script etiketleri silindi, bu yüzden video seçicileri de bu satırdan çıkarıldı. Sadece display:none yetmez: 55 element ve 55 CSS animasyonu çalışmaya devam ederdi ve §4.5'in "aynı anda 60 animasyonlu element" bütçesi tek başına dolardı. Bu yüzden #stars'a data-sky="off" eklendi, üreteç IIFE'si oradan erken çıkıyor. */ .nebula-bg,.stars{display:none!important} /* §5 — dört katman, hepsi 'nin DOĞRUDAN çocuğu. position:fixed, transform/filter/perspective taşıyan bir atanın içinde kırılır; .shell'in içine konsalardı sayfa kaydıkça gökyüzü de kayardı. */ .sky-paper,.sky-canvas,.sky-stars,.sky-grain{ pointer-events:none; } /* 🔴 İKİ FARKLI DAVRANIŞ (2026-08-06: "arka plan kaydırmada sabit kalmasın"). SABİT kalanlar — kâğıt ve gren: kâğıt zeminin TONU, gren ile vinyet ise EKRANIN dokusu/kenar solması. Bunlar kayarsa ton sayfa boyunca dalgalanır ve vinyet ortalarda bir yerde asılı kalır. KAYANLAR — toz ve yıldızlar: gökyüzünün kendisi. Belge boyunca uzanıyorlar, böylece aşağı inildikçe yeni yıldızlar görünüyor. İkisi ayrılmasaydı ya tonu ya da yeni yıldızları kaybederdik. */ .sky-paper,.sky-grain{position:fixed;inset:0} .sky-canvas,.sky-stars{position:absolute;top:0;left:0;width:100%} /* 🔴 2026-08-18 EKLENDİ — footer'ın altında kalıcı boşluk hatası (mobil). .sky-stars/.sky-canvas-k'nin height'ı belge yüksekliğine (dh) kilitli ama İÇLERİNDEKİ bant kapları (core/sky.js bantKonum) kasıtlı olarak kendi diliminden TAŞIYOR — komşu bant sınırındaki büyük parıltılar kırpılmasın diye (bantPay). Belge dh'nin tam katı olmadığında SON bandın bu payı, kabın kendi height'ının (=dh) ÖTESİNE taşıp belgenin kaydırılabilir alanını dh'den fazla uzatıyordu — footer'ın altında boş bir şerit (ölçüldü: masaüstünde 278px, mobilde 134px). overflow:hidden bu taşmayı KABIN KENDİ SINIRINDA keser: [0,dh] aralığı dışına hiçbir şey sızmaz. İçerideki gerçek yıldız KONUMLARI zaten [0,dh) ile sınırlı (core/sky.js → nokta()), yani kırpılan yalnızca bu taşma payı — görünür hiçbir yıldız gövdesi kesilmiyor. */ .sky-stars,.sky-canvas-k{overflow:hidden} /* 🔴 KATMAN MODELİ — gökyüzü NEGATİF z-index'te. §5'ten bilinçli sapma. Brief'in önerdiği yol (gökyüzü 0–3, içerik 10+) önce aynen uygulandı ve YETMEDİ: bu model içeriğin z-index'ine BAĞIMLI. Sayfada .shell'in içinde yığınlama bağlamı yaratan bir sürü şey var (nav'da position:sticky + backdrop-filter, .fade-in'de opacity:0 + transform, kartlarda backdrop-filter) ve bunlardan biri araya girdiğinde sıra sessizce bozuluyor. Negatif z-index bağımlılığı tamamen kaldırır: negatif katmanlar KÖK elemanın arka planı ile normal akıştaki TÜM içeriğin ARASINA boyanır. Artık .shell'in z-index'i ne olursa olsun içerik üstte kalır. ⚠️ Şartı: body'nin arka planı ŞEFFAF olmalı — negatif z-index'li bir çocuk ebeveyninin arka planının ALTINDA kalır. Kâğıdın taban rengi bu yüzden html'de duruyor (geçici blokta --bg), body'de değil. */ /* 🔴 FİKİR 3 — KÂĞIT GRADYANI KÖK ELEMANA TAŞINDI (2026-08-08). .sky-paper position:fixed bir katmandı ve sabit katmanlar CİHAZ çözünürlüğünde rasterize ediliyor: iPhone 15'te 393×852×3²×4 ≈ 12 MB. Yıldız tuvallerini dpr 1'e kilitlemiştik ama arkalarındaki bu katman dpr 3'te duruyordu — gökyüzünün en pahalı tek parçası oydu. Gradyan artık html'de. Kök elemanın arka planı tuvale yayılır ve NEGATİF z-index'li çocukların ALTINA boyanır — yani piksel piksel aynı sonuç, fazladan katman yok. (body'ye konsaydı gökyüzünü örterdi; negatif z-index'li çocuk ebeveyninin arka planının altında kalır. Kural aynı, eleman farklı.) background-attachment:fixed şart: gradyan ekrana çapalı kalmalı, belgeyle kaymamalı — .sky-paper'ın position:fixed'i tam bunu yapıyordu. ⚠️ .sky-paper elemanı ve sınıfı SİLİNMEDİ, yalnızca boyayacak bir şeyi kalmadı. Boyaması olmayan eleman doku ayırmaz; sınıf/eleman silmeme kuralı da bozulmuş olmuyor. */ :root{ /* ⚠️ SEÇİCİ 'html' DEĞİL ':root' — ÖZGÜLLÜK MESELESİ. index.html'in kendi