.notification-page{--notification-ink:#17152b;--notification-purple:#5a39d5;--notification-cyan:#18c8ee;width:100%;max-width:100%;min-height:100vh;overflow-x:clip;padding:2rem clamp(1rem,4vw,4rem) 8.5rem;background:radial-gradient(circle at 84% 8%,rgba(24,200,238,.12),transparent 28rem),linear-gradient(180deg,#f7f6fc 0%,#fff 40%);color:var(--notification-ink)}
.notification-page__shell{width:min(1180px,100%);min-width:0;margin:0 auto}
.notification-page__day{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.15rem}
.notification-page__day a{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .7rem;min-width:0;padding:1rem 1.15rem;border:1px solid #e4e0f0;border-radius:18px;background:rgba(255,255,255,.82);color:#6f6a82;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.notification-page__day a:hover{transform:translateY(-2px);border-color:#cfc5ee;box-shadow:0 14px 32px rgba(33,25,71,.08)}
.notification-page__day a.is-current{border-color:rgba(90,57,213,.45);background:#fff;box-shadow:0 16px 36px rgba(55,35,130,.12);color:var(--notification-ink)}
.notification-page__day a.is-current:after{content:"";position:absolute;right:1rem;bottom:0;left:1rem;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--notification-cyan),var(--notification-purple))}
.notification-page__day time{grid-row:1/3;align-self:stretch;display:grid;place-items:center;min-width:3.65rem;padding:.35rem .6rem;border-radius:12px;background:#f2effb;color:#5b40ca;font-weight:800;font-size:.78rem}
.notification-page__day span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.notification-page__day b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:inherit}
.notification-message{width:100%;min-width:0;overflow:hidden;border:1px solid #ddd7ed;border-radius:34px;background:#fff;box-shadow:0 30px 80px rgba(23,21,43,.12)}
.notification-message__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:390px;padding:clamp(2rem,6vw,5rem);overflow:hidden;background:radial-gradient(circle at 88% 20%,rgba(24,200,238,.27),transparent 20rem),linear-gradient(135deg,#17152b 0%,#211947 48%,#5533cc 100%);color:#fff}
.notification-message__hero:before{content:"";position:absolute;z-index:-1;inset:auto -8% -45% 42%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 55px rgba(255,255,255,.03),0 0 0 110px rgba(255,255,255,.025);transform:rotate(-12deg)}
.notification-message__hero-copy{position:relative;z-index:1;min-width:0;max-width:800px}
.notification-message__moment,.notification-section-label{margin:0 0 1rem;color:#7ce5fb;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.notification-message__moment{display:flex;align-items:center;gap:.65rem}
.notification-message__moment span{width:1.8rem;height:2px;background:var(--notification-cyan)}
.notification-message__hero h1{max-width:850px;margin:0;overflow-wrap:anywhere;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(3rem,7vw,6.7rem);font-weight:600;line-height:.92;letter-spacing:-.055em;text-wrap:balance}
.notification-message__hero-copy>p:last-child{max-width:710px;margin:1.6rem 0 0;overflow-wrap:anywhere;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7}
.notification-message__hero-mark{display:grid;place-items:center;width:clamp(86px,10vw,126px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:34px;background:rgba(255,255,255,.08);font-size:clamp(2rem,4vw,3.5rem);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.notification-message__content{width:100%;min-width:0;padding:clamp(1.25rem,4vw,3.75rem)}
.notification-verse-card{position:relative;margin:0;padding:clamp(1.5rem,3.5vw,3rem);overflow:hidden;border-radius:26px;background:linear-gradient(135deg,#f0ecff 0%,#f7f5ff 56%,#e9fbff 100%)}
.notification-verse-card:after{content:"“";position:absolute;right:1.2rem;top:-2.7rem;color:rgba(90,57,213,.08);font-family:Georgia,serif;font-size:14rem;line-height:1}
.notification-verse-card>p{position:relative;z-index:1;margin:0 0 1.1rem;color:#6547d4;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.notification-verse-card blockquote{position:relative;z-index:1;margin:0;max-width:940px;overflow-wrap:anywhere;color:#211947;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.55rem,3.1vw,2.7rem);font-weight:600;line-height:1.3}
.notification-verse-card footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(90,57,213,.14)}
.notification-verse-card footer b{font-size:.95rem}
.notification-verse-card footer a{display:inline-flex;align-items:center;gap:.5rem;color:#5838d1;font-weight:800;text-decoration:none}
.notification-message__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.notification-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.15rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #e5e0ef;border-radius:26px;background:#fff}
.notification-insight.is-accent{border-color:#d8cef7;background:linear-gradient(145deg,#f8f6ff,#fff)}
.notification-section-index{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:12px;background:#f0ebff;color:#6545da;font-weight:800;font-size:.76rem}
.notification-insight h2,.notification-boundary h2,.notification-next-step h2,.notification-actions h2{margin:0;color:#211e37;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.1}
.notification-insight p:last-child,.notification-boundary p:last-child{margin:.85rem 0 0;color:#625d74;font-size:1rem;line-height:1.75}
.notification-insight .notification-section-label,.notification-boundary .notification-section-label,.notification-next-step .notification-section-label,.notification-actions .notification-section-label{margin-bottom:.55rem;color:#6b4adb}
.notification-boundary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;margin-top:1rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:26px;background:#19172c;color:#fff}
.notification-boundary>span{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08);color:#79e7fb;font-size:1.25rem}
.notification-boundary h2{color:#fff}
.notification-boundary p:last-child{color:rgba(255,255,255,.7)}
.notification-next-step{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,4vw,4rem);margin-top:1rem;padding:clamp(1.5rem,3vw,2.75rem);border:1px solid #e5e0ef;border-radius:26px;background:#fff}
.notification-next-step ol{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.notification-next-step li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid #eeeaf5}
.notification-next-step li:last-child{border-bottom:0}
.notification-next-step li span{color:#6b4adb;font-size:.74rem;font-weight:800}
.notification-next-step li p{margin:0;color:#4d485e;line-height:1.6}
.notification-prayer{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:0;padding:1.25rem 1.4rem;border-radius:18px;background:#f2effb;color:#332a56;font-family:"Source Serif 4",Georgia,serif;font-size:1.15rem;line-height:1.65}
.notification-prayer i{color:#6545da;font-size:1.35rem}
.notification-prayer p{margin:0}
.notification-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1rem;padding:clamp(1.5rem,3.5vw,3rem);border-radius:26px;background:linear-gradient(135deg,#f3efff,#eefcff)}
.notification-actions__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}
.notification-actions .gpt-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}
.notification-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.1rem;border:1px solid #d9d1ef;border-radius:999px;background:#fff;color:#30274f;font:inherit;font-weight:800;cursor:pointer}
.notification-secondary:hover{border-color:#7458df;color:#5d3fd0}
.notification-secondary.is-kept i:before{content:"\f19c"}
.notification-actions__status{flex-basis:100%;margin:0;color:#5f5875;font-size:.8rem;text-align:right}
@media(max-width:780px){
  .notification-page{padding:1rem .75rem 7.5rem}
  .notification-page__day{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.1rem .05rem .45rem}
  .notification-page__day::-webkit-scrollbar{display:none}
  .notification-page__day a{flex:0 0 min(78vw,275px);scroll-snap-align:start}
  .notification-message{border-radius:26px}
  .notification-message__hero{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);min-height:360px;padding:2rem 1.4rem}
  .notification-message__hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}
  .notification-message__hero-mark{position:absolute;right:1.25rem;top:1.25rem;width:58px;border-radius:18px;font-size:1.4rem}
  .notification-message__moment{padding-right:4.5rem}
  .notification-message__content{padding:1rem}
  .notification-verse-card{border-radius:22px}
  .notification-verse-card footer{align-items:flex-start;flex-direction:column}
  .notification-message__grid{grid-template-columns:1fr}
  .notification-insight,.notification-boundary{grid-template-columns:1fr;border-radius:22px}
  .notification-next-step{grid-template-columns:1fr;border-radius:22px}
  .notification-actions{align-items:stretch;flex-direction:column;border-radius:22px}
  .notification-actions__buttons{display:grid;width:100%}
  .notification-actions__buttons>*{width:100%}
  .notification-actions__status{text-align:left}
}
@media(prefers-reduced-motion:reduce){.notification-page__day a{transition:none}}