.release-notes-dialog {
    position: fixed; inset: 0; margin: auto;
    width: min(660px, calc(100vw - 32px)); max-height: calc(100dvh - 48px);
    padding: 0; color: #dedede; background: #141414; border: 1px solid #333;
    border-radius: 18px; box-shadow: 0 28px 100px #0009; overflow: hidden;
    animation: release-notes-in 180ms ease-out;
}
.release-notes-dialog[open] { display: flex; flex-direction: column; }
.release-notes-dialog::backdrop { background: #000a; backdrop-filter: blur(5px); }
.release-notes-dialog header { padding: 28px 30px 22px; border-bottom: 1px solid #2b2b2b; }
.release-notes-brand { font-size: 11px; letter-spacing: .16em; color: #8b8b8b; font-weight: 700; }
.release-notes-dialog h2 { color: #fff; font-size: 28px; margin: 10px 0 8px; }
.release-notes-dialog header p { color: #aaa; margin: 0; line-height: 1.5; }
.release-notes-meta { display: flex; align-items: center; gap: 14px; margin-top: 18px; font-size: 12px; }
.release-notes-meta span { background: #292929; border: 1px solid #3a3a3a; border-radius: 7px; padding: 5px 9px; color: #fff; }
.release-notes-meta time { color: #929292; }
.release-notes-body { overflow-y: auto; padding: 4px 30px 20px; scrollbar-color: #505050 #141414; scrollbar-width: thin; }
.release-notes-body section { padding-top: 20px; }
.release-notes-body h3 { color: #f0f0f0; font-size: 15px; margin: 0 0 10px; }
.release-notes-body ul { padding-left: 18px; margin: 0; }
.release-notes-body li { padding-left: 3px; margin: 8px 0; font-size: 13px; line-height: 1.65; color: #b7b7b7; }
.release-notes-dialog footer { border-top: 1px solid #2b2b2b; padding: 18px 30px; display: flex; align-items: center; gap: 18px; justify-content: flex-end; }
.release-notes-error { color: #ee9696; font-size: 12px; margin: 0; }
.release-notes-dialog button { flex-shrink: 0; }
@keyframes release-notes-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .release-notes-dialog { animation: none; } }
@media (max-width: 480px) {
    .release-notes-dialog header, .release-notes-dialog footer { padding: 18px; }
    .release-notes-body { padding-left: 18px; padding-right: 18px; }
}