.sx-entry-popup { position: fixed; inset: 0; margin: auto; height: fit-content; box-sizing: border-box; width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 36px 28px 22px; border: 1px solid #a5b4ff38; border-radius: 24px; color: #f4f6fc; background: radial-gradient(ellipse at 50% 0%, #627aff26, transparent 62%), #11151e; box-shadow: 0 32px 110px #0009, inset 0 1px #ffffff08; overflow-y: auto; font-family: inherit; }
.sx-entry-popup[open] { animation: sx-popup-enter .3s cubic-bezier(.16,1,.3,1) both; }
.sx-entry-popup::backdrop { background: #03050caa; backdrop-filter: blur(7px); animation: sx-popup-backdrop .3s ease both; }
.sx-entry-popup.is-leaving { animation: sx-popup-exit .18s ease-in both; }
.sx-entry-popup.is-leaving::backdrop { animation: sx-popup-backdrop .18s ease reverse both; }
.sx-entry-popup-close { position: absolute; top: 12px; inset-inline-end: 12px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #ffffff12; border-radius: 50%; background: #ffffff04; color: #a4adbf; cursor: pointer; font: inherit; font-size: 25px; line-height: 1; }
.sx-entry-popup-close:hover { color: #fff; background: #ffffff0d; }
.sx-entry-popup-content { display: flex; flex-direction: column; align-items: center; text-align: center; }
.sx-entry-popup-icon { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid #a5b4ff38; border-radius: 19px; color: #b4c0ff; background: linear-gradient(145deg, #8c9dff22, #8c9dff05); box-shadow: 0 0 50px #617aff12, inset 0 1px #ffffff0a; }
.sx-entry-popup-icon svg { width: 28px; height: 28px; }
.sx-entry-popup-kicker { margin-top: 16px; color: #8e9bbf; font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.sx-entry-popup h2 { color: #f4f6fc; margin: 10px 0 12px; font-size: 23px; font-weight: 750; line-height: 1.65; overflow-wrap: anywhere; }
.sx-entry-popup-body { margin: 0; color: #adb5c6; font-size: 14px; line-height: 2; white-space: pre-wrap; overflow-wrap: anywhere; }
.sx-entry-popup-actions { display: grid; gap: 8px; margin-top: 26px; }
.sx-entry-popup-action, .sx-entry-popup-dismiss { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 16px; border-radius: 11px; font: inherit; font-size: 13px; text-decoration: none; cursor: pointer; }
.sx-entry-popup-action { border: 1px solid #95a7ff66; background: linear-gradient(135deg, #758bfa, #6573d8); box-shadow: 0 5px 18px #6573d825; color: #080c1d; font-weight: 750; overflow-wrap: anywhere; }
.sx-entry-popup-action:hover { filter: brightness(1.08); }
.sx-entry-popup-dismiss { border: 0; background: transparent; color: #8e98ad; }
.sx-entry-popup-dismiss:hover { background: #ffffff05; color: #dce1ed; }
.sx-entry-popup :is(button,a):focus-visible { outline: 2px solid #bbC7ff; outline-offset: 3px; }
@keyframes sx-popup-enter { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes sx-popup-exit { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(8px) scale(.98); } }
@keyframes sx-popup-backdrop { from { opacity: 0; } to { opacity: 1; } }
@media(max-width:480px) { .sx-entry-popup { padding: 32px 20px 18px; border-radius: 20px; } .sx-entry-popup h2 { font-size: 21px; } }
@media(prefers-reduced-motion:reduce) { .sx-entry-popup[open], .sx-entry-popup.is-leaving, .sx-entry-popup::backdrop, .sx-entry-popup.is-leaving::backdrop { animation: none; } }