.offline-screen{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(ellipse at 25% 15%,#faffea 0,transparent 55%),linear-gradient(145deg,#e4f3e8,#f5f9ec 58%,#dceee6);color:#315e51;font-family:inherit;text-align:center;overscroll-behavior:none}
.offline-screen[hidden],.offline-screen [hidden]{display:none!important}
.offline-message{width:min(100%,380px);padding:30px 22px;border:1px solid #fffdf4;border-radius:28px;background:#ffffffa8;box-shadow:0 18px 50px #39684f13;box-sizing:border-box}
.offline-message svg{width:64px;height:64px;color:#70a48d;margin-bottom:10px}
.offline-message h1{font-size:clamp(23px,6vw,29px);line-height:1.2;margin:8px 0 14px}
.offline-message p{color:#6b8b79;font-size:16px;line-height:1.55;margin:0 0 24px}
.offline-retry{min-height:48px;padding:12px 28px;border:1px solid #94b89d;border-radius:16px;background:linear-gradient(#8bbd9b,#629f85);color:white;box-shadow:0 3px 0 #4b8971;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.offline-retry:disabled{opacity:.6;cursor:wait}
.offline-download{width:min(78vw,360px)}
.offline-meter{height:17px;overflow:hidden;border:1px solid #bbd4b9;border-radius:999px;background:#dce8ce;box-shadow:inset 0 2px 4px #5f826121,0 1px 0 #fff}
.offline-meter-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#85b36e,#4fa68d);box-shadow:inset 0 2px 0 #ffffff5c;transition:width .18s ease-out}
.offline-percent{display:block;margin-top:15px;font-size:21px;line-height:1.4;font-weight:750;font-variant-numeric:tabular-nums;color:#4c7965}
body.offline-blocked{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){.offline-meter-fill{transition:none}}