.offline-bar{z-index:95;padding:9px calc(16px + var(--safe-l,0px)) calc(9px + var(--safe-b,0px)) calc(16px + var(--safe-r,0px));background:var(--surface-2);border-top:1px solid var(--border);color:var(--body);text-align:center;font-size:13px;font-weight:600;animation:.25s ease-out ppl-fade;position:fixed;bottom:0;left:0;right:0}@media (width<=600px){.offline-bar{bottom:calc(76px + var(--safe-b,0px));border:1px solid var(--border);border-radius:14px;padding-bottom:9px;left:12px;right:12px}}@media (width<=1100px){body:has(.sticky-buy) .offline-bar{top:calc(var(--hdr-h,64px) + var(--safe-t,0px) + 8px);border:1px solid var(--border);border-radius:14px;padding-bottom:9px;bottom:auto;left:12px;right:12px}}.offline-bar button{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:8px;padding:2px 10px}@media (prefers-reduced-motion:reduce){.offline-bar{animation:none}}.offline-night{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.offline-night .offline-dot{background:var(--teal);border-radius:999px;flex:none;width:8px;height:8px}.offline-night .offline-name{min-width:0;color:var(--text);flex-direction:column;flex:180px;gap:2px;display:flex}.offline-night .offline-meta{color:var(--muted);font-size:12px}