#push-permission-banner{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);z-index:var(--z-modal,10000);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md,16px);animation:pushOverlayFadeIn 0.3s ease}@keyframes pushOverlayFadeIn{from{opacity:0}to{opacity:1}}#push-permission-banner.hiding{animation:pushOverlayFadeOut 0.3s ease forwards}@keyframes pushOverlayFadeOut{from{opacity:1}to{opacity:0}}.push-banner-content{background:var(--bg-secondary,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-xl,0 20px 25px rgb(0 0 0 / .15));max-width:400px;width:100%;overflow:hidden;animation:pushModalSlideIn 0.3s ease}@keyframes pushModalSlideIn{from{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#push-permission-banner.hiding .push-banner-content{animation:pushModalSlideOut 0.3s ease forwards}@keyframes pushModalSlideOut{from{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.95);opacity:0}}.push-banner-header{padding:var(--spacing-lg,24px);padding-bottom:var(--spacing-md,16px);text-align:center}.push-banner-icon{width:64px;height:64px;background:var(--primary-light,rgb(59 130 246 / .1));border-radius:var(--radius-lg,16px);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md,16px);color:var(--primary-color,#3B82F6);font-size:28px}.push-banner-icon.success{background:var(--success-light,rgb(16 185 129 / .1));color:var(--success-color,#10B981)}.push-banner-icon.error{background:var(--danger-light,rgb(239 68 68 / .1));color:var(--danger-color,#EF4444)}.push-banner-title{font-size:var(--font-h2,20px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);margin-bottom:var(--spacing-sm,8px)}.push-banner-description{font-size:var(--font-body,14px);color:var(--text-secondary,#6B7280);line-height:1.5}.push-banner-actions{padding:var(--spacing-md,16px) var(--spacing-lg,24px);padding-top:0;display:flex;flex-direction:column;gap:var(--spacing-sm,8px)}.push-banner-btn{width:100%;padding:14px 20px;border-radius:var(--radius-md,12px);font-size:var(--font-body,14px);font-weight:var(--font-weight-semibold,600);font-family:var(--font-family,inherit);cursor:pointer;border:none;transition:var(--transition,all 0.2s ease);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm,8px)}.push-banner-btn.primary{background:var(--primary-color,#3B82F6);color:#fff}.push-banner-btn.primary:hover{background:var(--primary-dark,#2563EB);transform:var(--hover-lift-sm,translateY(-1px))}.push-banner-btn.secondary{background:#fff0;color:var(--text-secondary,#6B7280)}.push-banner-btn.secondary:hover{background:var(--bg-hover,#F3F4F6);color:var(--text-primary,#111827)}#push-permission-banner.loading .push-banner-btn{pointer-events:none;opacity:.7}#push-permission-banner.loading .push-banner-btn.primary::after{content:'';width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:pushSpinner 0.8s linear infinite;margin-left:var(--spacing-sm,8px)}@keyframes pushSpinner{to{transform:rotate(360deg)}}#ios-pwa-banner{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);z-index:var(--z-modal,10000);display:flex;align-items:flex-end;justify-content:center;animation:pushOverlayFadeIn 0.3s ease}#ios-pwa-banner.hiding{animation:pushOverlayFadeOut 0.3s ease forwards}.ios-pwa-content{background:var(--bg-secondary,#fff);border-top-left-radius:var(--radius-xl,24px);border-top-right-radius:var(--radius-xl,24px);box-shadow:var(--shadow-xl,0 -10px 25px rgb(0 0 0 / .15));width:100%;max-width:500px;padding:var(--spacing-lg,24px);padding-bottom:calc(var(--spacing-lg, 24px) + env(safe-area-inset-bottom, 0px));position:relative;animation:iosBannerSlideUp 0.3s ease}@keyframes iosBannerSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}#ios-pwa-banner.hiding .ios-pwa-content{animation:iosBannerSlideDown 0.3s ease forwards}@keyframes iosBannerSlideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}.ios-pwa-close{position:absolute;top:var(--spacing-md,16px);right:var(--spacing-md,16px);width:36px;height:36px;border:1px solid var(--border-color,#E5E7EB);background:var(--bg-secondary,#fff);border-radius:var(--radius-md,12px);font-size:20px;cursor:pointer;color:var(--text-secondary,#6B7280);display:flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition,all 0.2s ease)}.ios-pwa-close:hover{background:var(--bg-hover,#F3F4F6);color:var(--text-primary,#111827)}.ios-pwa-header{text-align:center;margin-bottom:var(--spacing-lg,24px)}.ios-pwa-icon{width:64px;height:64px;background:var(--primary-light,rgb(59 130 246 / .1));border-radius:var(--radius-lg,16px);display:flex;align-items:center;justify-content:center;color:var(--primary-color,#3B82F6);font-size:28px;margin:0 auto var(--spacing-md,16px)}.ios-pwa-title{font-size:var(--font-h2,20px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);margin-bottom:var(--spacing-sm,8px)}.ios-pwa-description{font-size:var(--font-body,14px);color:var(--text-secondary,#6B7280);line-height:1.5}.ios-pwa-steps{display:flex;flex-direction:column;gap:var(--spacing-sm,8px)}.ios-step{display:flex;align-items:center;gap:var(--spacing-md,16px);padding:var(--spacing-md,16px);background:var(--bg-tertiary,#F3F4F6);border-radius:var(--radius-md,12px);font-size:var(--font-body,14px);color:var(--text-primary,#111827)}.ios-step .step-num{width:28px;height:28px;background:var(--primary-color,#3B82F6);color:#fff;border-radius:var(--radius-full,9999px);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold,700);font-size:var(--font-small,13px);flex-shrink:0}.ios-step i{color:var(--primary-color,#3B82F6)}.ios-step-text{flex:1}.ios-step-text strong{display:block;margin-bottom:2px}.ios-step-text span{color:var(--text-secondary,#6B7280);font-size:var(--font-small,13px)}