#version-button{min-height:36px;padding:8px 0 8px 8px;border-radius:4px}
#version-button:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.changelog-dialog{width:min(500px,calc(100% - 36px));max-height:min(640px,calc(100vh - 32px));max-height:min(640px,calc(100dvh - 32px));padding:0;overflow:hidden}
.changelog-dialog[open]{display:flex;flex-direction:column}
.changelog-dialog .dialog-heading{flex-shrink:0;gap:16px;margin:0;padding:18px 24px;border-bottom:1px solid var(--line)}
.changelog-dialog .dialog-heading .icon-button{flex-shrink:0}
.changelog-list{margin:0;padding:0 24px;list-style:none;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.changelog-list>li{padding:20px 0;border-bottom:1px solid var(--line)}
.changelog-list>li:last-child{border-bottom:0}
.changelog-list h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 10px;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}
.changelog-current{color:var(--green);font:500 11px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.changelog-list ul{padding-left:18px;list-style:disc;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.changelog-list ul li+li{margin-top:4px}
.changelog-list li::marker{color:var(--muted)}
@media(max-width:400px){.changelog-dialog .dialog-heading{padding:14px 18px}.changelog-list{padding:0 18px}}