.offline-screen{z-index:9000;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:color-mix(in srgb, var(--light-color) 70%, transparent);-webkit-backdrop-filter:blur(18px);place-items:center;animation:.25s offline-fade;display:grid;position:fixed;inset:0}.offline-screen .offline-screen__card{background:var(--white-color);outline:var(--outline-params);outline-offset:-1px;text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);padding:36px 28px 28px;animation:.3s offline-rise;display:flex;box-shadow:0 24px 64px #0000001f}.offline-screen .offline-screen__card .button{width:100%;margin-top:8px}.offline-screen .offline-screen__icon{background:var(--light-color);width:72px;height:72px;color:var(--black-color);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.offline-screen .offline-screen__title{color:var(--black-color);margin:0;font-size:24px;font-weight:600;line-height:1.2}.offline-screen .offline-screen__text{color:var(--text-60);margin:0;font-size:15px;line-height:1.5}.offline-screen .offline-screen__status{background:var(--light-color);color:var(--text-80);border-radius:64px;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.offline-pill{left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:9000;background:var(--black-color);color:var(--white-color);font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:64px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.25s offline-fade;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0003}.offline-dot{background:var(--warning-color,#f5a524);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite offline-pulse}@keyframes offline-fade{0%{opacity:0}}@keyframes offline-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes offline-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.offline-screen,.offline-screen .offline-screen__card,.offline-pill,.offline-dot{animation:none}}