.offline-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.offline-overlay-card{background:#fff;padding:40px;border-radius:24px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a}.offline-icon-container{margin-bottom:24px;display:flex;justify-content:center}.offline-icon{font-size:48px}.offline-icon.wifi-off{color:#e74c3c}.offline-icon.server-off{color:#f39c12}.offline-title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:12px}.offline-message{font-size:16px;color:#7f8c8d;line-height:1.6;margin-bottom:32px}.offline-retry-btn{background:#27ae60;color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.offline-retry-btn:hover:not(:disabled){background:#2ecc71;transform:translateY(-2px)}.offline-retry-btn:disabled{opacity:.7;cursor:wait}.offline-status-hint{margin-top:24px;font-size:12px;color:#bdc3c7;text-transform:uppercase;letter-spacing:1px}.spin-icon{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.offline-overlay-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.offline-title{color:#fff}.offline-message{color:#fff9}}