.notification-prompt-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:flex-start;justify-content:flex-start;padding:4px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;pointer-events:none}.notification-prompt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all}.notification-prompt-content{position:relative;background:white;border-radius:6px;padding:20px;max-width:380px;width:90%;text-align:left;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:slideDown .3s ease-out;pointer-events:all;margin:0 auto}.prompt-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:0;font-size:20px;color:#bbb;cursor:pointer;line-height:1;padding:0;width:22px;height:22px;transition:color .2s}.prompt-close-btn:hover{color:#666}@keyframes slideDown{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.notification-prompt-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notification-prompt-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#27b373;border-radius:8px;flex-shrink:0}.notification-prompt-icon svg{width:17px;height:20px;fill:white}.notification-prompt-title{font-size:14px;font-weight:700;margin:0;color:#1a1a1a;flex:1}.notification-prompt-message{font-size:14px;color:#6d778b;line-height:1.5;margin:0 0 12px 0}.notification-prompt-buttons{display:flex;gap:10px;justify-content:flex-end}.notification-prompt-btn{padding:7px 20px;border:0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.notification-prompt-btn-primary{background:#27af73;color:white}.notification-prompt-btn-primary:hover{background:#1f7d4f;box-shadow:0 2px 8px rgba(36,146,93,.3)}.notification-prompt-btn-secondary{background:#fff;color:#394253;border:1px solid #d5d7da}.notification-prompt-btn-secondary:hover{background:#e8e8e8}.notification-floating-button{position:fixed;bottom:130px;right:30px;width:60px;height:60px;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:pulseGreen 2s infinite;box-shadow:unset !important}.notification-floating-button:hover .floating-btn-tooltip{opacity:1;visibility:visible;transform:translateX(-10px)}#notification-floating-btn{background-image:url(./?mortyurl=https%3A%2F%2Fwww.newarab.com%2Fthemes%2Fcustom%2Fnew_arab%2Fimages%2Fnotification-x-icon.svg);background-repeat:no-repeat;background-size:100%}.floating-btn-close{z-index:999999;background:white;border:1px solid white;border-radius:50%;width:20px;height:20px;position:absolute;top:0;display:flex;align-items:center;justify-content:center;right:0;color:#2db674;outline:0}.floating-btn-close:focus{outline:0;border:0 none}#notification-floating-btn:hover{background-image:url(./?mortyurl=https%3A%2F%2Fwww.newarab.com%2Fthemes%2Fcustom%2Fnew_arab%2Fimages%2Fnotifications-hover2.svg)}.floating-btn-icon{display:none}.floating-btn-icon svg{width:40px;height:40px}.floating-btn-tooltip{position:absolute;right:70px;background:#333;color:white;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:13px;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.floating-btn-tooltip::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #333;border-top:6px solid transparent;border-bottom:6px solid transparent}@keyframes pulseGreen{0%,100%{box-shadow:0 4px 12px rgba(36,146,93,.4)}50%{box-shadow:0 4px 20px rgba(36,146,93,.8)}}.notification-instruction-popup{position:fixed;bottom:165px;right:30px;width:240px;background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);z-index:10000;animation:slideUp .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;overflow:hidden}.notification-instruction-popup::after{content:'';position:absolute;bottom:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instruction-popup-header{display:flex;align-items:center;gap:10px;padding:16px 16px 12px 16px;background:white}.instruction-popup-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#2db674;border-radius:50%;flex-shrink:0}.instruction-popup-icon svg{width:16px;height:16px;fill:white}.instruction-popup-title{font-size:12px;font-weight:600;margin:0;flex:1;color:#151f34}.instruction-close-btn{background:transparent;border:0;font-size:24px;color:#aab0bc;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;transition:color .2s;flex-shrink:0}.instruction-close-btn:hover{color:#202124}.instruction-popup-content{padding:0;background:white}.instruction-popup-text{font-size:12px;color:#6d778b;line-height:1.5;padding:0 16px 10px 16px;margin:0;background:white}.instruction-image-wrapper{padding:0 16px 16px 16px;background:white}.instruction-image{width:100%;height:auto;display:block;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction-fallback{padding:16px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#5f6368}.instruction-fallback p{margin:0 0 12px 0;color:#202124}.instruction-fallback ol{margin:0;padding-left:20px;line-height:1.6}.instruction-fallback li{margin-bottom:8px}.instruction-fallback strong{color:#202124;font-weight:600}@media(max-width:1200px){.notification-prompt-modal{padding:10px 0 0 80px}}@media(max-width:768px){.notification-prompt-modal{padding:10px 10px 0 10px}.notification-prompt-content{max-width:100%;padding:16px 20px}.notification-floating-button{bottom:20px;right:20px;width:50px;height:50px}.notification-instruction-popup{bottom:80px;right:20px;left:20px;width:auto}.notification-instruction-popup::after{right:20px}.notification-prompt-buttons{flex-direction:column;gap:8px}.notification-prompt-btn{width:100%}}@media(max-width:480px){.notification-prompt-content{border-radius:8px}.notification-prompt-title{font-size:16px}.notification-prompt-message{font-size:13px}.instruction-popup-title{font-size:14px}.instruction-popup-text{font-size:12px}}@media print{.notification-prompt-modal,.notification-floating-button,.notification-instruction-popup{display:none !important}}@media(prefers-contrast:high){.notification-prompt-btn-primary{border:2px solid #000}.notification-prompt-btn-secondary{border:2px solid #000}.notification-floating-button{border:2px solid #000}}@media(prefers-reduced-motion:reduce){.notification-prompt-content,.notification-instruction-popup{animation:none}.notification-floating-button{animation:none}.notification-prompt-btn:hover,.notification-floating-button:hover{transform:none}}[dir="rtl"] .notification-prompt-modal{padding:10px 160px 0 0;justify-content:flex-end}[dir="rtl"] .notification-floating-button{right:auto;left:30px}[dir="rtl"] .notification-instruction-popup{right:auto;left:30px}[dir="rtl"] .notification-instruction-popup::after{right:auto;left:20px}[dir="rtl"] .floating-btn-tooltip{right:auto;left:70px}[dir="rtl"] .floating-btn-tooltip::after{right:auto;left:-6px;border-left:0;border-right:6px solid #333}[dir="rtl"] .prompt-close-btn{right:auto;left:12px}.notification-prompt-btn:focus,.prompt-close-btn:focus,.instruction-close-btn:focus,.notification-floating-button:focus{outline:2px solid #24925d;outline-offset:2px}