.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:#2c3338;font-size:1.25rem;font-weight:600}.pwa-install-title-group p{margin:.25rem 0 0;color:#4a4a45;font-size:.875rem}.pwa-install-description{color:#4a4a45;font-size:.95rem;line-height:1.5;margin:1rem 0 1.5rem}.pwa-install-benefits{background:#faf7f2;border-radius:12px;padding:1rem;margin:1rem 0}.pwa-install-benefits h3{margin:0 0 .75rem;color:#2c3338;font-size:1rem;font-weight:600}.pwa-install-benefits ul{list-style:none;padding:0;margin:0}.pwa-install-benefits li{color:#4a4a45;font-size:.875rem;padding:.375rem 0;line-height:1.5}.pwa-install-ios-steps{background:#faf7f2;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:#2c3338;font-size:.9rem;padding:.75rem 0;line-height:1.6;border-bottom:1px solid #e6ddce}.pwa-install-ios-steps li:last-child{border-bottom:none}.pwa-install-ios-steps strong{color:#146a8c;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:#146a8c;color:#fff;box-shadow:0 2px 8px #146a8c4d}.pwa-install-btn-primary:hover{background:#125a78;transform:translateY(-2px);box-shadow:0 4px 12px #146a8c66}.pwa-install-btn-primary:active{transform:translateY(0)}.pwa-install-btn-secondary{background:#e6ddce;color:#4a4a45}.pwa-install-btn-secondary:hover{background:#ded3bd}.pwa-install-btn-text{background:transparent;color:#6b6a63;padding:.5rem;font-size:.875rem}.pwa-install-btn-text:hover{color:#4a4a45;text-decoration:underline}.pwa-install-btn:focus{outline:3px solid #146a8c;outline-offset:2px}.dark-mode .pwa-install-modal{background:#2c3338;color:#e6ddce}.dark-mode .pwa-install-title-group h2{color:#e6ddce}.dark-mode .pwa-install-title-group p,.dark-mode .pwa-install-description{color:#9c968a}.dark-mode .pwa-install-benefits{background:#1b272b}.dark-mode .pwa-install-benefits h3{color:#e6ddce}.dark-mode .pwa-install-benefits li{color:#9c968a}.dark-mode .pwa-install-ios-steps{background:#1b272b}.dark-mode .pwa-install-ios-steps li{color:#e6ddce;border-bottom-color:#4a4a45}.dark-mode .pwa-install-ios-steps strong{color:#1f7fa3}.dark-mode .pwa-install-btn-secondary{background:#4a4a45;color:#e6ddce}.dark-mode .pwa-install-btn-secondary:hover{background:#6b6a63}.dark-mode .pwa-install-btn-text{color:#9c968a}.dark-mode .pwa-install-btn-text:hover{color:#e6ddce}.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)}}}
