.subscription-snackbar {position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background-color: #333;color: white;padding: 0;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);z-index: 10000;opacity: 0;visibility: hidden;transition: all 0.3s ease;min-width: 200px;margin-top: 10px;}.subscription-snackbar.show {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}.subscription-snackbar.yellow {background-color: #ffc107;color: #000;}.subscription-snackbar.red {background-color: #dc3545;color: #fff;}.snackbar-content {display: flex;align-items: center;justify-content: space-between;padding: 10px 14px;position: relative;z-index: 2;}.snackbar-message {flex: 1;font-weight: bold;font-size: 12px;text-align: center;}.snackbar-close {background: none;border: none;color: inherit;font-size: 16px;cursor: pointer;margin-right: 6px;padding: 0;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.snackbar-close:hover {opacity: 0.8;}.snackbar-arrow {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #333;z-index: 1;}.subscription-snackbar.yellow .snackbar-arrow {border-bottom-color: #ffc107;}.subscription-snackbar.red .snackbar-arrow {border-bottom-color: #dc3545;}.nf-app-teaser {position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 520px;background: linear-gradient(180deg, #121212, #000);padding: 12px 14px;color: #fff;z-index: 9999;display: none;box-shadow: 0 20px 60px rgba(0, 0, 0, .65);overflow: hidden;}.nf-glow {position: absolute;inset: 0;background: radial-gradient(circle at center, var(--iq-primary-glow), transparent 70%);pointer-events: none;}.nf-content {display: flex;align-items: center;gap: 12px;position: relative;z-index: 2;}.nf-text {display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0;}.nf-text h6 {margin: 0;font-size: 13px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.nf-subtitle {font-size: 11px;opacity: .65;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.nf-app-icon {width: 36px;height: 36px;border-radius: 9px;object-fit: cover;box-shadow: 0 4px 12px rgba(0, 0, 0, .4);flex-shrink: 0;margin-right: 2em;}.nf-btn {border: none;background: var(--iq-primary);color: #fff;border-radius: 10px;padding: 6px 14px;font-size: 12px;font-weight: 600;white-space: nowrap;}.nf-close {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);background: transparent;border: none;color: #aaa;font-size: 18px;cursor: pointer;z-index: 3;padding: 0;}.nf-close:hover {color: #fff;}@media (min-width: 768px) {.nf-app-teaser {display: none !important;}}.nf-modal {background: radial-gradient(circle at top, #1b1b1b, #000);color: #fff;border-radius: 18px;box-shadow: 0 30px 80px rgba(0, 0, 0, .75);border: 1px solid rgba(139, 24, 116, 0.25);}.nf-modal-text {font-size: 13px;opacity: .8;margin-bottom: 16px;}.nf-store-btn {display: block;margin-bottom: 12px;transition: transform .3s ease, box-shadow .3s ease;}.nf-store-btn img {width: 45%;border-radius: 10px;}.nf-store-btn:hover {transform: scale(1.04);box-shadow: 0 10px 25px rgba(139, 24, 116, .35);}.nf-store-btn.disabled {opacity: .35;pointer-events: none;}