*{margin:0;padding:0;box-sizing:border-box}.app-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:600px;width:100%;min-height:400px;position:relative;overflow:hidden}.install-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:9999;padding:15px 20px;transform:translateY(0);transition:transform 0.3s ease-in-out;direction:rtl}.install-banner.hidden{transform:translateY(100%)}.banner-content{display:flex;align-items:center;gap:15px;max-width:600px;margin:0 auto}.banner-icon{font-size:2rem;flex-shrink:0}.banner-text{flex:1;display:flex;flex-direction:column;gap:4px;text-align:right}.banner-text strong{color:#333;font-size:1rem;font-weight:600}.banner-text span{color:#666;font-size:.875rem}.install-button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background 0.2s;flex-shrink:0}.install-button:hover{background:#0056b3}.install-button:active{transform:scale(.98)}.dismiss-button{background:transparent;border:none;color:#999;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;flex-shrink:0;line-height:1;padding:0}.dismiss-button:hover{background:#f0f0f0;color:#666}@supports (-webkit-touch-callout:none){.install-banner{padding-bottom:max(15px, env(safe-area-inset-bottom))}}@media (max-width:480px){.banner-content{gap:10px}.banner-icon{font-size:1.5rem}.install-button{padding:8px 16px;font-size:.875rem}.banner-text strong{font-size:.95rem}.banner-text span{font-size:.8rem}}