/* Answer Prayers · Spring + Summer looks + holy-day banner: colours + UI (v31s). Linked from index.html after
   styles-month.css (so it never edits that file). Only [data-month="newlife|springgarden|summernights|sunlitshore"]
   blocks and the .ap-hday banner; the art + motion is themes/seasons/seasons-art.css, lazy-loaded by seasons.js. */
/* =====================================================================
   Spring + Summer looks (v31s) · New Life, Spring Garden (Mar–May) · Summer Nights, Sunlit Shore (Jun–Aug).
   Colours + UI here; the art + motion is themes/seasons/seasons-art.css, loaded by themes/seasons/seasons.js only
   while one of these looks is on. Answered pins stay the app's gold (#F3C34A, app.js); open pins = --acc2.
   ===================================================================== */
:root[data-month="newlife"]{
  color-scheme:light;
  --bg:#F4FAF6; --bg2:#E7F3EA; --ink:#22322A; --muted:#6C8275;
  --acc:#3C8A57; --acc2:#EC7AAA; --soft:#E3F2E6; --line:rgba(60,138,87,.24);
  --card:rgba(255,255,255,.8); --radius:18px; --gold:#D9A21E; --m-glow:0 0 20px rgba(236,122,170,.16);
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(236,122,170,.16); --hover:rgba(236,122,170,.3); --selected:rgba(60,138,87,.26); --border:rgba(60,138,87,.5);
  --atmo:#9ccff5;
  --f-head:'Fraunces',Georgia,serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'DM Mono',ui-monospace,monospace; --f-verse:'Cormorant Garamond',Georgia,serif;
  --pattern:none; --glow:radial-gradient(70% 45% at 50% 0%,rgba(205,232,255,.8),transparent 70%);
  --g-tint:#d9f0cf; --g-tint-amt:.24; --g-grid:#ffffff; --g-grid-amt:1.05; --g-lights:#f39cc0; --g-night:.6; --g-emissive:.17;
}
[data-month="newlife"] body{background:linear-gradient(180deg,#D7EBFF 0%,#EAF6FB 30%,#F3FAF0 62%,#FDF1F3 100%)}
[data-month="newlife"] .d-sun{background:radial-gradient(circle,rgba(255,236,190,.8) 0%,rgba(255,220,200,.45) 26%,rgba(236,240,255,.2) 42%,transparent 66%)}
[data-month="newlife"] .d-rays{background:repeating-conic-gradient(from 0deg,rgba(255,226,170,.17) 0deg 3deg,transparent 3deg 14deg)}

:root[data-month="springgarden"]{
  color-scheme:light;
  --bg:#FCF4F7; --bg2:#F5E9EF; --ink:#3A2A33; --muted:#88717D;
  --acc:#B8507A; --acc2:#8F7BE3; --soft:#F7E6EE; --line:rgba(184,80,122,.22);
  --card:rgba(255,255,255,.8); --radius:20px; --gold:#D9A21E; --m-glow:0 0 20px rgba(184,80,122,.14);
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(143,123,227,.16); --hover:rgba(184,80,122,.26); --selected:rgba(143,123,227,.28); --border:rgba(184,80,122,.45);
  --atmo:#f5b7cf;
  --f-head:'Fraunces',Georgia,serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'DM Mono',ui-monospace,monospace; --f-verse:'Cormorant Garamond',Georgia,serif;
  --pattern:none; --glow:radial-gradient(70% 45% at 50% 0%,rgba(255,226,238,.85),transparent 70%);
  --g-tint:#e6f1dc; --g-tint-amt:.22; --g-grid:#fff8fb; --g-grid-amt:1.05; --g-lights:#c9a4ff; --g-night:.6; --g-emissive:.17;
}
[data-month="springgarden"] body{background:linear-gradient(180deg,#FBE9F1 0%,#F8F0F6 34%,#F1F6EC 70%,#E7F2E1 100%)}
[data-month="springgarden"] .d-dawn{display:none!important}

:root[data-month="summernights"]{
  color-scheme:dark;
  --bg:#120C26; --bg2:#1E1438; --ink:#F7EEDF; --muted:#BBAEC8;
  --acc:#F4B860; --acc2:#D2F07A; --soft:rgba(244,184,96,.12); --line:rgba(244,184,96,.3);
  --card:rgba(26,17,48,.84); --radius:16px; --gold:#F3C34A; --m-glow:0 0 22px rgba(210,240,122,.14);
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(244,184,96,.18); --hover:rgba(210,240,122,.26); --selected:rgba(244,184,96,.32); --border:rgba(255,214,160,.5);
  --atmo:#ff9f70;
  --f-head:'Cormorant Garamond',Georgia,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;
  --g-tint:#ffd9b8; --g-tint-amt:.18; --g-grid:#2a1c48; --g-grid-amt:.75;
  --g-sea:#1a1140; --g-sea-amt:.8;
  --g-lights:#e6f78a; --g-lights-amt:1.7; --g-lights-glow:.85; --g-night:1; --g-night-c:#0b0720; --g-emissive:.03; --g-base:#efe3d6;
}
[data-month="summernights"] body{background:linear-gradient(180deg,#0D0922 0%,#1B1238 36%,#3A1E4E 60%,#7A3452 80%,#C8634A 93%,#EE9A52 100%)}
[data-month="summernights"] .d-dawn,[data-month="summernights"] .d-moon{display:none!important}

:root[data-month="sunlitshore"]{
  color-scheme:light;
  --bg:#F3FBFD; --bg2:#E2F3F7; --ink:#163442; --muted:#5B7A86;
  --acc:#0D7A8B; --acc2:#FF7558; --soft:#DDF2F5; --line:rgba(13,122,139,.24);
  --card:rgba(255,255,255,.8); --radius:18px; --gold:#D9A21E; --m-glow:0 0 20px rgba(255,117,88,.14);
  --ocean:#ffffff; --land:rgba(255,255,255,.02); --land-prayed:rgba(255,117,88,.15); --hover:rgba(255,117,88,.28); --selected:rgba(13,122,139,.26); --border:rgba(13,122,139,.5);
  --atmo:#7fd0ee;
  --f-head:'DM Serif Display',Georgia,serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'DM Mono',ui-monospace,monospace; --f-verse:'Cormorant Garamond',Georgia,serif;
  --pattern:none; --glow:radial-gradient(70% 45% at 70% 0%,rgba(255,240,200,.75),transparent 70%);
  --g-tint:#ffe9c4; --g-tint-amt:.26; --g-grid:#ffffff; --g-grid-amt:1.1; --g-lights:#ff9a6e; --g-night:.6; --g-emissive:.17;
}
[data-month="sunlitshore"] body{background:linear-gradient(180deg,#B9E3F6 0%,#D9F0F8 30%,#EEF8F6 55%,#FFF5DF 82%,#FCE7C4 100%)}
[data-month="sunlitshore"] .d-dawn{display:none!important}

/* shared UI for the four: verse line, surfaces, controls, pins (each look's colours come from the vars above) */
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .xm-line{display:block;margin:6px auto 0;max-width:760px;text-align:center;font-size:15px;font-style:italic;color:var(--acc);opacity:.95;position:relative;z-index:2;text-wrap:balance}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .xm-line cite{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}
@media (min-width:860px){:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .xm-line{font-size:18px}}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.jn-text,.votd-text,.verse,.scripture){font-family:var(--f-verse)}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.stats,.pin b,.ans-chip,#ansN,.count,.prayed-btn,.mono){font-variant-numeric:tabular-nums}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) .jn::before{background:radial-gradient(60% 70% at 50% 50%,rgba(255,255,255,.7),transparent 72%)}
[data-style][data-month="summernights"] .jn::before{background:radial-gradient(60% 70% at 50% 50%,rgba(13,9,34,.6),transparent 74%)}
[data-style][data-month="summernights"] .jn-text{color:#FBF3E4;text-shadow:0 0 18px rgba(255,200,130,.16)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .jn-ref{color:var(--acc)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) :is(.card,.panel){border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 34px -22px var(--acc)}
[data-style][data-month="summernights"] :is(.card,.panel){background:linear-gradient(180deg,rgba(30,20,56,.9),rgba(18,12,38,.94));border:1px solid var(--line);box-shadow:0 14px 34px -22px #000}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.card.accent,.panel)::before{background:linear-gradient(90deg,transparent,var(--acc),var(--acc2),var(--acc),transparent);box-shadow:none;height:1px}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) :is(.chip,.stats,.live,.icon-btn,.tip,.theme-btn){background:rgba(255,255,255,.82);border:1px solid var(--line);color:var(--ink);box-shadow:none}
[data-style][data-month="summernights"] :is(.chip,.stats,.live,.icon-btn,.tip,.theme-btn){background:rgba(26,17,48,.82);border:1px solid var(--line);color:var(--ink);box-shadow:none}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.chip,.icon-btn,.theme-btn,.btn,.card):hover{box-shadow:var(--m-glow)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .theme-btn{color:var(--acc)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .live-dot{background:var(--acc2);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc2) 25%,transparent),0 0 8px var(--acc2)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .btn{background:transparent;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);min-height:44px}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) :is(.btn.primary,.prayed-btn.on,.ans-form .btn.primary){background:var(--acc);color:#fff;border-color:transparent}
[data-style][data-month="summernights"] :is(.btn.primary,.prayed-btn.on,.ans-form .btn.primary){background:linear-gradient(135deg,#FFD58A,#F4B860);color:#1E1208;border-color:transparent}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .tag{background:var(--soft);color:var(--acc)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .pin i{background:radial-gradient(circle at 35% 35%,#fff,var(--acc2) 45%,color-mix(in srgb,var(--acc2) 70%,#000));box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 0 12px 3px color-mix(in srgb,var(--acc2) 45%,transparent)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .pin::before,[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .pin::after{border-color:var(--acc2)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) .pin b{background:var(--acc);color:#fff}
[data-style][data-month="summernights"] .pin b{background:linear-gradient(135deg,#F4B860,#E89A3E);color:#1E1208}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .panel-head h2{background:none;color:var(--ink);-webkit-background-clip:border-box;background-clip:border-box;font-family:var(--f-head)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="sunlitshore"]) :is(.compose textarea,.compose input:not([type=checkbox]),.ans-form textarea){background:#fff;color:var(--ink);border-color:var(--line)}
[data-style][data-month="summernights"] :is(.compose textarea,.compose input:not([type=checkbox]),.ans-form textarea){background:#150E2C;color:var(--ink);border-color:var(--line)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.compose textarea,.compose input,.ans-form textarea):focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .ans-toast{color:#1d1404;background:#F3C34A;border-color:transparent}
[data-style]:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) :is(.ap-moved,.ap-move-dlg,.ap-theme-menu){background:var(--bg);border:1px solid var(--line);color:var(--ink)}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .ap-theme-menu [aria-checked="true"]{color:var(--acc)}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .ap-tile-v{color:var(--acc)}
:is([data-month="newlife"],[data-month="springgarden"],[data-month="summernights"],[data-month="sunlitshore"]) .ap-tile-answered .ap-tile-v{color:var(--gold)}

/* ---------------------------------------------------------------- Holy-day banner (themes/seasons/seasons.js) · every look */
.ap-hday{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:fit-content;max-width:min(620px,calc(100vw - 24px));margin:8px auto 0;padding:7px 6px 7px 12px;
  border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);border-radius:14px;background:color-mix(in srgb,var(--card,var(--bg)) 92%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px -18px var(--acc);color:var(--ink);pointer-events:auto;text-align:start;animation:apHdIn .5s ease-out both}
.ap-hday[hidden]{display:none}
.ap-hday::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.8}
.ap-hday-ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc)}
.ap-hday-ic svg{width:18px;height:18px;display:block}
.ap-hday-tx{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0;line-height:1.3}
.ap-hday-g{font:600 15px/1.25 var(--f-head,Georgia,serif);color:var(--acc);letter-spacing:.01em}
.ap-hday-v{font:italic 500 14px/1.3 var(--f-verse,Georgia,serif);color:var(--ink);opacity:.92}
.ap-hday-r{font:500 9.5px/1.3 var(--f-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ap-hday-x{flex:none;position:relative;width:28px;height:28px;margin-inline-start:2px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:400 18px/1 var(--f-body,system-ui);cursor:pointer;display:grid;place-items:center}
.ap-hday-x::after{content:"";position:absolute;inset:-8px}  /* 44px hit area */
.ap-hday-x:hover,.ap-hday-x:focus-visible{color:var(--ink);background:color-mix(in srgb,var(--acc) 12%,transparent)}
.ap-hday-x:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
@keyframes apHdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Easter: a warm sunrise glow on the banner + behind the globe */
.ap-hday-easter{border-color:rgba(232,170,60,.55);background:linear-gradient(135deg,color-mix(in srgb,#FFF2CF 22%,var(--card,var(--bg))),color-mix(in srgb,var(--card,var(--bg)) 92%,transparent))}
.ap-hday-easter .ap-hday-ic{background:radial-gradient(circle at 50% 70%,rgba(255,214,120,.7),rgba(255,214,120,.12) 70%);color:#B9741A}
.ap-hday-easter .ap-hday-g{color:#C07A14}
:root[data-style="4"] .ap-hday-easter .ap-hday-g,:root[data-style="4"] .ap-hday-easter .ap-hday-ic{color:#FFD27A}
.ap-hglow{position:absolute;inset:0;display:none;background:radial-gradient(60% 46% at 50% 100%,rgba(255,206,120,.42),rgba(255,180,120,.14) 46%,transparent 72%),
  radial-gradient(circle at var(--gx) var(--gy),transparent calc(var(--gr) * .98),rgba(255,222,150,.28) calc(var(--gr) * 1.04),rgba(255,222,150,.08) calc(var(--gr) * 1.3),transparent calc(var(--gr) * 1.7))}
:root.ap-hday-on-easter .ap-hglow{display:block;animation:apHdGlow 7s ease-in-out infinite}
@keyframes apHdGlow{0%,100%{opacity:.75}50%{opacity:1}}
/* Good Friday: plain, quiet, no glow; the season art holds still */
.ap-hday-goodfriday{border-color:color-mix(in srgb,var(--muted) 45%,transparent);box-shadow:none;animation:none}
.ap-hday-goodfriday::before{background:linear-gradient(90deg,transparent,var(--muted),transparent);opacity:.5}
.ap-hday-goodfriday .ap-hday-ic{background:transparent;color:var(--muted)}
.ap-hday-goodfriday .ap-hday-g{color:var(--ink);font-weight:500}
:root.ap-hday-quiet :is(.ss-front,.d-month) *,:root.ap-hday-quiet :is(.ss-front,.d-month) *::before,:root.ap-hday-quiet :is(.ss-front,.d-month) *::after{animation-play-state:paused!important}
:root.ap-hday-quiet .ss-front{opacity:.5}
@media (max-width:859px){
  .ap-hday{margin-top:6px;padding:6px 4px 6px 10px;gap:8px;border-radius:12px}
  .ap-hday-ic{width:26px;height:26px}.ap-hday-ic svg{width:15px;height:15px}
  .ap-hday-g{font-size:14px}.ap-hday-v{font-size:13px}.ap-hday-r{font-size:9px}
}
@media (min-width:860px){.ap-hday-g{font-size:17px}.ap-hday-v{font-size:15.5px}}
body.panel-open .ap-hday{display:none}
@media (prefers-reduced-motion:reduce){.ap-hday{animation:none}:root.ap-hday-on-easter .ap-hglow{animation:none}}
/* Chi-Rho mark in front of every holy-day greeting */
.ap-hday-cr{display:inline-block;width:.95em;height:.95em;margin:0 .32em -.1em 0;opacity:.8;vertical-align:baseline}
.ap-hday-cr svg{display:block;width:100%;height:100%}
/* v31d: minimized holy-day banner = a small pill (icon + greeting + "+") that expands again; remembered for the day */
.ap-hday-x svg{width:16px;height:16px;display:block}
.ap-hday-pill{flex:none;position:relative;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 4px 0 2px;border:0;border-radius:999px;background:transparent;color:var(--acc);font:600 13px/1.2 var(--f-head,Georgia,serif);cursor:pointer;white-space:nowrap}
.ap-hday-pill::after{content:"";position:absolute;inset:-8px -6px}  /* 44px hit area */
.ap-hday-pill[hidden],.ap-hday-x[hidden],.ap-hday-tx[hidden]{display:none}
.ap-hday-pe{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--acc) 16%,transparent);font:600 14px/1 var(--f-body,system-ui)}
.ap-hday-pill:hover .ap-hday-pe,.ap-hday-pill:focus-visible .ap-hday-pe{background:color-mix(in srgb,var(--acc) 30%,transparent)}
.ap-hday-pill:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ap-hday.is-min{gap:6px;padding:3px 10px 3px 4px;border-radius:999px;box-shadow:none}
.ap-hday.is-min::before{display:none}
.ap-hday.is-min .ap-hday-ic{width:24px;height:24px}.ap-hday.is-min .ap-hday-ic svg{width:14px;height:14px}
.ap-hday-goodfriday .ap-hday-pill{color:var(--ink);font-weight:500}