.era-2046 {
  background: radial-gradient(ellipse at center, #ffffff 40%, #ececec 100%);
  color: #000; font-family: Orbitron, "Space Grotesk", sans-serif;
}
.x46 { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 90px 20px 30px; text-align: center; }
.x46__in { width: min(760px, 100%); flex: 1; display: flex; flex-direction: column; justify-content: center; }
.x46__h { font-weight: 600; font-size: clamp(22px, 3.4vw, 36px); line-height: 1.25; margin: 0 0 18px; letter-spacing: .01em; animation: x46in 1.6s ease both; }
.x46__sub { font-weight: 400; font-size: clamp(16px, 2.2vw, 24px); color: #8a8a8a; margin: 0 0 30px; animation: x46in 1.6s .4s ease both; }
.x46__p { font-size: 14px; color: #666; line-height: 1.8; margin: 0 0 30px; letter-spacing: .03em; animation: x46in 1.6s .8s ease both; }
@keyframes x46in { from { opacity: 0; filter: blur(6px); letter-spacing: .2em; } }

.x46__sql { text-align: left; margin: 0 auto 30px; width: min(520px, 100%); padding: 18px 20px; border-radius: 14px; background: #fafafa; border: 1px solid #e6e6e6; box-shadow: 0 20px 60px -30px rgba(0, 0, 0, .25); animation: x46in 1.6s 1.2s ease both; }
.x46__label { margin: 0 0 10px; font-size: 9px; letter-spacing: .3em; color: #767676; }
.x46__sql pre { margin: 0 0 14px; font: 14px/1.7 "JetBrains Mono", monospace; color: #222; white-space: pre-wrap; }
.x46__sql .x46__kw { color: #7c3aed; font-weight: 600; }
.x46__sql .x46__str { color: #0e9f6e; }
.x46__run { font: 600 11px Orbitron, sans-serif; letter-spacing: .14em; text-transform: uppercase; background: #000; color: #fff; border: 0; border-radius: 99px; padding: 0 22px; min-height: 44px; transition: transform .2s, opacity .2s; }
.x46__run:hover { transform: translateY(-1px); }
.x46__run:disabled { opacity: .4; cursor: progress; }
.x46__res { margin: 12px 0 0; min-height: 1.4em; font: 12px "JetBrains Mono", monospace; color: #0e9f6e; }

.x46__err { font-size: 11px; letter-spacing: .25em; color: #767676; margin: 0; }
.x46__fine { font-family: "Space Grotesk", sans-serif; font-size: 11px; line-height: 1.6; color: #767676; max-width: 520px; margin: 30px 0 0; }

@media (max-width: 640px) { .x46 { padding: 30px 18px calc(96px + env(safe-area-inset-bottom)); } }