{"id":427,"date":"2026-07-08T13:12:11","date_gmt":"2026-07-08T05:12:11","guid":{"rendered":"https:\/\/demo5.yinwoodweb.com\/malaya\/?page_id=427"},"modified":"2026-07-08T14:05:30","modified_gmt":"2026-07-08T06:05:30","slug":"prayer","status":"publish","type":"page","link":"https:\/\/demo5.yinwoodweb.com\/malaya\/prayer\/","title":{"rendered":"Prayer"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-85ec5f6d alignfull uagb-is-root-container\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&#038;family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\n\n<style>\n    :root {\n        --pr-crimson: #79021c;\n        --pr-crimson-deep: #5a0115;\n        --pr-crimson-light: #9e1b38;\n        --pr-crimson-bright: #b91d47;\n        --pr-crimson-glow: rgba(121, 2, 28, 0.12);\n        --pr-crimson-subtle: rgba(121, 2, 28, 0.06);\n        --pr-white: #ffffff;\n        --pr-off-white: #faf8f5;\n        --pr-cream: #f5f0ea;\n        --pr-warm-gray: #e8e2da;\n        --pr-text-dark: #1a1a1a;\n        --pr-text-body: #3d3632;\n        --pr-text-muted: #7a7168;\n        --pr-gold: #c9a84c;\n        --pr-gold-light: #e8d59a;\n        --pr-gold-dark: #a68832;\n        --pr-green: #2d7a4f;\n        --pr-green-light: #e6f5ed;\n        --pr-blue: #1e5f8c;\n        --pr-red-soft: #dc2626;\n        --pr-red-bg: #fef2f2;\n        --pr-font-display: 'Cormorant Garamond', Georgia, serif;\n        --pr-font-body: 'Source Serif 4', Georgia, serif;\n        --pr-radius-sm: 4px;\n        --pr-radius-md: 8px;\n        --pr-radius-lg: 16px;\n        --pr-radius-xl: 24px;\n        --pr-shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\n        --pr-shadow-md: 0 8px 30px rgba(0,0,0,0.08);\n        --pr-shadow-lg: 0 16px 60px rgba(0,0,0,0.12);\n        --pr-shadow-crimson: 0 8px 30px rgba(121, 2, 28, 0.2);\n    }\n\n    .pr-wrap, .pr-wrap * { box-sizing: border-box; }\n    .pr-wrap { font-family: var(--pr-font-body); color: var(--pr-text-body); background: var(--pr-off-white); line-height: 1.7; -webkit-font-smoothing: antialiased; }\n    .pr-wrap a { text-decoration: none; color: inherit; }\n    .pr-wrap .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; vertical-align: middle; }\n\n    .pr-hero { position: relative; min-height: 40vh; display: flex; align-items: flex-end; overflow: hidden; background: linear-gradient(160deg, var(--pr-crimson-deep) 0%, var(--pr-crimson) 50%, var(--pr-crimson-light) 100%); }\n    .pr-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 30%, rgba(255,255,255,0.06) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(0,0,0,0.2) 0%, transparent 50%); pointer-events: none; }\n    .pr-hero::after { content: ''; position: absolute; inset: 0; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'\/%3E%3C\/svg%3E\"); opacity: 0.03; pointer-events: none; mix-blend-mode: overlay; }\n    .pr-hero-cross { position: absolute; top: 50%; right: 10%; width: 250px; height: 250px; transform: translateY(-50%); opacity: 0.05; pointer-events: none; }\n    .pr-hero-cross::before, .pr-hero-cross::after { content: ''; position: absolute; background: var(--pr-white); }\n    .pr-hero-cross::before { top: 0; left: 50%; width: 3px; height: 100%; transform: translateX(-50%); }\n    .pr-hero-cross::after { top: 28%; left: 0; width: 100%; height: 3px; }\n    .pr-hero-arches { position: absolute; bottom: -2px; left: 0; width: 100%; height: 50px; z-index: 3; }\n    .pr-hero-arches svg { width: 100%; height: 100%; }\n    .pr-hero-inner { position: relative; z-index: 2; padding: 6rem 2rem 3.5rem; width: 100%; max-width: 1400px; margin: 0 auto; }\n    .pr-hero-breadcrumb { display: flex; align-items: center; gap: 0.5rem; font-family: var(--pr-font-display); font-size: 0.85rem; letter-spacing: 0.1em; color: rgba(255,255,255,0.5); margin-bottom: 1.5rem; animation: prFadeInDown 0.8s ease 0.1s both; }\n    .pr-hero-breadcrumb a { color: rgba(255,255,255,0.6); transition: color 0.3s ease; }\n    .pr-hero-breadcrumb a:hover { color: var(--pr-gold-light); }\n    .pr-hero-breadcrumb .pr-sep { font-size: 0.7rem; }\n    @keyframes prFadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes prFadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } }\n    .pr-hero-title { font-family: var(--pr-font-display); font-size: clamp(2.5rem, 7vw, 4.5rem); font-weight: 300; color: var(--pr-white); line-height: 1; margin-bottom: 1rem; animation: prFadeInUp 0.9s ease 0.3s both; }\n    .pr-hero-title strong { font-weight: 700; display: block; background: linear-gradient(135deg, #ffffff 0%, var(--pr-gold-light) 60%, var(--pr-gold) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .pr-hero-subtitle { font-family: var(--pr-font-display); font-size: clamp(1rem, 2vw, 1.2rem); font-style: italic; font-weight: 300; color: rgba(255,255,255,0.7); max-width: 550px; animation: prFadeInUp 0.9s ease 0.5s both; }\n\n    .pr-main { max-width: 1400px; margin: 0 auto; padding: 3rem 2rem 6rem; display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }\n\n    .pr-section-label { display: inline-flex; align-items: center; gap: 0.75rem; font-family: var(--pr-font-display); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--pr-crimson); margin-bottom: 1rem; }\n    .pr-section-label-line { width: 40px; height: 1.5px; background: var(--pr-crimson); }\n\n    .pr-form-card { background: var(--pr-white); border: 1px solid var(--pr-warm-gray); border-radius: var(--pr-radius-xl); padding: 2.5rem; margin-bottom: 2rem; position: relative; overflow: visible; transition: box-shadow 0.4s ease; }\n    .pr-form-card:hover { box-shadow: var(--pr-shadow-md); }\n    .pr-form-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: var(--pr-radius-xl) var(--pr-radius-xl) 0 0; background: linear-gradient(90deg, var(--pr-crimson), var(--pr-crimson-bright), var(--pr-gold)); }\n    .pr-form-title { font-family: var(--pr-font-display); font-size: 1.6rem; font-weight: 600; color: var(--pr-text-dark); margin-bottom: 0.3rem; }\n    .pr-form-desc { font-size: 0.9rem; color: var(--pr-text-muted); margin-bottom: 1.5rem; }\n    .pr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }\n    .pr-form-group { display: flex; flex-direction: column; gap: 0.35rem; }\n    .pr-form-group.full { grid-column: 1 \/ -1; }\n    .pr-form-label { font-family: var(--pr-font-display); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; color: var(--pr-text-dark); }\n    .pr-form-input, .pr-form-select, .pr-form-textarea { font-family: var(--pr-font-body); font-size: 0.95rem; padding: 0.75rem 1rem; border: 1.5px solid var(--pr-warm-gray); border-radius: var(--pr-radius-md); background: var(--pr-off-white); color: var(--pr-text-body); outline: none; transition: all 0.3s ease; width: 100%; }\n    .pr-form-input:focus, .pr-form-select:focus, .pr-form-textarea:focus { border-color: var(--pr-crimson); box-shadow: 0 0 0 3px var(--pr-crimson-subtle); background: var(--pr-white); }\n    .pr-form-textarea { min-height: 100px; resize: vertical; }\n    .pr-form-select { cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a7168' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; min-height: 46px; line-height: 1.4; }\n    .pr-form-submit { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 2rem; font-family: var(--pr-font-display); font-size: 1rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; background: var(--pr-crimson); color: var(--pr-white); border: none; border-radius: var(--pr-radius-sm); cursor: pointer; transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); position: relative; overflow: hidden; margin-top: 0.5rem; }\n    .pr-form-submit::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); transition: left 0.5s ease; }\n    .pr-form-submit:hover::before { left: 100%; }\n    .pr-form-submit:hover { background: var(--pr-crimson-deep); transform: translateY(-2px); box-shadow: var(--pr-shadow-crimson); }\n    .pr-form-submit .material-symbols-outlined { font-size: 1.15rem; transition: transform 0.3s ease; }\n    .pr-form-submit:hover .material-symbols-outlined { transform: translateX(3px); }\n\n    .pr-list-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; flex-wrap: wrap; gap: 1rem; }\n    .pr-list-title { font-family: var(--pr-font-display); font-size: 1.8rem; font-weight: 600; color: var(--pr-text-dark); }\n    .pr-list-count { font-family: var(--pr-font-display); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--pr-text-muted); display: flex; align-items: center; gap: 0.5rem; }\n    .pr-list-count-num { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; background: var(--pr-crimson); color: var(--pr-white); border-radius: 50%; font-size: 0.8rem; font-weight: 700; padding: 0 6px; }\n\n    .pr-filter-tabs { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }\n    .pr-filter-tab { font-family: var(--pr-font-display); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.08em; padding: 0.5rem 1.25rem; border: 1.5px solid var(--pr-warm-gray); border-radius: 50px; background: var(--pr-white); color: var(--pr-text-muted); cursor: pointer; transition: all 0.3s ease; }\n    .pr-filter-tab:hover { border-color: var(--pr-crimson); color: var(--pr-crimson); }\n    .pr-filter-tab.active { background: var(--pr-crimson); color: var(--pr-white); border-color: var(--pr-crimson); }\n\n    .pr-card { background: var(--pr-white); border: 1px solid var(--pr-warm-gray); border-radius: var(--pr-radius-lg); padding: 2rem; margin-bottom: 1.25rem; position: relative; overflow: visible; transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94); opacity: 0; transform: translateY(20px); }\n    .pr-card.pr-visible { opacity: 1; transform: translateY(0); }\n    .pr-card:hover { box-shadow: var(--pr-shadow-md); transform: translateY(-3px); border-color: transparent; }\n    .pr-card-accent { position: absolute; top: 0; left: 0; width: 3px; height: 0; background: linear-gradient(to bottom, var(--pr-crimson), var(--pr-crimson-bright)); border-radius: 3px 0 0 3px; transition: height 0.5s ease; }\n    .pr-card:hover .pr-card-accent { height: 100%; }\n    .pr-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem; }\n    .pr-card-category { display: inline-flex; align-items: center; gap: 0.35rem; font-family: var(--pr-font-display); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.3rem 0.75rem; border-radius: 50px; flex-shrink: 0; }\n    .pr-card-category .material-symbols-outlined { font-size: 14px; }\n    .pr-cat-health { background: #fef2f2; color: #b91c1c; }\n    .pr-cat-family { background: #eff6ff; color: #1d4ed8; }\n    .pr-cat-guidance { background: #fefce8; color: #a16207; }\n    .pr-cat-thanksgiving { background: #f0fdf4; color: #15803d; }\n    .pr-cat-spiritual { background: #fdf4ff; color: #9333ea; }\n    .pr-cat-other { background: var(--pr-cream); color: var(--pr-text-muted); }\n    .pr-card-answered { display: inline-flex; align-items: center; gap: 0.3rem; font-family: var(--pr-font-display); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pr-green); background: var(--pr-green-light); padding: 0.3rem 0.75rem; border-radius: 50px; flex-shrink: 0; }\n    .pr-card-answered .material-symbols-outlined { font-size: 14px; }\n    .pr-card-name { font-family: var(--pr-font-display); font-size: 1.3rem; font-weight: 700; color: var(--pr-text-dark); margin-bottom: 0.15rem; line-height: 1.2; }\n    .pr-card-date { font-family: var(--pr-font-display); font-size: 0.78rem; font-weight: 500; color: var(--pr-text-muted); letter-spacing: 0.05em; }\n    .pr-card-title { font-family: var(--pr-font-display); font-size: 1.05rem; font-weight: 600; color: var(--pr-text-dark); margin: 0.75rem 0 0.35rem; }\n    .pr-card-body { font-size: 0.92rem; color: var(--pr-text-muted); line-height: 1.8; margin-bottom: 1.25rem; }\n    .pr-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--pr-warm-gray); gap: 0.75rem; flex-wrap: wrap; }\n    .pr-card-actions { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }\n\n    .pr-like-btn { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.5rem 1.1rem; font-family: var(--pr-font-display); font-size: 0.92rem; font-weight: 700; border: 1.5px solid var(--pr-warm-gray); border-radius: 50px; background: var(--pr-white); color: var(--pr-text-muted); cursor: pointer; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; user-select: none; }\n    .pr-like-btn .material-symbols-outlined { font-size: 20px; transition: all 0.35s ease; color: var(--pr-text-muted); }\n    .pr-like-btn:hover { border-color: var(--pr-crimson-light); color: var(--pr-crimson); transform: scale(1.08); }\n    .pr-like-btn:hover .material-symbols-outlined { color: var(--pr-crimson); }\n    .pr-like-btn.pr-has-likes { border-color: var(--pr-crimson); color: var(--pr-crimson); background: var(--pr-crimson-subtle); }\n    .pr-like-btn.pr-has-likes .material-symbols-outlined { color: var(--pr-crimson); font-variation-settings: 'FILL' 1, 'wght' 400; }\n    .pr-like-btn.pr-has-likes:hover { background: var(--pr-crimson); color: var(--pr-white); }\n    .pr-like-btn.pr-has-likes:hover .material-symbols-outlined { color: var(--pr-white); }\n    .pr-like-btn.pr-cooldown { pointer-events: none; opacity: 0.65; transform: scale(0.95); }\n    @keyframes prHeartPop { 0% { transform: scale(1); } 30% { transform: scale(1.45); } 60% { transform: scale(0.85); } 100% { transform: scale(1); } }\n    .pr-like-btn.pr-pop .material-symbols-outlined { animation: prHeartPop 0.45s ease; }\n    @keyframes prCountBump { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }\n    .pr-like-btn.pr-pop .pr-like-count { animation: prCountBump 0.35s ease; display: inline-block; }\n    .pr-like-count { font-size: 0.9rem; font-weight: 700; min-width: 1.2ch; text-align: center; }\n    @keyframes prPlusOne { 0% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-50px) scale(0.6); } }\n    .pr-plus-one { position: absolute; top: -5px; right: 8px; font-family: var(--pr-font-display); font-size: 0.85rem; font-weight: 700; color: var(--pr-crimson); pointer-events: none; animation: prPlusOne 0.7s ease forwards; z-index: 10; }\n    @keyframes prFloatUp { 0% { opacity: 1; transform: translateY(0) scale(1) rotate(0deg); } 100% { opacity: 0; transform: translateY(-70px) scale(0.4) rotate(30deg); } }\n    .pr-heart-particle { position: absolute; pointer-events: none; font-size: 14px; animation: prFloatUp 0.85s ease forwards; z-index: 10; }\n\n    .pr-pray-btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1.1rem; font-family: var(--pr-font-display); font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border: 1.5px solid var(--pr-blue); border-radius: 50px; background: transparent; color: var(--pr-blue); cursor: pointer; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }\n    .pr-pray-btn .material-symbols-outlined { font-size: 18px; }\n    .pr-pray-btn:hover { background: var(--pr-blue); color: var(--pr-white); transform: scale(1.05); }\n    .pr-pray-btn.pr-prayed { background: var(--pr-blue); color: var(--pr-white); }\n    .pr-pray-btn.pr-prayed .material-symbols-outlined { font-variation-settings: 'FILL' 1; }\n    .pr-card-mark-answered { font-family: var(--pr-font-display); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.05em; color: var(--pr-green); cursor: pointer; background: none; border: none; padding: 0.3rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.3rem; }\n    .pr-card-mark-answered:hover { color: #166534; }\n    .pr-card-mark-answered .material-symbols-outlined { font-size: 16px; }\n\n    .pr-delete-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1.5px solid var(--pr-warm-gray); border-radius: 50%; background: var(--pr-white); color: var(--pr-text-muted); cursor: pointer; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; }\n    .pr-delete-btn .material-symbols-outlined { font-size: 18px; }\n    .pr-delete-btn:hover { background: var(--pr-red-bg); color: var(--pr-red-soft); border-color: var(--pr-red-soft); transform: scale(1.12); }\n    .pr-delete-confirm { position: absolute; bottom: calc(100% + 8px); right: 0; background: var(--pr-white); border: 1px solid var(--pr-warm-gray); border-radius: var(--pr-radius-md); padding: 0.75rem 1rem; box-shadow: var(--pr-shadow-lg); z-index: 20; opacity: 0; visibility: hidden; transform: translateY(8px) scale(0.95); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); white-space: nowrap; min-width: 200px; }\n    .pr-delete-confirm.pr-show { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }\n    .pr-delete-confirm-text { font-size: 0.82rem; color: var(--pr-text-dark); font-weight: 500; margin-bottom: 0.6rem; }\n    .pr-delete-confirm-actions { display: flex; gap: 0.4rem; justify-content: flex-end; }\n    .pr-del-cancel, .pr-del-ok { font-family: var(--pr-font-display); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.35rem 0.85rem; border-radius: var(--pr-radius-sm); border: none; cursor: pointer; transition: all 0.25s ease; }\n    .pr-del-cancel { background: var(--pr-off-white); color: var(--pr-text-muted); }\n    .pr-del-cancel:hover { background: var(--pr-warm-gray); }\n    .pr-del-ok { background: var(--pr-red-soft); color: var(--pr-white); }\n    .pr-del-ok:hover { background: #b91c1c; }\n    @keyframes prCardRemove { 0% { opacity: 1; transform: translateX(0); max-height: 500px; margin-bottom: 1.25rem; padding: 2rem; } 40% { opacity: 0; transform: translateX(60px); } 100% { opacity: 0; transform: translateX(60px); max-height: 0; margin-bottom: 0; padding: 0; border-width: 0; } }\n    .pr-card.pr-removing { animation: prCardRemove 0.6s ease forwards; pointer-events: none; }\n\n    .pr-empty { text-align: center; padding: 4rem 2rem; background: var(--pr-white); border: 2px dashed var(--pr-warm-gray); border-radius: var(--pr-radius-xl); }\n    .pr-empty-icon { width: 80px; height: 80px; margin: 0 auto 1.5rem; background: var(--pr-crimson-subtle); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n    .pr-empty-icon .material-symbols-outlined { font-size: 36px; color: var(--pr-crimson); }\n    .pr-empty-title { font-family: var(--pr-font-display); font-size: 1.5rem; font-weight: 600; color: var(--pr-text-dark); margin-bottom: 0.5rem; }\n    .pr-empty-text { font-size: 0.95rem; color: var(--pr-text-muted); max-width: 400px; margin: 0 auto; }\n\n    \/* RIGHT PANEL *\/\n    .pr-notify-panel { position: sticky; top: 2rem; display: flex; flex-direction: column; gap: 1.5rem; }\n\n    \/* STATS *\/\n    .pr-stats-mini { flex-shrink: 0; background: linear-gradient(135deg, var(--pr-crimson-deep) 0%, var(--pr-crimson) 60%, var(--pr-crimson-light) 100%); border-radius: var(--pr-radius-xl); padding: 2rem 1.75rem; color: var(--pr-white); position: relative; overflow: hidden; }\n    .pr-stats-mini::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 50%); pointer-events: none; }\n    .pr-stats-mini-title { font-family: var(--pr-font-display); font-size: 1rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--pr-gold-light); margin-bottom: 1.25rem; position: relative; z-index: 1; }\n    .pr-stats-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; position: relative; z-index: 1; }\n    .pr-stats-mini-item { text-align: center; }\n    .pr-stats-mini-num { font-family: var(--pr-font-display); font-size: 2rem; font-weight: 700; color: var(--pr-white); line-height: 1; }\n    .pr-stats-mini-label { font-family: var(--pr-font-display); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-top: 0.25rem; }\n\n    \/* NOTIFY CARD \u2014 fixed height, header\/list\/button structure *\/\n    .pr-notify-card {\n        background: var(--pr-white);\n        border: 1px solid var(--pr-warm-gray);\n        border-radius: var(--pr-radius-xl);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n    .pr-notify-header {\n        flex-shrink: 0;\n        padding: 1.5rem 1.75rem 1rem;\n        border-bottom: 1px solid var(--pr-warm-gray);\n        background: linear-gradient(135deg, rgba(121,2,28,0.03) 0%, transparent 100%);\n    }\n    .pr-notify-header-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.25rem; }\n    .pr-notify-title { font-family: var(--pr-font-display); font-size: 1.2rem; font-weight: 700; color: var(--pr-text-dark); }\n    .pr-notify-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; background: var(--pr-crimson); color: var(--pr-white); border-radius: 50%; font-family: var(--pr-font-display); font-size: 0.75rem; font-weight: 700; padding: 0 6px; transition: all 0.3s ease; }\n    .pr-notify-badge.pr-hidden { display: none; }\n    .pr-notify-badge.pr-bump { animation: prBump 0.4s cubic-bezier(0.34,1.56,0.64,1); }\n    @keyframes prBump { 0% { transform: scale(1); } 50% { transform: scale(1.4); } 100% { transform: scale(1); } }\n    .pr-notify-subtitle { font-size: 0.82rem; color: var(--pr-text-muted); font-style: italic; }\n\n    \/* SCROLLABLE LIST \u2014 max-height with custom scrollbar *\/\n    .pr-notify-list {\n        max-height: 340px;\n        overflow-y: auto;\n        overflow-x: hidden;\n        padding: 0.5rem 0.75rem;\n    }\n    .pr-notify-list::-webkit-scrollbar { width: 6px; }\n    .pr-notify-list::-webkit-scrollbar-track { background: var(--pr-off-white); border-radius: 3px; margin: 4px 0; }\n    .pr-notify-list::-webkit-scrollbar-thumb { background: var(--pr-warm-gray); border-radius: 3px; transition: background 0.2s ease; }\n    .pr-notify-list::-webkit-scrollbar-thumb:hover { background: var(--pr-text-muted); }\n\n    \/* Firefox scrollbar *\/\n    .pr-notify-list { scrollbar-width: thin; scrollbar-color: var(--pr-warm-gray) var(--pr-off-white); }\n\n    \/* Fade gradient at bottom of scroll area *\/\n    .pr-notify-card { position: relative; }\n    .pr-notify-fade {\n        position: absolute;\n        bottom: 80px; \/* above the clear button *\/\n        left: 0;\n        right: 0;\n        height: 40px;\n        background: linear-gradient(to bottom, transparent, var(--pr-white));\n        pointer-events: none;\n        z-index: 2;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .pr-notify-card.pr-has-scroll .pr-notify-fade { opacity: 1; }\n\n    .pr-notify-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: var(--pr-radius-md); transition: all 0.3s ease; }\n    .pr-notify-item.pr-new-item { opacity: 0; transform: translateX(20px); animation: prSlideIn 0.4s ease forwards; }\n    .pr-notify-item:hover { background: var(--pr-off-white); }\n    @keyframes prSlideIn { to { opacity: 1; transform: translateX(0); } }\n    .pr-notify-item-icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n    .pr-notify-item-icon .material-symbols-outlined { font-size: 16px; }\n    .pr-notify-item-icon.pr-icon-new { background: var(--pr-crimson-subtle); }\n    .pr-notify-item-icon.pr-icon-new .material-symbols-outlined { color: var(--pr-crimson); }\n    .pr-notify-item-icon.pr-icon-pray { background: #eff6ff; }\n    .pr-notify-item-icon.pr-icon-pray .material-symbols-outlined { color: var(--pr-blue); }\n    .pr-notify-item-icon.pr-icon-answered { background: var(--pr-green-light); }\n    .pr-notify-item-icon.pr-icon-answered .material-symbols-outlined { color: var(--pr-green); }\n    .pr-notify-item-icon.pr-icon-like { background: #fdf2f8; }\n    .pr-notify-item-icon.pr-icon-like .material-symbols-outlined { color: #db2777; }\n    .pr-notify-item-icon.pr-icon-delete { background: var(--pr-red-bg); }\n    .pr-notify-item-icon.pr-icon-delete .material-symbols-outlined { color: var(--pr-red-soft); }\n    .pr-notify-item-text { font-size: 0.83rem; color: var(--pr-text-body); line-height: 1.45; flex: 1; }\n    .pr-notify-item-text strong { font-weight: 600; color: var(--pr-text-dark); }\n    .pr-notify-item-time { font-family: var(--pr-font-display); font-size: 0.7rem; color: var(--pr-text-muted); margin-top: 0.15rem; }\n    .pr-notify-empty { text-align: center; padding: 2rem 1rem; color: var(--pr-text-muted); font-size: 0.88rem; font-style: italic; }\n    .pr-notify-clear { flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 0.35rem; width: 100%; padding: 0.75rem; font-family: var(--pr-font-display); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pr-text-muted); background: none; border: none; border-top: 1px solid var(--pr-warm-gray); cursor: pointer; transition: all 0.3s ease; }\n    .pr-notify-clear:hover { color: var(--pr-crimson); background: var(--pr-off-white); }\n    .pr-notify-clear .material-symbols-outlined { font-size: 16px; }\n\n    \/* SCRIPTURE *\/\n    .pr-scripture { flex-shrink: 0; background: var(--pr-cream); border: 1px solid var(--pr-warm-gray); border-radius: var(--pr-radius-lg); padding: 1.5rem; text-align: center; }\n    .pr-scripture-icon { width: 40px; height: 40px; margin: 0 auto 0.75rem; background: var(--pr-crimson-subtle); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n    .pr-scripture-icon .material-symbols-outlined { font-size: 20px; color: var(--pr-crimson); }\n    .pr-scripture-text { font-family: var(--pr-font-display); font-size: 1rem; font-style: italic; font-weight: 400; color: var(--pr-text-dark); line-height: 1.6; }\n    .pr-scripture-ref { font-family: var(--pr-font-display); font-size: 0.8rem; font-weight: 600; color: var(--pr-crimson); margin-top: 0.5rem; letter-spacing: 0.05em; }\n\n    @media (max-width: 1024px) { .pr-main { grid-template-columns: 1fr; } .pr-notify-panel { position: static; } }\n    @media (max-width: 768px) {\n        .pr-hero-inner { padding: 6rem 1.25rem 3.5rem; }\n        .pr-main { padding: 2rem 1.25rem 4rem; }\n        .pr-form-row { grid-template-columns: 1fr; }\n        .pr-form-card { padding: 1.75rem; }\n        .pr-card { padding: 1.5rem; }\n        .pr-card-footer { flex-direction: column; gap: 0.75rem; align-items: flex-start; }\n        .pr-notify-list { max-height: 280px; }\n    }\n    @media (max-width: 480px) {\n        .pr-hero { min-height: 35vh; }\n        .pr-card-top { flex-direction: column; }\n        .pr-filter-tabs { gap: 0.35rem; }\n        .pr-filter-tab { font-size: 0.78rem; padding: 0.4rem 0.9rem; }\n        .pr-notify-list { max-height: 240px; }\n    }\n<\/style>\n\n<div class=\"pr-wrap\">\n\n    <section class=\"pr-hero\">\n        <div class=\"pr-hero-cross\"><\/div>\n        <div class=\"pr-hero-arches\"><svg viewBox=\"0 0 1440 50\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0,50 L0,25 Q360,0 720,25 Q1080,50 1440,25 L1440,50 Z\" fill=\"var(--pr-off-white)\"\/><\/svg><\/div>\n        <div class=\"pr-hero-inner\">\n            <nav class=\"pr-hero-breadcrumb\">\n                <a href=\"https:\/\/demo5.yinwoodweb.com\/malaya\/\">Home<\/a>\n                <span class=\"pr-sep material-symbols-outlined\">chevron_right<\/span>\n                <span>Prayer Requests<\/span>\n            <\/nav>\n            <h1 class=\"pr-hero-title\">Prayer<strong>Requests<\/strong><\/h1>\n            <p class=\"pr-hero-subtitle\">&#8220;Bear one another&#8217;s burdens, and so fulfill the law of Christ.&#8221; \u2014 Galatians 6:2<\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"pr-main\">\n        <div class=\"pr-left\">\n            <div class=\"pr-form-card\">\n                <div class=\"pr-form-bar\"><\/div>\n                <div class=\"pr-section-label\"><span class=\"pr-section-label-line\"><\/span>Submit a Request<\/div>\n                <h3 class=\"pr-form-title\">Share Your Prayer Intention<\/h3>\n                <p class=\"pr-form-desc\">Submit your prayer request below. Our parish community will join you in prayer.<\/p>\n                <form id=\"prayerForm\">\n                    <div class=\"pr-form-row\">\n                        <div class=\"pr-form-group\">\n                            <label class=\"pr-form-label\" for=\"prayerName\">Your Name<\/label>\n                            <input class=\"pr-form-input\" type=\"text\" id=\"prayerName\" placeholder=\"e.g. Maria Santos\" required>\n                        <\/div>\n                        <div class=\"pr-form-group\">\n                            <label class=\"pr-form-label\" for=\"prayerCategory\">Category<\/label>\n                            <select class=\"pr-form-select\" id=\"prayerCategory\" required>\n                                <option value=\"\">Select category&#8230;<\/option>\n                                <option value=\"health\">Health &#038; Healing<\/option>\n                                <option value=\"family\">Family<\/option>\n                                <option value=\"guidance\">Guidance<\/option>\n                                <option value=\"thanksgiving\">Thanksgiving<\/option>\n                                <option value=\"spiritual\">Spiritual Growth<\/option>\n                                <option value=\"other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pr-form-group full\" style=\"margin-bottom:1rem;\">\n                        <label class=\"pr-form-label\" for=\"prayerTitle\">Prayer Title<\/label>\n                        <input class=\"pr-form-input\" type=\"text\" id=\"prayerTitle\" placeholder=\"Brief title for your prayer\" required>\n                    <\/div>\n                    <div class=\"pr-form-group full\" style=\"margin-bottom:1rem;\">\n                        <label class=\"pr-form-label\" for=\"prayerBody\">Your Prayer Request<\/label>\n                        <textarea class=\"pr-form-textarea\" id=\"prayerBody\" placeholder=\"Share your prayer intention with our community...\" required><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"pr-form-submit\">\n                        <span class=\"material-symbols-outlined\">send<\/span>\n                        Submit Prayer Request\n                    <\/button>\n                <\/form>\n            <\/div>\n\n            <div class=\"pr-list-header\">\n                <div>\n                    <div class=\"pr-section-label\"><span class=\"pr-section-label-line\"><\/span>Community Prayers<\/div>\n                    <h3 class=\"pr-list-title\">Active Prayer Requests<\/h3>\n                <\/div>\n                <div class=\"pr-list-count\"><span class=\"pr-list-count-num\" id=\"prayerTotalCount\">0<\/span> Requests<\/div>\n            <\/div>\n\n            <div class=\"pr-filter-tabs\" id=\"filterTabs\">\n                <button class=\"pr-filter-tab active\" data-filter=\"all\">All<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"health\">Health<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"family\">Family<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"guidance\">Guidance<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"thanksgiving\">Thanksgiving<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"spiritual\">Spiritual<\/button>\n                <button class=\"pr-filter-tab\" data-filter=\"answered\">Answered<\/button>\n            <\/div>\n\n            <div id=\"prayerList\"><\/div>\n        <\/div>\n\n        <div class=\"pr-notify-panel\">\n            <div class=\"pr-stats-mini\">\n                <div class=\"pr-stats-mini-title\">Prayer Community<\/div>\n                <div class=\"pr-stats-mini-grid\">\n                    <div class=\"pr-stats-mini-item\"><div class=\"pr-stats-mini-num\" id=\"statTotalPrayers\">0<\/div><div class=\"pr-stats-mini-label\">Prayers<\/div><\/div>\n                    <div class=\"pr-stats-mini-item\"><div class=\"pr-stats-mini-num\" id=\"statTotalLikes\">0<\/div><div class=\"pr-stats-mini-label\">Likes<\/div><\/div>\n                    <div class=\"pr-stats-mini-item\"><div class=\"pr-stats-mini-num\" id=\"statAnswered\">0<\/div><div class=\"pr-stats-mini-label\">Answered<\/div><\/div>\n                    <div class=\"pr-stats-mini-item\"><div class=\"pr-stats-mini-num\" id=\"statActive\">0<\/div><div class=\"pr-stats-mini-label\">Active<\/div><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pr-notify-card\" id=\"notifyCard\">\n                <div class=\"pr-notify-fade\"><\/div>\n                <div class=\"pr-notify-header\">\n                    <div class=\"pr-notify-header-top\">\n                        <h3 class=\"pr-notify-title\">Notifications<\/h3>\n                        <span class=\"pr-notify-badge pr-hidden\" id=\"notifyBadge\">0<\/span>\n                    <\/div>\n                    <p class=\"pr-notify-subtitle\">Recent prayer activity<\/p>\n                <\/div>\n                <div class=\"pr-notify-list\" id=\"notifyList\">\n                    <div class=\"pr-notify-empty\">No notifications yet<\/div>\n                <\/div>\n                <button class=\"pr-notify-clear\" id=\"notifyClear\">\n                    <span class=\"material-symbols-outlined\">delete_sweep<\/span>\n                    Clear All\n                <\/button>\n            <\/div>\n\n            <div class=\"pr-scripture\">\n                <div class=\"pr-scripture-icon\"><span class=\"material-symbols-outlined\">menu_book<\/span><\/div>\n                <p class=\"pr-scripture-text\">&#8220;Therefore I tell you, whatever you ask for in prayer, believe that you have received it, and it will be yours.&#8221;<\/p>\n                <p class=\"pr-scripture-ref\">\u2014 Mark 11:24<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function () {\n    'use strict';\n\n    var S = { PRAYERS: 'stMichaelPrayers', NOTIFY: 'stMichaelNotifications', PRAYED: 'stMichaelPrayedIds' };\n    var LIKE_CD = 400;\n    var CATS = {\n        health:       { label: 'Health & Healing',  icon: 'healing',            cls: 'pr-cat-health' },\n        family:       { label: 'Family',            icon: 'family_restroom',    cls: 'pr-cat-family' },\n        guidance:     { label: 'Guidance',           icon: 'explore',            cls: 'pr-cat-guidance' },\n        thanksgiving: { label: 'Thanksgiving',      icon: 'volunteer_activism', cls: 'pr-cat-thanksgiving' },\n        spiritual:    { label: 'Spiritual Growth',   icon: 'self_improvement',   cls: 'pr-cat-spiritual' },\n        other:        { label: 'Other',             icon: 'more_horiz',         cls: 'pr-cat-other' }\n    };\n\n    function ld(k,f) { try { var d = JSON.parse(localStorage.getItem(k)); return d || f; } catch(e) { return f; } }\n    function sv(k,d) { try { localStorage.setItem(k, JSON.stringify(d)); } catch(e) {} }\n    function uid() { return Date.now().toString(36) + Math.random().toString(36).substr(2,5); }\n    function ago(ts) { var s = Math.floor((Date.now()-ts)\/1000); if(s<60) return 'Just now'; var m=Math.floor(s\/60); if(m<60) return m+'m ago'; var h=Math.floor(m\/60); if(h<24) return h+'h ago'; var d=Math.floor(h\/24); if(d<7) return d+'d ago'; return new Date(ts).toLocaleDateString('en-US',{month:'short',day:'numeric'}); }\n    function esc(s) { var d=document.createElement('div'); d.appendChild(document.createTextNode(s)); return d.innerHTML; }\n\n    var prayers = ld(S.PRAYERS,[]);\n    var notify  = ld(S.NOTIFY,[]);\n    var prayedIds = ld(S.PRAYED,[]);\n    var curFilt = 'all', openCid = null, cdMap = {}, newCount = 0;\n\n    if (!prayers.length) {\n        var t = Date.now();\n        prayers = [\n            { id:uid(), name:'Maria Santos',      cat:'health',       title:'Healing for my mother',       body:'Please pray for my mother who is recovering from surgery. She has been in the hospital for two weeks and we trust in God\\'s healing power.', date:t-864e5*3, likes:24, answered:false },\n            { id:uid(), name:'Jose Reyes',         cat:'family',       title:'Guidance for my children',    body:'Pray that my children will grow in faith and wisdom. They face many challenges in school and I ask for God\\'s guidance over their lives.', date:t-864e5*5, likes:18, answered:false },\n            { id:uid(), name:'Ana Dela Cruz',      cat:'thanksgiving', title:'Grateful for safe delivery',  body:'Thank you to everyone who prayed for my safe delivery. Our baby girl was born healthy and we are so blessed!', date:t-864e5, likes:31, answered:true },\n            { id:uid(), name:'Fr. Anthony Damian',  cat:'spiritual',    title:'Vocations to the priesthood', body:'Let us pray for an increase in vocations to the priesthood and religious life. May young people hear God\\'s calling.', date:t-864e5*7, likes:42, answered:false },\n            { id:uid(), name:'Rosa Mendoza',        cat:'guidance',     title:'Discernment for a new job',   body:'I have been offered a new position but am unsure if it is God\\'s will. Please pray I may discern clearly.', date:t-864e5*2, likes:15, answered:false },\n            { id:uid(), name:'Pedro Villanueva',    cat:'health',       title:'Strength during treatment',   body:'My father has been diagnosed with a serious illness. We ask for prayers for strength and comfort during his treatment.', date:t-864e5*4, likes:37, answered:false }\n        ];\n        sv(S.PRAYERS, prayers);\n        notify = [\n            { type:'new',      text:'<strong>Maria Santos<\/strong> submitted a prayer request.', time:t-864e5*3 },\n            { type:'like',     text:'<strong>12 parishioners<\/strong> liked Maria\\'s prayer.', time:t-864e5*2 },\n            { type:'new',      text:'<strong>Jose Reyes<\/strong> submitted a prayer request.', time:t-864e5*5 },\n            { type:'answered', text:'<strong>Ana Dela Cruz<\/strong> marked her prayer as answered!', time:t-864e5 },\n            { type:'new',      text:'<strong>Fr. Anthony Damian<\/strong> submitted a prayer request.', time:t-864e5*7 }\n        ];\n        sv(S.NOTIFY, notify);\n    }\n\n    var listEl = document.getElementById('prayerList');\n    var cntEl  = document.getElementById('prayerTotalCount');\n    var sP = document.getElementById('statTotalPrayers');\n    var sL = document.getElementById('statTotalLikes');\n    var sA = document.getElementById('statAnswered');\n    var sAC= document.getElementById('statActive');\n    var nList  = document.getElementById('notifyList');\n    var nBadge = document.getElementById('notifyBadge');\n    var nCard  = document.getElementById('notifyCard');\n    var formEl = document.getElementById('prayerForm');\n    var tabsEl = document.getElementById('filterTabs');\n\n    function findP(id) { for(var i=0;i<prayers.length;i++){if(prayers[i].id===id)return i;} return -1; }\n    function nIcon(t) { return {like:['pr-icon-like','favorite'],pray:['pr-icon-pray','front_hand'],answered:['pr-icon-answered','check_circle'],delete:['pr-icon-delete','delete']}[t]||['pr-icon-new','campaign']; }\n\n    function updateStats() {\n        var tl=0,an=0;\n        prayers.forEach(function(p){tl+=p.likes;if(p.answered)an++;});\n        cntEl.textContent=prayers.length;\n        sP.textContent=prayers.length; sL.textContent=tl; sA.textContent=an; sAC.textContent=prayers.length-an;\n    }\n\n    \/* Check if list is scrollable, toggle fade gradient *\/\n    function checkScroll() {\n        if (nList.scrollHeight > nList.clientHeight + 5) {\n            nCard.classList.add('pr-has-scroll');\n        } else {\n            nCard.classList.remove('pr-has-scroll');\n        }\n    }\n\n    function addNotify(type, text) {\n        notify.push({ type:type, text:text, time:Date.now() });\n        if (notify.length > 100) notify = notify.slice(-100);\n        sv(S.NOTIFY, notify);\n\n        newCount++;\n        nBadge.textContent = newCount > 99 ? '99+' : newCount;\n        nBadge.classList.remove('pr-hidden');\n        nBadge.classList.add('pr-bump');\n        setTimeout(function(){ nBadge.classList.remove('pr-bump'); }, 400);\n\n        var ic = nIcon(type);\n        var empty = nList.querySelector('.pr-notify-empty');\n        if (empty) empty.remove();\n\n        var item = document.createElement('div');\n        item.className = 'pr-notify-item pr-new-item';\n        item.innerHTML =\n            '<div class=\"pr-notify-item-icon '+ic[0]+'\"><span class=\"material-symbols-outlined\">'+ic[1]+'<\/span><\/div>' +\n            '<div><div class=\"pr-notify-item-text\">'+text+'<\/div><div class=\"pr-notify-item-time\">Just now<\/div><\/div>';\n\n        nList.insertBefore(item, nList.firstChild);\n        while (nList.children.length > 50) nList.removeChild(nList.lastChild);\n\n        \/* Scroll to top to show newest *\/\n        nList.scrollTop = 0;\n\n        \/* Check fade *\/\n        setTimeout(checkScroll, 50);\n    }\n\n    function renderNotifyFull() {\n        if (!notify.length) { nList.innerHTML='<div class=\"pr-notify-empty\">No notifications yet<\/div>'; nCard.classList.remove('pr-has-scroll'); return; }\n        var h='';\n        notify.slice().reverse().slice(0,50).forEach(function(n){\n            var ic=nIcon(n.type);\n            h+='<div class=\"pr-notify-item\"><div class=\"pr-notify-item-icon '+ic[0]+'\"><span class=\"material-symbols-outlined\">'+ic[1]+'<\/span><\/div><div><div class=\"pr-notify-item-text\">'+n.text+'<\/div><div class=\"pr-notify-item-time\">'+ago(n.time)+'<\/div><\/div><\/div>';\n        });\n        nList.innerHTML=h;\n        setTimeout(checkScroll, 50);\n    }\n\n    function heartFx(btn) {\n        var plus=document.createElement('span');\n        plus.className='pr-plus-one'; plus.textContent='+1';\n        btn.appendChild(plus);\n        setTimeout(function(){if(plus.parentNode)plus.parentNode.removeChild(plus);},750);\n        var syms=['\u2665','\u2764','\u2661','\u2726'];\n        for(var i=0;i<6;i++){\n            var sp=document.createElement('span');\n            sp.className='pr-heart-particle'; sp.textContent=syms[Math.floor(Math.random()*syms.length)];\n            sp.style.left=(Math.random()*50+5)+'px'; sp.style.top='-2px';\n            sp.style.color=Math.random()>0.5?'var(--pr-crimson)':'var(--pr-gold)';\n            sp.style.fontSize=(10+Math.random()*8)+'px'; sp.style.animationDelay=(Math.random()*0.15)+'s';\n            btn.appendChild(sp);\n            (function(el){setTimeout(function(){if(el.parentNode)el.parentNode.removeChild(el);},1000);})(sp);\n        }\n    }\n\n    function render() {\n        var active=[],answered=[];\n        prayers.forEach(function(p){(p.answered?answered:active).push(p);});\n        active.sort(function(a,b){return b.date-a.date;});\n        answered.sort(function(a,b){return b.date-a.date;});\n        var all;\n        if(curFilt==='answered') all=answered;\n        else if(curFilt==='all') all=active.concat(answered);\n        else all=prayers.filter(function(p){return p.cat===curFilt&&!p.answered;});\n\n        if(!all.length){\n            listEl.innerHTML='<div class=\"pr-empty\"><div class=\"pr-empty-icon\"><span class=\"material-symbols-outlined\">volunteer_activism<\/span><\/div><h4 class=\"pr-empty-title\">No Prayer Requests<\/h4><p class=\"pr-empty-text\">Be the first to share a prayer intention with our community.<\/p><\/div>';\n        } else {\n            var h='';\n            all.forEach(function(p,i){\n                var c=CATS[p.cat]||CATS.other;\n                var prayed=prayedIds.indexOf(p.id)!==-1;\n                var liked=p.likes>0;\n                h+=\n                '<div class=\"pr-card\" data-cid=\"'+p.id+'\" style=\"transition-delay:'+(i*0.06)+'s;\">'+\n                    '<div class=\"pr-card-accent\"><\/div>'+\n                    '<div class=\"pr-card-top\">'+\n                        '<span class=\"pr-card-category '+c.cls+'\"><span class=\"material-symbols-outlined\">'+c.icon+'<\/span>'+c.label+'<\/span>'+\n                        (p.answered?'<span class=\"pr-card-answered\"><span class=\"material-symbols-outlined\">check_circle<\/span>Answered<\/span>':'')+\n                    '<\/div>'+\n                    '<h4 class=\"pr-card-name\">'+esc(p.name)+'<\/h4>'+\n                    '<p class=\"pr-card-date\">'+ago(p.date)+'<\/p>'+\n                    '<h5 class=\"pr-card-title\">'+esc(p.title)+'<\/h5>'+\n                    '<p class=\"pr-card-body\">'+esc(p.body)+'<\/p>'+\n                    '<div class=\"pr-card-footer\">'+\n                        '<div class=\"pr-card-actions\">'+\n                            '<button class=\"pr-like-btn'+(liked?' pr-has-likes':'')+'\" data-lid=\"'+p.id+'\">'+\n                                '<span class=\"material-symbols-outlined\">favorite<\/span>'+\n                                '<span class=\"pr-like-count\">'+p.likes+'<\/span>'+\n                            '<\/button>'+\n                            '<button class=\"pr-pray-btn'+(prayed?' pr-prayed':'')+'\" data-pid=\"'+p.id+'\">'+\n                                '<span class=\"material-symbols-outlined\">front_hand<\/span>'+(prayed?'Praying':'Pray')+\n                            '<\/button>'+\n                            (!p.answered?'<button class=\"pr-card-mark-answered\" data-aid=\"'+p.id+'\"><span class=\"material-symbols-outlined\">check<\/span>Answered<\/button>':'')+\n                        '<\/div>'+\n                        '<div style=\"position:relative;\">'+\n                            '<button class=\"pr-delete-btn\" data-did=\"'+p.id+'\"><span class=\"material-symbols-outlined\">delete<\/span><\/button>'+\n                            '<div class=\"pr-delete-confirm\" data-cfm=\"'+p.id+'\">'+\n                                '<div class=\"pr-delete-confirm-text\">Remove this prayer request?<\/div>'+\n                                '<div class=\"pr-delete-confirm-actions\">'+\n                                    '<button class=\"pr-del-cancel\" data-cc=\"'+p.id+'\">Cancel<\/button>'+\n                                    '<button class=\"pr-del-ok\" data-ok=\"'+p.id+'\">Remove<\/button>'+\n                                '<\/div>'+\n                            '<\/div>'+\n                        '<\/div>'+\n                    '<\/div>'+\n                '<\/div>';\n            });\n            listEl.innerHTML=h;\n            setTimeout(function(){listEl.querySelectorAll('.pr-card').forEach(function(c){c.classList.add('pr-visible');});},30);\n        }\n        updateStats();\n    }\n\n    listEl.addEventListener('click',function(e){\n        var lb=e.target.closest('.pr-like-btn');\n        if(lb){\n            e.stopPropagation();\n            var id=lb.getAttribute('data-lid'), now=Date.now();\n            if(cdMap[id]&&now-cdMap[id]<LIKE_CD) return;\n            cdMap[id]=now;\n            var i=findP(id); if(i===-1) return;\n            prayers[i].likes++;\n            sv(S.PRAYERS,prayers);\n            lb.classList.add('pr-pop','pr-cooldown');\n            heartFx(lb);\n            setTimeout(function(){lb.classList.remove('pr-pop');},500);\n            setTimeout(function(){lb.classList.remove('pr-cooldown');},LIKE_CD);\n            lb.querySelector('.pr-like-count').textContent=prayers[i].likes;\n            if(!lb.classList.contains('pr-has-likes'))lb.classList.add('pr-has-likes');\n            updateStats();\n            addNotify('like','<strong>You<\/strong> liked <strong>'+esc(prayers[i].name)+'<\/strong>\\'s prayer ('+prayers[i].likes+' likes)');\n            return;\n        }\n        var pb=e.target.closest('.pr-pray-btn');\n        if(pb){\n            e.stopPropagation();\n            var pid=pb.getAttribute('data-pid'),pi=findP(pid); if(pi===-1) return;\n            var al=prayedIds.indexOf(pid)!==-1;\n            if(al)prayedIds=prayedIds.filter(function(x){return x!==pid;});\n            else{prayedIds.push(pid);addNotify('pray','You are praying for <strong>'+esc(prayers[pi].name)+'<\/strong>\\'s intention.');}\n            sv(S.PRAYED,prayedIds); render(); return;\n        }\n        var ab=e.target.closest('.pr-card-mark-answered');\n        if(ab){\n            var aid=ab.getAttribute('data-aid'),ai=findP(aid); if(ai===-1) return;\n            prayers[ai].answered=true; sv(S.PRAYERS,prayers);\n            addNotify('answered','<strong>'+esc(prayers[ai].name)+'<\/strong> marked prayer as answered!'); render(); return;\n        }\n        var db=e.target.closest('.pr-delete-btn');\n        if(db){\n            e.stopPropagation();\n            var did=db.getAttribute('data-did');\n            listEl.querySelectorAll('.pr-delete-confirm.pr-show').forEach(function(c){c.classList.remove('pr-show');});\n            var cf=listEl.querySelector('.pr-delete-confirm[data-cfm=\"'+did+'\"]');\n            if(cf){cf.classList.add('pr-show');openCid=did;} return;\n        }\n        var cb=e.target.closest('.pr-del-cancel');\n        if(cb){var ce=listEl.querySelector('.pr-delete-confirm[data-cfm=\"'+cb.getAttribute('data-cc')+'\"]');if(ce)ce.classList.remove('pr-show');openCid=null;return;}\n        var ob=e.target.closest('.pr-del-ok');\n        if(ob){\n            var oid=ob.getAttribute('data-ok'),oi=findP(oid); if(oi===-1) return;\n            var nm=prayers[oi].name,card=listEl.querySelector('[data-cid=\"'+oid+'\"]');\n            if(card)card.classList.add('pr-removing');\n            setTimeout(function(){\n                prayers=prayers.filter(function(p){return p.id!==oid;});\n                prayedIds=prayedIds.filter(function(x){return x!==oid;});\n                sv(S.PRAYERS,prayers);sv(S.PRAYED,prayedIds);\n                addNotify('delete','Prayer by <strong>'+esc(nm)+'<\/strong> was removed.'); render();\n            },650); return;\n        }\n    });\n\n    document.addEventListener('click',function(e){\n        if(openCid&&!e.target.closest('.pr-delete-btn')&&!e.target.closest('.pr-delete-confirm')){\n            listEl.querySelectorAll('.pr-delete-confirm.pr-show').forEach(function(c){c.classList.remove('pr-show');});openCid=null;\n        }\n    });\n\n    formEl.addEventListener('submit',function(e){\n        e.preventDefault();\n        var n=document.getElementById('prayerName').value.trim();\n        var c=document.getElementById('prayerCategory').value;\n        var ti=document.getElementById('prayerTitle').value.trim();\n        var b=document.getElementById('prayerBody').value.trim();\n        if(!n||!c||!ti||!b) return;\n        prayers.unshift({id:uid(),name:n,cat:c,title:ti,body:b,date:Date.now(),likes:0,answered:false});\n        sv(S.PRAYERS,prayers);\n        addNotify('new','<strong>'+esc(n)+'<\/strong> submitted: \"'+esc(ti)+'\"');\n        formEl.reset(); render();\n        listEl.scrollIntoView({behavior:'smooth',block:'start'});\n    });\n\n    tabsEl.addEventListener('click',function(e){\n        var tab=e.target.closest('.pr-filter-tab'); if(!tab) return;\n        tabsEl.querySelectorAll('.pr-filter-tab').forEach(function(t){t.classList.remove('active');});\n        tab.classList.add('active'); curFilt=tab.getAttribute('data-filter'); render();\n    });\n\n    nList.addEventListener('click',function(){newCount=0;nBadge.classList.add('pr-hidden');});\n    document.getElementById('notifyClear').addEventListener('click',function(){\n        notify=[];newCount=0;sv(S.NOTIFY,notify);\n        nList.innerHTML='<div class=\"pr-notify-empty\">No notifications yet<\/div>';\n        nBadge.classList.add('pr-hidden');\n        nCard.classList.remove('pr-has-scroll');\n    });\n\n    \/* Re-check scroll on window resize *\/\n    window.addEventListener('resize', checkScroll);\n\n    render();\n    renderNotifyFull();\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home chevron_right Prayer Requests PrayerRequests &#8220;Bear one another&#8217;s burdens, and so fulfill the law of Christ.&#8221; \u2014 Galatians 6:2 Submit [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Prayer - St. Michael the Archangel Mission Center","description":"Home chevron_right Prayer Requests Prayer Requests \"Bear one another's burdens, and so fulfill the law of Christ.\" \u2014 Galatians 6:2 Submit a Request Share Your P"},"footnotes":""},"class_list":["post-427","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/demo5.yinwoodweb.com\/malaya\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Home chevron_right Prayer Requests PrayerRequests &#8220;Bear one another&#8217;s burdens, and so fulfill the law of Christ.&#8221; \u2014 Galatians 6:2 Submit [&hellip;]","_links":{"self":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/comments?post=427"}],"version-history":[{"count":10,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/427\/revisions"}],"predecessor-version":[{"id":437,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/427\/revisions\/437"}],"wp:attachment":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/media?parent=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}