.dex-window{position:relative;border:2px solid var(--mint);border-radius:18px;overflow:hidden;background:#0b0f0e;box-shadow:0 0 0 1px #99ffd51f,0 30px 90px -40px #99ffd566}.dex-bar{display:flex;align-items:center;gap:14px;min-height:46px;padding:0 16px;background:var(--mint);color:#07110e}.dex-dots{display:flex;gap:7px;flex:none}.dex-dots i{width:11px;height:11px;border-radius:50%;background:#07110e}.dex-dots i:nth-child(2){background:#07110e99}.dex-dots i:nth-child(3){background:#07110e4d}.dex-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 13px var(--mono);letter-spacing:.5px}.dex-open{flex:none;font:600 12px var(--mono);letter-spacing:1px;padding:8px 12px;border:1px solid #07110e59;border-radius:8px;color:#07110e;transition:background .2s}.dex-open:hover,.dex-open:focus-visible{background:#07110e14}.dex-frame{position:relative;height:clamp(620px,80vh,820px)}.dex-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .4s}.dex-window[data-pronto] iframe{opacity:1}.dex-wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;font:500 13px var(--mono);letter-spacing:1px;color:var(--muted)}.dex-window[data-pronto] .dex-wait{display:none}.dex-note{margin:18px 0 0;font:500 13px/1.6 var(--mono);color:var(--muted)}.dex-note a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.dex-window{border-radius:14px}.dex-bar{min-height:42px;padding:0 12px;gap:10px}.dex-dots{display:none}.dex-title{font-size:12px}.dex-open{padding:6px 10px;font-size:11px}.dex-frame{height:min(860px,calc(100svh - 120px))}}
