.loading-screen{border:1px solid #d8e9df;border-radius:24px;padding:26px;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;text-align:center;color:#24483c;background:#fff;box-shadow:0 24px 80px #163d3333}
.loading-screen::backdrop{background:#16352d66;backdrop-filter:blur(3px)}
.loading-screen img{width:138px;height:150px;object-fit:contain;display:block;margin:0 auto 12px}
.loading-screen h2{font-size:23px;margin:0 0 10px}.loading-screen p{font-size:14px;line-height:1.5;margin:0;color:#536e63}
.loading-screen-track{height:5px;border-radius:999px;overflow:hidden;background:#e5f0e9;margin-top:22px}
.loading-screen-track::after{content:'';display:block;width:38%;height:100%;background:#218269;border-radius:inherit;animation:loading-screen-progress 1.3s ease-in-out infinite}
.loading-screen-recovery{margin-top:18px}.loading-screen-recovery p{font-size:12px;margin-bottom:12px}.loading-screen-recovery button{width:100%}
@keyframes loading-screen-progress{from{transform:translateX(-110%)}to{transform:translateX(370%)}}
@media(prefers-reduced-motion:reduce){.loading-screen-track::after{animation:none;width:100%;opacity:.65}}

.loading-ready{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 20px 10px 8px;border:1px solid #d8e9df;border-radius:20px;background:#fff;color:#24644d;box-shadow:0 12px 38px #163d3326;pointer-events:none}.loading-ready[hidden]{display:none}.loading-ready img{width:110px;height:110px;object-fit:contain}.loading-ready strong{font-size:20px}@media(max-width:650px){.loading-ready{right:12px;bottom:12px}.loading-ready img{width:85px;height:85px}}