/* css/offline.css — офлайн (лист 29·1): маркер-полоса 40 под шапкой
   (js/offline.js). wifioff 24 + текст 13; появляется translateY −40 → 0 за
   240 мс (transform/opacity — §1), живёт пока нет сети; не мигает и не
   интерактивна. Цвета токенами — тёмная тема красит сама (--marker). */
#off-banner{
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; padding:4px 16px;
  background:var(--marker);
  color:var(--graphite);
  font-size:13px; line-height:1.25;
  text-align:center;
  animation:off-in .24s ease-out;
}
#off-banner[hidden]{display:none;}
#off-banner .off-ic{flex:0 0 auto; width:24px; height:24px; color:var(--graphite);}
#off-banner .off-ic svg{width:100%; height:100%; display:block;}
@keyframes off-in{from{transform:translateY(-40px); opacity:0;}}
@media (prefers-reduced-motion:reduce){ #off-banner{animation:none;} }