.offline-status{position:fixed;top:0;left:0;right:0;z-index:9999;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-align:center;animation:slideDown .3s ease-out;box-shadow:0 2px 4px #00000026;user-select:none}.offline-status.offline{background-color:#ff6b6b;color:#fff}.offline-status-content{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:1200px;margin:0 auto}.offline-status-icon{font-size:1rem;font-weight:700;line-height:1}.offline-status-text{flex:1}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}