/* Prayer of the Day */
    .potd-section{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 50%,#fef3c7 100%);position:relative;overflow:hidden}
    .potd-section::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(251,191,36,0.2) 0%,transparent 70%);pointer-events:none}
    .potd-card{background:#fff;border-radius:24px;box-shadow:0 8px 40px rgba(0,0,0,0.08);overflow:hidden;max-width:900px;margin:0 auto}
    .potd-image{width:100%;height:280px;object-fit:cover;display:block}
    .potd-content{padding:28px 32px 32px}
    .potd-date-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
    .potd-date{display:flex;align-items:center;gap:12px}
    .potd-date .day{font-size:42px;font-weight:800;color:var(--brand-2);line-height:1}
    .potd-date .info{display:flex;flex-direction:column}
    .potd-date .day-name{font-weight:700;font-size:16px;color:var(--ink)}
    .potd-date .month-year{font-size:14px;color:var(--muted)}
    .potd-nav{display:flex;gap:8px}
    .potd-nav button{background:#f1f5f9;border:none;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:0.15s}
    .potd-nav button:hover{background:#e2e8f0}
    .potd-nav button:disabled{opacity:0.4;cursor:not-allowed}
    .potd-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 6px}
    .potd-addressee{font-size:14px;color:var(--brand-2);font-weight:600;margin-bottom:16px}
    .potd-text{font-size:17px;line-height:1.75;color:var(--ink);margin-bottom:20px}
    .potd-scripture{background:#f0f9ff;border-left:3px solid var(--brand-1);padding:14px 18px;border-radius:0 12px 12px 0;margin-bottom:24px}
    .potd-scripture .ref{font-weight:700;font-size:13px;color:var(--brand-1);margin-bottom:4px}
    .potd-scripture .text{font-style:italic;color:#0c4a6e;font-size:15px;line-height:1.5}
    .potd-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:20px;border-top:1px solid var(--border)}
    .potd-amen{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-weight:800;font-size:22px;cursor:pointer;transition:0.2s;box-shadow:0 4px 16px rgba(245,158,11,0.3)}
    .potd-amen:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(245,158,11,0.4)}
    .potd-amen.amen-burst{animation:amenBurstPotd 0.6s ease-out}
    .potd-reaction.react-burst{animation:amenBurstPotd 0.5s ease-out}
    @keyframes amenBurstPotd{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(0.9)}45%{transform:scale(1.12)}60%{transform:scale(0.98)}75%{transform:scale(1.05)}100%{transform:scale(1)}}
    .potd-amen .count{font-size:16px;font-weight:700}
    .potd-share{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#c026d3,#a855f7);color:#fff;border:none;padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;transition:0.2s;box-shadow:0 4px 16px rgba(192,38,211,0.3)}
    .potd-share:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(192,38,211,0.4)}
    .potd-share img{filter:brightness(0) invert(1)}
    .potd-reaction{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);padding:10px 14px;border-radius:999px;font-size:18px;cursor:pointer;transition:0.15s}
    .potd-reaction:hover{background:#f8fafc;transform:scale(1.05)}
    .potd-reaction .count{font-size:13px;color:var(--muted)}
    .potd-theme{position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);padding:6px 14px;border-radius:999px;font-weight:700;font-size:13px;color:var(--brand-2)}
    .potd-subscribe{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:16px;border:1px solid #bae6fd}
    .potd-subscribe-icon{font-size:28px;margin-bottom:8px}
    .potd-subscribe-text{margin-bottom:14px}
    .potd-subscribe-text strong{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}

    /* Song of the Day */
    .sotd-card{background:linear-gradient(135deg,#fdf4ff 0%,#fae8ff 50%,#f5d0fe 100%);border-radius:20px;padding:24px;margin-top:24px;border:1px solid #e879f9}
    .sotd-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
    .sotd-header .icon{font-size:32px}
    .sotd-header .label{background:linear-gradient(90deg,#c026d3,#a855f7);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700}
    .sotd-header .theme{color:#86198f;font-size:13px;margin-left:auto}
    .sotd-title{font-size:20px;font-weight:800;color:#701a75;margin:0 0 4px}
    .sotd-mood{font-size:13px;color:#a21caf;margin-bottom:16px}
    .sotd-player{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(192,38,211,0.15)}
    .sotd-cover{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#c026d3,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}
    .sotd-cover img{width:100%;height:100%;object-fit:cover;border-radius:12px}
    .sotd-info{flex:1;min-width:0}
    .sotd-progress{height:6px;background:#f3e8ff;border-radius:3px;margin-top:8px;overflow:hidden;cursor:pointer}
    .sotd-progress-bar{height:100%;background:linear-gradient(90deg,#c026d3,#a855f7);border-radius:3px;width:0%;transition:width 0.1s}
    .sotd-time{display:flex;justify-content:space-between;font-size:11px;color:#a21caf;margin-top:4px}
    .sotd-controls{display:flex;align-items:center;gap:12px}
    .sotd-play{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c026d3,#a855f7);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;box-shadow:0 4px 16px rgba(192,38,211,0.3)}
    .sotd-play svg{display:block}
    .sotd-play:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(192,38,211,0.4)}
    .sotd-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
    .sotd-like{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e879f9;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:0.2s;color:#a21caf}
    .sotd-like:hover{background:#fdf4ff;transform:scale(1.03)}
    .sotd-like.liked{background:linear-gradient(90deg,#f0abfc,#e879f9);color:#fff;border-color:transparent}
    .sotd-like.like-burst{animation:likeBurst 0.6s ease-out}
    @keyframes likeBurst{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(0.9)}45%{transform:scale(1.15)}60%{transform:scale(0.97)}75%{transform:scale(1.05)}100%{transform:scale(1)}}
    .like-particles{position:absolute;top:50%;left:50%;pointer-events:none}
    .like-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:likeParticleFly 0.7s ease-out forwards}
    @keyframes likeParticleFly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}
    .sotd-like .count{font-size:14px}
    .sotd-share{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #c026d3;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:0.2s;color:#a21caf}
    .sotd-share:hover{background:linear-gradient(90deg,#c026d3,#a855f7);color:#fff;transform:scale(1.03)}
    .sotd-share:hover img{filter:brightness(0) invert(1)}
    .sotd-download{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e879f9;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:0.2s;color:#a21caf;text-decoration:none}
    .sotd-download:hover{background:#fdf4ff;transform:scale(1.03)}
    .sotd-lyrics-toggle{background:none;border:none;color:#a21caf;font-size:13px;cursor:pointer;text-decoration:underline;margin-top:12px}
    .sotd-lyrics{display:none;margin-top:16px;padding:16px;background:#fff;border-radius:12px;font-size:14px;line-height:1.8;color:#581c87;white-space:pre-line;max-height:300px;overflow-y:auto}
    .sotd-lyrics.show{display:block}
    @media(max-width:600px){
      .sotd-player{flex-direction:column;text-align:center;gap:12px}
      .sotd-cover{width:100px;height:100px;margin:0 auto}
      .sotd-info{width:100%}
      .sotd-controls{justify-content:center;margin-top:8px}
      .sotd-play{width:64px;height:64px;font-size:28px}
      .sotd-actions{justify-content:center}
    }

    .potd-subscribe-text span{font-size:14px;color:var(--muted)}
    .potd-subscribe-form{display:flex;gap:10px;flex-wrap:wrap}
    .potd-subscribe-form input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px;outline:none;transition:0.15s}
    .potd-subscribe-form input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,0.15)}
    .potd-subscribe-form button{padding:12px 24px;background:linear-gradient(90deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:0.2s}
    .potd-subscribe-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,0.3)}
    .potd-subscribe-form button:disabled{opacity:0.6;cursor:not-allowed;transform:none}
    .potd-subscribe-success{padding:12px 16px;background:#dcfce7;border-radius:12px;color:#166534;font-weight:600;font-size:14px}
    @media(max-width:680px){.potd-image{height:200px}.potd-content{padding:20px}.potd-date .day{font-size:32px}.potd-title{font-size:18px}.potd-text{font-size:15px}.potd-subscribe-form{flex-direction:column}.potd-subscribe-form input{min-width:auto}}