@import url(../css/variables.css);.pwa-close-btn,.pwa-popup-desc{color:var(--color-text-secondary)}.pwa-popup-features ul,.pwa-popup-instructions{line-height:var(--line-height-relaxed);font-size:var(--font-size-xs)}.pwa-dismiss-btn,.pwa-install-btn,.pwa-popup-header h3,.pwa-popup-instructions strong{font-weight:var(--font-weight-semibold)}.pwa-install-popup{position:fixed;top:var(--space-4);right:var(--space-4);width:350px;max-width:calc(100vw - var(--space-8));background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:9999;animation:.4s ease-out slideInRight;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.pwa-popup-hide{animation:.3s ease-in forwards slideOutRight}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.pwa-close-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-gray-200);border:none;font-size:var(--font-size-lg);cursor:pointer;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.pwa-close-btn:hover,.pwa-dismiss-btn:hover{background:var(--color-gray-300)}.pwa-popup-content{padding-right:var(--space-6)}.pwa-popup-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.pwa-popup-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:var(--color-primary-100);padding:var(--space-1);flex-shrink:0}.pwa-popup-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.pwa-popup-desc{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm)}.pwa-popup-features,.pwa-popup-instructions{margin:var(--space-2) 0;color:var(--color-text-primary)}.pwa-popup-features ul{margin:0;padding-left:var(--space-4)}.pwa-popup-features li{margin:var(--space-1) 0}.pwa-popup-instructions{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--space-2)}.pwa-popup-instructions p{margin:0 0 var(--space-1) 0}.pwa-popup-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.pwa-dismiss-btn,.pwa-install-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-all);text-transform:uppercase;letter-spacing:.5px}.pwa-install-btn{background:var(--color-primary-500);color:var(--color-primary-50);box-shadow:var(--shadow-lg)}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.pwa-install-btn:active{transform:translateY(0)}.pwa-dismiss-btn{background:var(--color-gray-200);color:var(--color-text-primary);border:1px solid var(--color-border)}.pwa-offline-banner{background:var(--color-danger-500);color:var(--color-danger-50);padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-tooltip)}.pwa-offline-banner p{margin:0}.pwa-update-popup{position:fixed;bottom:var(--space-4);right:var(--space-4);width:320px;max-width:calc(100vw - var(--space-8));background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:9999;animation:.4s ease-out slideInUp;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-update-content{display:flex;flex-direction:column;gap:var(--space-3)}.pwa-update-header{display:flex;align-items:center;gap:var(--space-2)}.pwa-update-icon{font-size:var(--font-size-lg)}.pwa-update-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pwa-update-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.pwa-update-actions{display:flex;gap:var(--space-2)}.pwa-refresh-btn,.pwa-later-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);text-transform:uppercase;letter-spacing:.5px}.pwa-refresh-btn{background:var(--color-primary-500);color:var(--color-primary-50)}.pwa-refresh-btn:hover{background:var(--color-primary-600)}.pwa-later-btn{background:var(--color-gray-200);color:var(--color-text-primary);border:1px solid var(--color-border)}.pwa-later-btn:hover{background:var(--color-gray-300)}@media (max-width:480px){.pwa-install-popup{top:var(--space-2);right:var(--space-2);left:var(--space-2);width:auto;max-width:none}.pwa-popup-header h3{font-size:var(--font-size-base)}.pwa-popup-actions{flex-direction:column;gap:var(--space-2)}.pwa-update-popup{bottom:var(--space-2);right:var(--space-2);left:var(--space-2);width:auto;max-width:none}}[data-pwa-installed=true] .pwa-install-popup{display:none}