.logo span background: #ffcd3c; color: #1a4a5f; padding: 0.2rem 0.6rem; border-radius: 40px; font-size: 1rem; margin-left: 8px; vertical-align: middle;
document.getElementById("safetyThreshold").addEventListener("change", (e) => currentSafetyThreshold = parseInt(e.target.value); renderApps(); ); appsafe club
.modal-content background: white; max-width: 450px; width: 90%; border-radius: 32px; padding: 1.8rem; position: relative; animation: fadeUp 0.2s ease; .logo span background: #ffcd3c
/* apps grid */ .apps-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.8rem; margin-bottom: 2rem; padding: 0.2rem 0.6rem
.app-icon width: 52px; height: 52px; background: #eef2f5; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 600; color: #1a4a5f;
// close modal document.querySelector(".close-modal").addEventListener("click", () => document.getElementById("appModal").style.display = "none"; ); window.addEventListener("click", (e) => const modal = document.getElementById("appModal"); if (e.target === modal) modal.style.display = "none"; );
.card-body padding: 0.2rem 1.2rem 1rem 1.2rem;