/* =====================================================================
   Answer Prayers · Style of the month. Chosen from the theme menu (Light / Dark / Style of the month).
   month.js sets <html data-month="<id>"> on top of its base look (data-style 1 or 4), so everything the
   base look styles still works; a month block only overrides. New month = new block + month.js id.
   ===================================================================== */

/* ---------------------------------------------------------------- 2026-10 · MINT (techy, built on Dark) */
:root[data-month="mint"]{
  color-scheme:dark;
  --bg:#05070A; --bg2:#0B1014; --ink:#E6F2EE; --muted:#7C8F89;
  --acc:#3EF0B0; --acc2:#8FF7D2; --soft:rgba(62,240,176,.10); --line:rgba(62,240,176,.35);
  --card:#0B1014; --radius:10px;
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(62,240,176,.16); --hover:rgba(62,240,176,.28); --selected:rgba(62,240,176,.32); --border:rgba(62,240,176,.55);
  --atmo:#2fd39a;
  --f-head:'Space Grotesk',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'DM Mono',ui-monospace,monospace;
  --f-verse:'Cormorant Garamond',Georgia,serif;
  --pattern:none; --glow:none;
  --mint:#3EF0B0; --gold:#E8C872; --m-glow:0 0 18px rgba(62,240,176,.12);
  --g-tint:#bfeedd; --g-tint-amt:.16; --g-grid:#123a2e; --g-grid-amt:.9;
  --g-sea:#06241c; --g-sea-amt:.8;
  --g-lights:#3EF0B0; --g-lights-amt:1.5; --g-lights-glow:.7; --g-night:1; --g-night-c:#030806; --g-emissive:.02; --g-base:#dfe9e5;
}
[data-month="mint"] body{background:#05070A}
/* faint 3-4% grid, strongest behind the header and fading out down the page */
[data-month="mint"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(rgba(62,240,176,.04) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(62,240,176,.04) 1px,transparent 1px) 0 0/32px 32px;
  -webkit-mask:linear-gradient(180deg,#000,transparent 55%);mask:linear-gradient(180deg,#000,transparent 55%)}
[data-month="mint"] .d-dawn,[data-month="mint"] .d-moon{display:none!important}
[data-month="mint"] .d-hud{display:block;opacity:.55;filter:hue-rotate(-60deg) saturate(.9)}

/* surfaces: flat near-black cards with a thin mint hairline */
[data-style][data-month="mint"] .card,[data-style][data-month="mint"] .panel{background:#0B1014;border:1px solid var(--line);box-shadow:none}
[data-style][data-month="mint"] .panel{background:rgba(8,12,15,.97)}
[data-style][data-month="mint"] .card.accent::before,[data-style][data-month="mint"] .panel::before{background:linear-gradient(90deg,transparent,rgba(62,240,176,.7),transparent);box-shadow:none;height:1px}
[data-style][data-month="mint"] :is(.chip,.stats,.live,.icon-btn,.tip,.theme-btn){background:rgba(11,16,20,.86);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
[data-style][data-month="mint"] :is(.chip,.icon-btn,.theme-btn,.btn,.prayed-btn,.card):hover{box-shadow:var(--m-glow)}
[data-style][data-month="mint"] .theme-btn{color:var(--mint)}
[data-style][data-month="mint"] .live-dot{background:var(--mint);box-shadow:0 0 0 2px rgba(62,240,176,.18),0 0 8px var(--mint)}
[data-style][data-month="mint"] .live{box-shadow:var(--m-glow)}

/* type: crisp sans, tabular mono numbers, small-caps labels, scripture stays serif */
[data-month="mint"] :is(.stats,.pin b,.ans-chip,#ansN,.count,.prayed-btn,.hud-txt,.mono){font-variant-numeric:tabular-nums}
[data-month="mint"] :is(.stats,.mono,.jn-ref,.votd-ref,.meta,.tag){letter-spacing:.08em}
[data-month="mint"] :is(.jn-text,.votd-text,.verse,.scripture){font-family:var(--f-verse)}
[data-style][data-month="mint"] .jn-text{color:#E6F2EE;text-shadow:none}
[data-style][data-month="mint"] .jn::before{background:radial-gradient(60% 70% at 50% 50%,rgba(5,7,10,.7),transparent 74%)}
[data-style][data-month="mint"] .jn-ref{color:var(--mint)}
[data-style][data-month="mint"] .panel-head h2{background:none;color:#E6F2EE;-webkit-background-clip:border-box;background-clip:border-box;font-family:var(--f-head);font-weight:600;letter-spacing:-.01em}

/* controls */
[data-style][data-month="mint"] .btn{background:transparent;color:var(--mint);border:1px solid rgba(62,240,176,.45);min-height:44px}
[data-style][data-month="mint"] :is(.btn.primary,.prayed-btn.on,.ans-form .btn.primary){background:var(--mint);color:#03130d;border-color:transparent;box-shadow:none}
[data-style][data-month="mint"] :is(.compose textarea,.compose input:not([type=checkbox]),.ans-form textarea){background:#070B0E;color:var(--ink);border-color:rgba(62,240,176,.3)}
[data-style][data-month="mint"] :is(.compose textarea,.compose input,.ans-form textarea):focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(62,240,176,.18)}
[data-month="mint"] ::placeholder{color:#5f706b}
[data-style][data-month="mint"] .tag{background:rgba(62,240,176,.08);color:var(--mint)}
[data-style][data-month="mint"] .tag.yours{background:rgba(62,240,176,.16);color:#b9f9e2}

/* pins: mint points of light */
[data-style][data-month="mint"] .pin i{background:radial-gradient(circle at 35% 35%,#fff,#8FF7D2 40%,#1fae7c);box-shadow:0 0 0 1.5px rgba(200,255,235,.8),0 0 12px 3px rgba(62,240,176,.45)}
[data-style][data-month="mint"] :is(.pin::before,.pin::after){border-color:var(--mint)}
[data-style][data-month="mint"] .pin b{background:#0B1014;color:var(--mint);border:1px solid rgba(62,240,176,.6)}
[data-style][data-month="mint"] .pin b u{border-left-color:rgba(62,240,176,.35);color:#b9f9e2}

/* answered stays soft gold: the one warm color */
[data-style][data-month="mint"] :is(.ans-chip,.ans-pill,.answered-badge,.ans-btn){color:var(--gold);background:rgba(232,200,114,.08);border-color:rgba(232,200,114,.5);box-shadow:none}
[data-style][data-month="mint"] :is(.ans-chip #ansN,.ans-star,.answered-badge .spk){color:var(--gold)}
[data-style][data-month="mint"] .prayer.is-answered{border-color:rgba(232,200,114,.55);box-shadow:none}
[data-style][data-month="mint"] .answer-note{background:rgba(232,200,114,.06);border-color:rgba(232,200,114,.3);color:#efe3c2}
[data-style][data-month="mint"] .answer-note b{color:var(--gold)}
[data-style][data-month="mint"] .ans-toast{color:#03130d;background:var(--mint);border-color:transparent;box-shadow:var(--m-glow)}
[data-style][data-month="mint"] .ap-toast-warn{color:#1d1503;background:var(--gold)}

/* moved banner + dialogs + theme menu */
[data-style][data-month="mint"] :is(.ap-moved,.ap-move-dlg,.ap-theme-menu){background:#0B1014;border:1px solid var(--line);color:var(--ink);box-shadow:none}
[data-month="mint"] .ap-theme-menu [aria-checked="true"]{color:var(--mint)}
@media (prefers-reduced-motion:reduce){[data-month="mint"] *{transition-duration:.01ms!important}}

/* =====================================================================
   Shared by every month look: Prayer Activity strip (activity.js), Christmas line, month deco layer
   ===================================================================== */
.ap-act,.xm-line{display:none}
[data-month] .ap-act{display:block;position:relative;z-index:3;max-width:760px;margin:8px auto 0;padding:0 10px;pointer-events:auto}
[data-month] .ap-act-h{margin:0 0 6px;text-align:center;font:600 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-month] .ap-act-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-month] .ap-tile{position:relative;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);
  display:flex;flex-direction:column;justify-content:center;gap:1px;text-align:start}
[data-month] .ap-tile[hidden]{display:none}
[data-month] .ap-tile-v{font:600 18px/1.1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--acc);letter-spacing:0}
[data-month] .ap-tile-l{font:500 10.5px/1.25 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-month] .ap-tile-answered .ap-tile-v{color:var(--gold,#E8C872)}
[data-month] .ap-tile-answered{border-color:rgba(232,200,114,.4)}
[data-month] .ap-pulse{position:absolute;top:9px;inset-inline-end:9px;width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 var(--acc);animation:apPulse 2.6s ease-out infinite}
@keyframes apPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
[data-month] .ap-tile-now{box-shadow:var(--m-glow,none)}
@media (max-width:859px){
  [data-month] .ap-act-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}  /* label kept for screen readers */
  [data-month] .ap-tile-now{display:none}  /* phones: the header's live chip already shows praying now */
  [data-month] .ap-tile{min-height:44px;padding:5px 9px}
  [data-month] .ap-tile-v{font-size:16px}
  [data-month] .ap-tile-l{font-size:9.5px}
}
@media (min-width:860px){
  /* desktop: a quiet column at the right edge, clear of the globe and the verse */
  [data-month] .ap-act{position:fixed;right:22px;top:50%;transform:translateY(-50%);width:200px;margin:0;padding:0}
  [data-month] .ap-act-grid{grid-template-columns:1fr}
  [data-month] .ap-act-h{text-align:start}
}
@media (prefers-reduced-motion:reduce){[data-month] .ap-pulse{animation:none}}
body.panel-open .ap-act{display:none!important}

/* ---------------------------------------------------------------- 2026-12 · CHRISTMAS (Star of Bethlehem, built on Dark) */
:root[data-month="christmas"]{
  color-scheme:dark;
  --bg:#070D24; --bg2:#0B1433; --ink:#F4EEDD; --muted:#AEB3C7;
  --acc:#F2C46B; --acc2:#FFE3A0; --soft:rgba(242,196,107,.12); --line:rgba(242,196,107,.30);
  --card:rgba(10,17,44,.86); --radius:16px;
  --pine:#4E9A76; --gold:#F2C46B; --f-verse:'Cormorant Garamond',Georgia,serif; --m-glow:0 0 22px rgba(255,214,140,.14);
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(242,196,107,.18); --hover:rgba(255,227,160,.3); --selected:rgba(242,196,107,.34); --border:rgba(255,222,160,.5);
  --atmo:#ffd68a;
  --f-head:'Cormorant Garamond',Georgia,serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'DM Mono',ui-monospace,monospace;
  --pattern:none; --glow:none;
  --g-tint:#f3e2bf; --g-tint-amt:.2; --g-grid:#1b2650; --g-grid-amt:.7;
  --g-sea:#0c1b4a; --g-sea-amt:.8;
  --g-lights:#ffd98a; --g-lights-amt:1.8; --g-lights-glow:.85; --g-night:1; --g-night-c:#050a1e; --g-emissive:.03; --g-base:#efe6d4;
}
[data-month="christmas"] body{background:radial-gradient(120% 80% at 70% 0%,#13204f 0%,#0a1233 40%,#070D24 70%,#05091a 100%)}
[data-month="christmas"] .d-dawn,[data-month="christmas"] .d-moon,[data-month="christmas"] .d-hud{display:none!important}
[data-month="christmas"] .d-month{display:block}
/* the star: up and to the right of the globe, its light falling on the world */
.dm-star,.dm-beam,.dm-snow{position:absolute;display:block}
.dm-star{left:min(calc(var(--gx) + var(--gr) * 1.1),calc(100vw - 44px));top:calc(var(--gy) - var(--gr) * .95);width:38px;height:38px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#fff 0 18%,#fff3cf 30%,#ffd27a 55%,transparent 72%);
  clip-path:polygon(50% 0,56% 40%,78% 22%,61% 45%,100% 50%,61% 55%,78% 78%,56% 60%,50% 100%,44% 60%,22% 78%,39% 55%,0 50%,39% 45%,22% 22%,44% 40%)}
.dm-star::after{content:""}
.dm-beam{left:min(calc(var(--gx) + var(--gr) * 1.1),calc(100vw - 44px));top:calc(var(--gy) - var(--gr) * .95);width:calc(var(--gr) * 5);height:calc(var(--gr) * 5);transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,244,214,.55) 0 1.2%,rgba(255,214,140,.22) 4%,rgba(255,200,110,.08) 14%,rgba(255,200,110,.03) 26%,transparent 40%),
             conic-gradient(from 200deg at 50% 50%,transparent 0 6deg,rgba(255,226,160,.07) 9deg,transparent 12deg 360deg)}
[data-month="christmas"] .dm-star{animation:dmTwinkle 6s ease-in-out infinite}
@keyframes dmTwinkle{0%,100%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.25)}}
/* gentle snow: CSS dots drifting down (one light layer on phones; none under reduced motion) */
.dm-snow{inset:-10% 0 0;
  background:radial-gradient(1.6px 1.6px at 20px 30px,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 90px 120px,rgba(255,255,255,.55),transparent),
    radial-gradient(1.8px 1.8px at 150px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1.1px 1.1px at 60px 170px,rgba(255,255,255,.5),transparent),
    radial-gradient(1.4px 1.4px at 180px 190px,rgba(255,255,255,.55),transparent);
  background-size:210px 210px;animation:dmSnow 26s linear infinite;opacity:.55}
.dm-snow2{background-size:330px 330px;animation-duration:40s;opacity:.35;filter:blur(.4px)}
@keyframes dmSnow{from{background-position:0 0}to{background-position:40px 420px}}
@media (max-width:859px){.dm-snow{opacity:.4;animation-duration:32s}.dm-snow2{display:none}}
@media (prefers-reduced-motion:reduce){.dm-snow{display:none}[data-month="christmas"] .dm-star{animation:none}}

/* text + surfaces */
[data-month="christmas"] .xm-line{display:block;margin:6px auto 0;max-width:760px;text-align:center;font-size:15px;font-style:italic;color:#FFE3A0;opacity:.92;position:relative;z-index:2}
[data-month="christmas"] .xm-line cite{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);margin-top:2px}
@media (min-width:860px){[data-month="christmas"] .xm-line{font-size:18px}}
[data-style][data-month="christmas"] .jn-text{color:#F8F2E2;text-shadow:0 0 18px rgba(255,210,130,.16)}
[data-style][data-month="christmas"] .jn-ref{color:var(--acc)}
[data-style][data-month="christmas"] .jn::before{background:radial-gradient(60% 70% at 50% 50%,rgba(7,13,36,.6),transparent 74%)}
[data-style][data-month="christmas"] .card,[data-style][data-month="christmas"] .panel{background:linear-gradient(180deg,rgba(13,22,56,.88),rgba(8,14,38,.92));border:1px solid var(--line);box-shadow:0 14px 34px -22px #000}
[data-style][data-month="christmas"] .card.accent::before,[data-style][data-month="christmas"] .panel::before{background:linear-gradient(90deg,transparent,var(--pine),#ffe3a0,var(--pine),transparent);box-shadow:0 0 10px rgba(255,214,140,.4);height:1px}
[data-style][data-month="christmas"] :is(.chip,.stats,.live,.icon-btn,.tip,.theme-btn){background:rgba(10,17,44,.8);border:1px solid var(--line);color:var(--ink);box-shadow:none}
[data-style][data-month="christmas"] :is(.chip,.icon-btn,.theme-btn,.btn,.card):hover{box-shadow:var(--m-glow)}
[data-style][data-month="christmas"] .theme-btn{color:var(--acc)}
[data-style][data-month="christmas"] .live-dot{background:var(--pine);box-shadow:0 0 0 2px rgba(78,154,118,.25),0 0 8px var(--pine)}
[data-style][data-month="christmas"] .btn{background:transparent;color:var(--acc);border:1px solid rgba(242,196,107,.42);min-height:44px}
[data-style][data-month="christmas"] :is(.btn.primary,.prayed-btn.on,.ans-form .btn.primary){background:linear-gradient(135deg,#ffe3a0,#f2c46b);color:#1d1404;border-color:transparent}
[data-style][data-month="christmas"] .tag{background:rgba(78,154,118,.14);color:#bfe3cf}
[data-style][data-month="christmas"] .pin i{background:radial-gradient(circle at 35% 35%,#fff,#ffe3a0 40%,#d49a2c);box-shadow:0 0 0 1.5px rgba(255,240,205,.85),0 0 14px 4px rgba(255,205,110,.5)}
[data-style][data-month="christmas"] .pin b{background:linear-gradient(135deg,#f2c46b,#e3a93f);color:#1d1404}
[data-month="christmas"] .ap-tile-v{color:#FFE3A0}
[data-month="christmas"] .ap-tile:nth-child(even){border-color:rgba(78,154,118,.42)}
[data-style][data-month="christmas"] :is(.ap-moved,.ap-move-dlg,.ap-theme-menu){background:#0B1433;border:1px solid var(--line);color:var(--ink)}
[data-month="christmas"] :is(.jn-text,.votd-text,.verse,.scripture){font-family:var(--f-verse)}
[data-month="christmas"] :is(.stats,.pin b,.ans-chip,#ansN,.count,.prayed-btn,.mono){font-variant-numeric:tabular-nums}
[data-style][data-month="christmas"] .panel-head h2{background:none;color:#F8F2E2;-webkit-background-clip:border-box;background-clip:border-box}
[data-style][data-month="christmas"] :is(.compose textarea,.compose input:not([type=checkbox]),.ans-form textarea){background:#081030;color:var(--ink);border-color:rgba(242,196,107,.3)}
[data-style][data-month="christmas"] :is(.compose textarea,.compose input,.ans-form textarea):focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(242,196,107,.18)}
[data-style][data-month="christmas"] .ans-toast{color:#1d1404;background:#FFE3A0;border-color:transparent}
[data-style][data-month="christmas"] .ap-toast-warn{color:#1d1503;background:var(--gold)}
[data-month="christmas"] .ap-theme-menu [aria-checked="true"]{color:var(--acc)}