#whatsNewModal .modal-content { background: #19242d; color: #edf3f8; border: 1px solid #51849a; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 65px #0008; }
#whatsNewModal .modal-dialog { max-width: 780px; }
#whatsNewModal .modal-header { border-bottom: 1px solid #ffffff18; }
#whatsNewModal .modal-header .bi { color: #f0c65a; }
#whatsNewModal .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
#whatsNewModal .modal-body { padding: 22px; max-height: 72svh; overflow-y: auto; }
#whatsNewModal .release-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: #b5c5d2; font-size: .8rem; }
#whatsNewModal .release-badge { border-radius: 20px; padding: 5px 10px; background: #58b9dd20; color: #8edcff; font-weight: 700; letter-spacing: .04em; }
#whatsNewModal .release-headline { font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 750; margin: 16px 0 10px; }
#whatsNewModal .release-summary { color: #c9d5df; line-height: 1.5; margin-bottom: 18px; }
#whatsNewModal .release-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#whatsNewModal .release-card { padding: 16px; border-radius: 10px; border: 1px solid #ffffff19; background: #ffffff05; }
#whatsNewModal .release-card > .bi { display: block; font-size: 1.5rem; color: #81d5f5; margin-bottom: 10px; }
#whatsNewModal h3 { font-size: .98rem; font-weight: 700; margin-bottom: 8px; }
#whatsNewModal .release-card p, #whatsNewModal .release-support p { font-size: .88rem; line-height: 1.5; margin: 0; color: #c9d5df; }
#whatsNewModal .release-support { display: flex; align-items: flex-start; gap: 14px; margin-top: 16px; border: 1px solid #f4838950; background: #e76b7310; border-radius: 10px; padding: 16px; }
#whatsNewModal .release-error-label { flex-shrink: 0; color: #ffacb1; border: 1px solid #ed7b82; border-radius: 6px; padding: 5px 8px; font-size: .78rem; font-weight: 700; }
#whatsNewModal .release-support .release-privacy { font-size: .78rem; color: #b5c5d2; margin-top: 8px; }
#whatsNewModal .release-tip { font-size: .8rem; color: #b5c5d2; margin: 14px 0 0; }
#whatsNewModal .modal-footer { border-top: 1px solid #ffffff18; }
@media (max-width: 600px) {
  #whatsNewModal .release-highlights { grid-template-columns: 1fr; }
  #whatsNewModal .release-card { display: flex; gap: 14px; padding: 12px; }
  #whatsNewModal .release-support { flex-direction: column; gap: 10px; }
  #whatsNewModal .modal-body { padding: 16px; }
}
#whatsNewOpenBtn.release-version-button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #659cc3; border-radius: 8px; background: #285575; color: #edf7ff; padding: 5px 12px; font: inherit; font-weight: 600; cursor: pointer; }
#whatsNewOpenBtn.release-version-button:hover, #whatsNewOpenBtn.release-version-button:focus-visible { color: #ffffff; border-color: #9bd5ff; background: #356d94; }
#whatsNewOpenBtn.release-version-button:focus-visible { outline: 2px solid #8edcff; outline-offset: 3px; }