/* Загружается первым: белый фон и скелет главного экрана, чтобы не было вспышки и чёрного окна. */
html { background: #fff; color: #1d1d1f; }
body { margin: 0; }
#boot { position: absolute; inset: 0; background: #fff; padding: calc(24px + var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)) 16px 0; }
#boot .boot-line { height: 28px; width: 200px; border-radius: 8px; background: #efefef; }
#boot .boot-card { height: 175px; margin-top: 24px; border-radius: 20px; background: #efefef; }
#boot .boot-chips { display: flex; gap: 8px; margin-top: 32px; }
#boot .boot-chips i { display: block; height: 26px; border-radius: 400px; background: #efefef; }
#boot .boot-chips i:nth-child(1) { width: 52px; } #boot .boot-chips i:nth-child(2) { width: 88px; } #boot .boot-chips i:nth-child(3) { width: 96px; }
#boot .boot-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
#boot .boot-tile { aspect-ratio: 1; border-radius: 16px; background: #efefef; }
@media (min-width: 1024px) { #boot { max-width: 720px; margin-inline: auto; padding-top: 32px; } }