.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0f172a;border-top:1px solid #334155;padding:var(--space-md, 1rem) var(--space-lg, 1.5rem);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;box-shadow:0 -4px 20px #0000004d}.pwa-install-banner.is-visible{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.pwa-install-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, 1rem);max-width:1200px;margin:0 auto}.pwa-install-banner__content{display:flex;align-items:center;gap:var(--space-md, 1rem);flex:1;min-width:0}.pwa-install-banner__icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);border-radius:var(--radius-lg, .75rem);display:flex;align-items:center;justify-content:center}.pwa-install-banner__icon svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;min-width:24px;min-height:24px;color:#fff;flex-shrink:0}.pwa-install-banner__text{min-width:0}.pwa-install-banner__title{font-size:1rem;font-weight:600;color:#f0f6fc;margin:0 0 .25rem;line-height:1.3}.pwa-install-banner__desc{font-size:.875rem;color:#e2e8f0;margin:0;line-height:1.4}.pwa-install-banner__actions{display:flex;align-items:center;gap:var(--space-sm, .5rem);flex-shrink:0}.pwa-install-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, .5rem);cursor:pointer;border:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease;min-height:44px}.pwa-install-banner__btn--install{background:linear-gradient(135deg,#00d4ff,#06f);color:#fff;box-shadow:0 2px 8px #0066ff4d}.pwa-install-banner__btn--install:hover{background:linear-gradient(135deg,#00c4ef,#0052cc);transform:translateY(-1px);box-shadow:0 4px 12px #06f6}.pwa-install-banner__btn--install:active{transform:translateY(0)}.pwa-install-banner__btn--dismiss{background:transparent;color:#e2e8f0;padding:.75rem}.pwa-install-banner__btn--dismiss:hover{color:#fff;background:#1e293b}.pwa-install-banner__btn--dismiss svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;min-width:20px;min-height:20px;flex-shrink:0}@supports (padding: env(safe-area-inset-bottom)){.pwa-install-banner{padding-bottom:calc(var(--space-md, 1rem) + env(safe-area-inset-bottom,0px))}}@media(max-width:600px){.pwa-install-banner{padding:var(--space-sm, .5rem) var(--space-md, 1rem)}.pwa-install-banner__inner{flex-direction:column;align-items:stretch;gap:var(--space-sm, .5rem)}.pwa-install-banner__content{justify-content:flex-start}.pwa-install-banner__icon{width:40px;height:40px}.pwa-install-banner__icon svg{width:20px;height:20px}.pwa-install-banner__title{font-size:.9375rem}.pwa-install-banner__desc{font-size:.8125rem}.pwa-install-banner__actions{justify-content:stretch}.pwa-install-banner__btn--install{flex:1}}@media(prefers-reduced-motion:reduce){.pwa-install-banner{transition:none}.pwa-install-banner__btn--install:hover{transform:none}}@media print{.pwa-install-banner{display:none!important}}