/* Açılış perdesi: yalnızca telefon genişliğinde görünür; uygulama hazır olunca src/main.jsx onu kaldırır.
   Satır içi <style> yerine dosya olarak sunulur (içerik güvenlik politikası satır içi stile izin vermez). */
html { background: #fff; }
@media (max-width: 820px) { #boot { display: flex !important; } }
#boot.out { opacity: 0; transition: opacity .5s ease; pointer-events: none; }
/* JavaScript hiç çalışmazsa perde sonsuza dek kalmasın */
#boot { animation: boot-fail .4s ease 14s forwards; }
@keyframes boot-fail { to { opacity: 0; visibility: hidden; } }