.pwa-install-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.pwa-install-overlay.show{opacity:1;visibility:visible}.pwa-install-modal{background:#fff;border-radius:20px 20px 0 0;padding:2rem 1.5rem;max-width:500px;width:100%;box-shadow:0 -4px 20px #0000004d;transform:translateY(100%);transition:transform .3s ease}.pwa-install-overlay.show .pwa-install-modal{transform:translateY(0)}.pwa-install-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pwa-install-icon{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #00000026}.pwa-install-icon img{width:100%;height:100%;object-fit:cover}.pwa-install-title-group h2{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.pwa-install-title-group p{margin:.25rem 0 0;color:#4a5568;font-size:.875rem}.pwa-install-description{color:#4a5568;font-size:.95rem;line-height:1.5;margin:1rem 0 1.5rem}.pwa-install-benefits{background:#f7fafc;border-radius:12px;padding:1rem;margin:1rem 0}.pwa-install-benefits h3{margin:0 0 .75rem;color:#2d3748;font-size:1rem;font-weight:600}.pwa-install-benefits ul{list-style:none;padding:0;margin:0}.pwa-install-benefits li{color:#4a5568;font-size:.875rem;padding:.375rem 0;line-height:1.5}.pwa-install-ios-steps{background:#f7fafc;border-radius:12px;padding:1rem;margin:1rem 0}.pwa-install-ios-steps ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.pwa-install-ios-steps li{color:#2d3748;font-size:.9rem;padding:.75rem 0;line-height:1.6;border-bottom:1px solid #e2e8f0}.pwa-install-ios-steps li:last-child{border-bottom:none}.pwa-install-ios-steps strong{color:#667eea;font-weight:600}.pwa-install-emoji{font-size:1.2em}.pwa-install-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.pwa-install-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.pwa-install-btn-primary{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.pwa-install-btn-primary:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pwa-install-btn-primary:active{transform:translateY(0)}.pwa-install-btn-secondary{background:#e2e8f0;color:#4a5568}.pwa-install-btn-secondary:hover{background:#cbd5e0}.pwa-install-btn-text{background:transparent;color:#718096;padding:.5rem;font-size:.875rem}.pwa-install-btn-text:hover{color:#4a5568;text-decoration:underline}.pwa-install-btn:focus{outline:3px solid #667eea;outline-offset:2px}.dark-mode .pwa-install-modal{background:#2d3748;color:#e2e8f0}.dark-mode .pwa-install-title-group h2{color:#e2e8f0}.dark-mode .pwa-install-title-group p,.dark-mode .pwa-install-description{color:#a0aec0}.dark-mode .pwa-install-benefits{background:#1a202c}.dark-mode .pwa-install-benefits h3{color:#e2e8f0}.dark-mode .pwa-install-benefits li{color:#a0aec0}.dark-mode .pwa-install-ios-steps{background:#1a202c}.dark-mode .pwa-install-ios-steps li{color:#e2e8f0;border-bottom-color:#4a5568}.dark-mode .pwa-install-ios-steps strong{color:#9f7aea}.dark-mode .pwa-install-btn-secondary{background:#4a5568;color:#e2e8f0}.dark-mode .pwa-install-btn-secondary:hover{background:#718096}.dark-mode .pwa-install-btn-text{color:#a0aec0}.dark-mode .pwa-install-btn-text:hover{color:#e2e8f0}.high-contrast .pwa-install-modal{background:#000;color:#fff;border:3px solid #fff}.high-contrast .pwa-install-title-group h2,.high-contrast .pwa-install-title-group p,.high-contrast .pwa-install-description,.high-contrast .pwa-install-benefits h3,.high-contrast .pwa-install-benefits li{color:#fff}.high-contrast .pwa-install-benefits,.high-contrast .pwa-install-ios-steps{background:#000;border:2px solid #fff}.high-contrast .pwa-install-ios-steps li{color:#fff;border-bottom-color:#fff}.high-contrast .pwa-install-ios-steps strong{color:#fff;text-decoration:underline}.high-contrast .pwa-install-btn-secondary{background:#fff;color:#000;border:2px solid #000}@media(min-width:768px){.pwa-install-overlay{align-items:center}.pwa-install-modal{border-radius:20px;max-width:480px;transform:scale(.9);opacity:0}.pwa-install-overlay.show .pwa-install-modal{transform:scale(1);opacity:1}.pwa-install-buttons{flex-direction:row}.pwa-install-btn{flex:1}.pwa-install-btn-text{width:100%;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.pwa-install-overlay,.pwa-install-modal,.pwa-install-btn{transition:none}.pwa-install-overlay.show .pwa-install-modal{transform:translateY(0)}@media(min-width:768px){.pwa-install-overlay.show .pwa-install-modal{transform:scale(1)}}}