.notification-prompt{animation:slideIn .3s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:12px;max-width:320px;padding:16px;position:fixed;right:20px;z-index:9999}@media(max-width:768px){.notification-prompt{bottom:20px;left:20px;max-width:none;right:20px}}.notification-prompt .notification-prompt-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px}.notification-prompt .notification-prompt-title:before{content:"🔔";font-size:18px}.notification-prompt .notification-prompt-desc{color:#666;font-size:14px;line-height:1.5}.notification-prompt .notification-prompt-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.notification-prompt .notification-prompt-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.notification-prompt .notification-prompt-actions button.btn-later{background:#0000;border:1px solid #e0e0e0;color:#666}.notification-prompt .notification-prompt-actions button.btn-later:hover{background:#f5f5f5}.notification-prompt .notification-prompt-actions button.btn-enable{background:#0056b3;border:none;box-shadow:0 2px 4px #0056b333;color:#fff}.notification-prompt .notification-prompt-actions button.btn-enable:hover{background:#004494;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-offline-indicator{align-items:center;animation:slideDown .3s ease-out;background:#ff6b6b;box-shadow:0 2px 8px #0003;color:#fff;display:flex;justify-content:center;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:10001}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pwa-offline-indicator .pwa-offline-indicator-content{align-items:center;display:flex;gap:10px;justify-content:center;max-width:1200px;width:100%}.pwa-offline-indicator .pwa-offline-indicator-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.pwa-offline-indicator .pwa-offline-indicator-icon svg{color:#fff;height:20px;width:20px}.pwa-offline-indicator .pwa-offline-indicator-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.pwa-offline-indicator .pwa-offline-indicator-text span{color:#fff;font-size:14px;font-weight:500;line-height:1.4}.pwa-offline-indicator .pwa-offline-indicator-text .pwa-offline-indicator-subtitle{font-size:12px;font-weight:400;opacity:.9}@media(max-width:768px){.pwa-offline-indicator{padding:10px 12px}.pwa-offline-indicator .pwa-offline-indicator-content{gap:8px}.pwa-offline-indicator .pwa-offline-indicator-icon svg{height:18px;width:18px}.pwa-offline-indicator .pwa-offline-indicator-text span{font-size:12px}.pwa-offline-indicator .pwa-offline-indicator-text .pwa-offline-indicator-subtitle{font-size:11px}}