.release-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:34px;border:1px solid #afdab731;border-radius:24px;background:radial-gradient(ellipse at 10% 0%,#29433180,transparent 65%),#141a17;color:#f0f6ef;box-shadow:0 32px 120px #0009;overflow:auto}
.release-dialog::backdrop{background:#050907a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.release-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#a3b5a7}
.release-close:hover{color:#fff;background:#ffffff09}.release-close svg{width:18px;height:18px}
.release-mark{width:58px;height:58px;margin:0 0 24px;display:grid;place-items:center;border:1px solid #bae9c431;background:#a9e0b50b;border-radius:18px;color:#c7efbf}.release-mark svg{width:27px;height:27px}
.release-kicker{margin:0 0 10px;color:#9bb09f;font-size:11px;letter-spacing:.12em}
.release-dialog h2{outline:none;margin:0;font-size:29px;letter-spacing:-.025em;line-height:1.4;font-weight:600}.release-dialog h2 span{display:block;color:#bdebab}
.release-description{margin:17px 0 30px;font-size:14px;line-height:1.8;color:#aab8ae}
.release-actions{display:flex;align-items:center;gap:10px}.release-actions button{min-height:46px;padding:12px 20px;border-radius:11px;font-size:13px;font-weight:500}
.release-open{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#bdebab;color:#182118;flex:1}.release-open:hover{background:#d1f5c3}.release-open svg{width:17px;height:17px}
.release-dismiss{color:#bac6bd;border:1px solid #ffffff17}.release-dismiss:hover{background:#ffffff07}
.release-dialog button:focus-visible{outline:2px solid #e0f4d9;outline-offset:4px}
@media(max-width:760px){
 .release-dialog{width:min(320px,calc(100vw - 40px));padding:22px 20px;border-radius:18px}
 .release-dialog[open]{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px}
 .release-close{top:8px;right:8px}
 .release-mark{width:32px;height:32px;margin:0 0 14px;border-radius:10px}.release-mark svg{width:18px;height:18px}
 .release-kicker{align-self:center;margin:0 32px 14px 0;font-size:10px;letter-spacing:.08em}
 .release-dialog h2{grid-column:1 / -1;font-size:22px;line-height:1.4}
 .release-description{grid-column:1 / -1;margin:10px 0 20px;font-size:12px;line-height:1.7}
 .release-actions{grid-column:1 / -1;gap:8px}.release-actions button{min-height:44px;padding:10px 13px;font-size:12px;border-radius:9px}.release-open{gap:12px}
}
@media(prefers-reduced-motion:no-preference){.release-dialog[open]{animation:release-appear .22s ease-out}@keyframes release-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}