.gpt-notifications{right:12px;top:12px;bottom:12px;width:min(500px,calc(100% - 24px));padding:0;border-radius:30px;background:#f8f7fc;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbc3e4 transparent}
.gpt-notifications__header{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0!important;padding:1.35rem 1.45rem 1.15rem;border-bottom:1px solid #e6e1ef;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.gpt-notifications__header small{color:#6d50d8!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.12em!important}
.gpt-notifications__header h2{margin:.2rem 0 0!important;font-family:"Source Serif 4",Georgia,serif;font-size:2.2rem!important;font-weight:650;line-height:1}
.gpt-notifications__header button{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important}
.gpt-notifications__timeline{position:relative;display:grid;gap:.7rem;padding:1.25rem 1.25rem 1.4rem}
.gpt-notifications__timeline:before{content:"";position:absolute;top:2rem;bottom:2rem;left:4.37rem;width:1px;background:linear-gradient(#b8eefa,#cfc4ef)}
.gpt-notification-message{position:relative;display:grid;grid-template-columns:3rem 2.75rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border:1px solid #e3ddec;border-radius:20px;background:#fff;color:#211e35;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gpt-notification-message:hover{transform:translateY(-2px);border-color:#cfc3ef;box-shadow:0 14px 34px rgba(34,24,70,.1)}
.gpt-notification-message time{color:#777087;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}
.gpt-notification-message__icon{position:relative;z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:14px;background:#eeeaff;color:#6345d9;font-size:1.05rem;box-shadow:0 0 0 6px #fff}
.gpt-notification-message.is-verse .gpt-notification-message__icon{background:#e7f9fc;color:#087f99}
.gpt-notification-message.is-prayer .gpt-notification-message__icon{background:#efeaf9;color:#46327c}
.gpt-notification-message__copy{display:grid;min-width:0;gap:.2rem}
.gpt-notification-message__copy small{color:#765ce0;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.gpt-notification-message__copy b{font-size:.9rem;line-height:1.3}
.gpt-notification-message__copy em{display:-webkit-box;overflow:hidden;color:#746e82;font-size:.72rem;font-style:normal;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gpt-notification-message>.bi-chevron-right{color:#aaa1ba;font-size:.72rem}
.gpt-notifications__settings{padding:1.4rem 1.25rem 1.75rem;border-top:1px solid #e5e0ee;background:#fff}
.gpt-notifications__settings>div>small{color:#6d50d8;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.gpt-notifications__settings h3{margin:.35rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.65rem;line-height:1.1}
.gpt-notifications__settings>div>p{margin:.55rem 0 0;color:#746e82;font-size:.78rem;line-height:1.55}
.notification-preferences{display:grid;gap:.6rem;margin:1rem 0}
.notification-preferences fieldset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;margin:0;padding:.9rem 1rem;border:1px solid #e3ddec;border-radius:17px;background:#faf9fd}
.notification-preferences legend{display:contents}
.notification-preferences legend span{min-width:0;font-size:.78rem;font-weight:800;line-height:1.3}
.notification-preferences legend small{grid-column:1;display:block;color:#7b748a;font-size:.64rem}
.notification-preferences label{display:grid;justify-items:center;gap:.3rem;color:#6b6577;font-size:.58rem;font-weight:700;cursor:pointer}
.notification-preferences input{position:relative;width:38px;height:22px;margin:0;appearance:none;border:1px solid #d7d0e6;border-radius:999px;background:#e9e6ef;cursor:pointer;transition:.2s ease}
.notification-preferences input:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(21,16,48,.22);transition:transform .2s ease}
.notification-preferences input:checked{border-color:#7458df;background:#7458df}
.notification-preferences input:checked:before{transform:translateX(16px)}
.notification-preferences input:focus-visible{outline:3px solid rgba(24,200,238,.35);outline-offset:2px}
.gpt-notifications__settings>.gpt-button{display:flex;width:100%;align-items:center;justify-content:center;gap:.55rem}
.gpt-notifications__settings>[data-notifications-status]{min-height:1.3em;margin:.75rem 0 0;color:#625b72;font-size:.7rem;line-height:1.45;text-align:center}
@media(max-width:540px){
  .gpt-notifications{inset:0!important;width:auto!important;height:100dvh!important;border-radius:0!important;padding-bottom:calc(5.9rem + env(safe-area-inset-bottom))}
  .gpt-notifications__header{padding:1.05rem 1rem .9rem}
  .gpt-notifications__header h2{font-size:1.9rem!important}
  .gpt-notifications__timeline{padding:1rem}
  .gpt-notifications__timeline:before{left:3.97rem}
  .gpt-notification-message{grid-template-columns:2.9rem 2.5rem minmax(0,1fr);gap:.6rem;padding:.85rem}
  .gpt-notification-message>.bi-chevron-right{display:none}
  .gpt-notification-message__icon{width:2.5rem;height:2.5rem;border-radius:13px}
  .gpt-notifications__settings{padding:1.2rem 1rem 1.5rem}
  .notification-preferences fieldset{grid-template-columns:minmax(0,1fr) auto auto;padding:.8rem}
}
@media(prefers-reduced-motion:reduce){.gpt-notification-message,.notification-preferences input,.notification-preferences input:before{transition:none}}