.pwa-install-section{margin-top:var(--space-2xl);}.pwa-features{display:grid;gap:var(--space-lg);margin:var(--space-xl) 0;}.pwa-feature{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);}.pwa-feature:hover{border-color:var(--primary-color);transform:translateX(4px);}.pwa-feature__icon{font-size:2rem;flex-shrink:0;}.pwa-feature__content strong{display:block;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-xs);}.pwa-feature__content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;}.offline-indicator{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-100px);background:linear-gradient(135deg,#ef4444,#dc2626);color:white;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--text-sm);box-shadow:0 8px 24px rgba(239,68,68,0.4);z-index:10000;opacity:0;transition:all var(--transition-normal);pointer-events:none;}.offline-indicator--visible{transform:translateX(-50%) translateY(0);opacity:1;}.offline-indicator__icon{font-size:1.25rem;}.update-toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:0 12px 40px rgba(0,0,0,0.2);max-width:400px;z-index:10000;transform:translateY(150%);opacity:0;transition:all var(--transition-normal);}.update-toast--visible{transform:translateY(0);opacity:1;}.update-toast__content{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);}.update-toast__icon{font-size:2rem;flex-shrink:0;}.update-toast__text strong{display:block;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-xs);}.update-toast__text p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;}.update-toast__btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);}.update-toast__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(96,165,250,0.4);}[data-theme="dark"] .offline-indicator{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px rgba(220,38,38,0.5);}[data-theme="dark"] .update-toast{background:var(--bg-secondary);box-shadow:0 12px 40px rgba(96,165,250,0.3);}@media (max-width:640px){.offline-indicator{top:70px;left:var(--space-md);right:var(--space-md);transform:translateY(-100px);font-size:var(--text-xs);padding:var(--space-sm) var(--space-md);}.offline-indicator--visible{transform:translateY(0);}.update-toast{left:var(--space-md);right:var(--space-md);bottom:var(--space-md);max-width:none;}.pwa-features{gap:var(--space-md);}.pwa-feature{padding:var(--space-md);}.pwa-feature__icon{font-size:1.5rem;}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.pwa-install-section{animation:slideInFromBottom 0.5s ease-out;}@keyframes pulse{0%,100%{box-shadow:0 4px 12px rgba(96,165,250,0.3);}50%{box-shadow:0 6px 24px rgba(96,165,250,0.5);}}#pwaInstallBtn{animation:pulse 2s ease-in-out infinite;}