/* Заставка завантаження (Влад 22.10.2026): з першої миті — той самий темний фон, що на головній, тож при появі екрана нічого не стрибає; логотип і підпис — лише якщо завантаження довше за 0,4 с; зникає прозорістю, коли перший екран готовий (flashcards.js знімає html.booting). */
/* !important (boot-2, 22.10.2026): до першого show() у flashcards.css діє «:root:not(:has(#flow[data-page])), … body{background:#16151a}» — воно сильніше за html.booting,
   тож html і body ставали плоскими #16151a, body накривало світло .fx-bg у своєму прямокутнику, а зверху й знизу (поля 24px) світло було видно — смуги (Влад 22.10). */
html.booting{background:radial-gradient(125% 85% at 50% 8%,#17161b 0%,#131218 46%,#100f16 100%) fixed #100f16!important}
html.booting body{background:transparent!important}
html.booting #flow,html.booting #play{visibility:hidden}
html.booting .fx-bg{display:block!important}
html.booting .fx-bg .glow:first-child{opacity:1}
.boot{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}
html:not(.booting) .boot{opacity:0;visibility:hidden}
.boot-logo,.boot-text{opacity:0;animation:boot-in .45s ease .4s forwards}
.boot-logo{width:min(176px,44vw);aspect-ratio:600/376;background:linear-gradient(100deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.78) 36%,#fff 44%,#a99bff 50%,#fff 56%,rgba(255,255,255,.78) 64%,rgba(255,255,255,.78) 100%) 0 0/260% 100%;-webkit-mask:url(/cards/assets/logo-boot.webp?v=37199ab233) center/contain no-repeat;mask:url(/cards/assets/logo-boot.webp?v=37199ab233) center/contain no-repeat;animation:boot-in .45s ease .4s forwards,boot-shine 1.8s cubic-bezier(.4,0,.2,1) .4s infinite}
.boot-text{color:rgba(255,255,255,.7);font:700 15px/1.2 Nunito,system-ui,-apple-system,sans-serif}
@keyframes boot-in{to{opacity:1}
}
@keyframes boot-shine{from{background-position:100% 0}
to{background-position:0 0}
}
@media (prefers-reduced-motion:reduce){.boot-logo{animation:boot-in .45s ease .4s forwards}
}
/* Не вдалося завантажити (flashcards.html, 12 с). Колір лише в кнопки */
.boot-note{margin:-8px 0 0;max-width:280px;text-align:center;color:rgba(255,255,255,.7);font:600 15px/1.4 Nunito,system-ui,-apple-system,sans-serif}
.boot-retry{pointer-events:auto;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:#4120f8;color:#fff;font:800 17px Nunito,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}
.boot-why{margin:0;max-width:300px;text-align:center;color:rgba(255,255,255,.38);font:600 12px/1.35 system-ui,-apple-system,sans-serif;overflow-wrap:anywhere}