.offline-indicator{z-index:9999;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0}.offline-indicator.offline{color:#742a2a;background-color:#fed7d7;border-bottom:2px solid #fc8181}.offline-indicator.online{color:#22543d;background-color:#c6f6d5;border-bottom:2px solid #68d391}.offline-indicator-content{justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.offline-indicator-icon{font-size:1rem;animation:1.5s infinite pulse}.offline-indicator-hint{opacity:.8;margin-left:.5rem;font-size:.75rem}.offline-toast{opacity:0;z-index:9998;background:#fff;border-radius:.5rem;transition:all .3s ease-out;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.offline-toast.show{opacity:1;transform:translateY(0)}.offline-toast.offline{border-left:4px solid #f56565}.offline-toast.online{border-left:4px solid #48bb78}.offline-toast-content{align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.offline-toast-icon{font-size:1.25rem}.offline-toast-message{color:#2d3748;font-size:.875rem;font-weight:500}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.offline-toast{bottom:1rem;left:1rem;right:1rem}.offline-indicator-content{font-size:.75rem}.offline-indicator-hint{display:none}}