.offline-monitor-overlay{position:fixed;bottom:0;left:0;right:0;top:var(--navbar-h);background-color:var(--background);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:offline-monitor-fade-in .3s ease-out}.offline-monitor-card{background-color:var(--surface);border:1px solid var(--surface-elevated);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:40px;max-width:400px;width:90%;text-align:center}.offline-monitor-icon-wrapper{width:60px;height:60px;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.offline-monitor-svg{width:30px;height:30px;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.offline-monitor-heading{color:var(--on-surface);font-size:1.25rem;font-weight:600;margin:0 0 10px;line-height:1.4}.offline-monitor-description{color:var(--on-surface);font-size:.95rem;margin:0 0 24px;line-height:1.6}.offline-monitor-retry-btn{background-color:var(--primary);color:var(--on-surface-elevated);border:none;padding:12px 24px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;outline:none}.offline-monitor-retry-btn:hover{background-color:var(--surface-elevated)}.offline-monitor-retry-btn:active{transform:translateY(1px)}@keyframes offline-monitor-fade-in{0%{opacity:0}to{opacity:1}}