.offline-bar{position:fixed;left:0;right:0;bottom:0;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);font-size:13px;font-weight:600;text-align:center;animation:ppl-fade .25s ease-out}@media(max-width:600px){.offline-bar{bottom:calc(76px + var(--safe-b, 0px));padding-bottom:9px;border-radius:14px;left:12px;right:12px;border:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){.offline-bar{animation:none}}.offline-night{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.offline-night .offline-dot{width:8px;height:8px;border-radius:999px;background:var(--teal);flex:none}.offline-night .offline-name{display:flex;flex-direction:column;gap:2px;flex:1 1 180px;min-width:0;color:var(--text)}.offline-night .offline-meta{font-size:12px;color:var(--muted)}