#whatsNewBadge { display: inline-block; margin-left: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--pine); vertical-align: middle; }
#whatsNewBadge[hidden] { display: none; }
.whats-new-screen { position: fixed; inset: 0; z-index: 30000; height: 100dvh; background: #fff; color: #17181a; overflow: hidden; animation: release-in .2s ease-out; }
.whats-new-shell { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; max-width: 820px; margin: auto; padding-top: env(safe-area-inset-top, 0px); }
.whats-new-header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 22px 20px; border-bottom: 1px solid #e8e9eb; }
.whats-new-brand { margin: 0 0 8px; color: #0e6b5b; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.whats-new-header h1 { margin: 0; font-size: clamp(26px, 4vw, 36px); line-height: 1.15; letter-spacing: -.03em; }
.whats-new-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #e1e4e6; border-radius: 50%; background: #f4f4f6; color: #50565b; font: inherit; font-size: 26px; cursor: pointer; box-shadow: none; }
.whats-new-content { flex: 1 1 auto; min-height: 0; padding: 24px 22px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.whats-new-date { margin: 0 0 10px; color: #707579; font-size: 12px; }
.whats-new-release + .whats-new-release { margin-top: 28px; }
.whats-new-release h2 { margin: 0 0 22px; font-size: 21px; line-height: 1.3; }
.whats-new-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.whats-new-item { display: flex; align-items: flex-start; gap: 14px; }
.whats-new-number { flex: 0 0 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #0e6b5b; background: #e4f0ec; font-size: 12px; font-weight: 700; }
.whats-new-item h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.35; }
.whats-new-item p { margin: 0; color: #646b71; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.whats-new-footer { flex: 0 0 auto; padding: 14px 22px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #e8e9eb; }
.whats-new-done { width: 100%; min-height: 48px; padding: 12px; border: 0; border-radius: 14px; background: #0e6b5b; color: #fff; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: none; }
.whats-new-screen button:focus-visible { outline: 2px solid #2e7cf6; outline-offset: 3px; }
@media (min-width: 900px) { .whats-new-header { padding-top: 36px; } .whats-new-content { padding-top: 32px; } .whats-new-item p { font-size: 16px; } }
@media (hover: hover) { .whats-new-done:hover { background: #095346; } .whats-new-close:hover { background: #e8eaed; } }
@keyframes release-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .whats-new-screen { animation: none; } }