.dex-shell .screen-scene{opacity:.22;min-height:100%;object-fit:cover}
.dex-shell .screen-canvas::after{inset:0;background:linear-gradient(#15173e18,#151535e8 85cqw,#10172df0)}
.dex-shell .screen-canvas{min-height:216cqw;padding-bottom:29cqw}
.dex-content{padding:28cqw 4cqw 5cqw;display:flex;flex-direction:column;gap:3.8cqw}
.dex-banner{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #b5a6ff8a;border-radius:5cqw;box-shadow:0 0 0 1cqw #11162a88,0 3cqw 8cqw #080d2566}
.dex-heading{text-align:center;margin:1cqw 0 0}
.dex-eyebrow{display:inline-flex;align-items:center;gap:1.5cqw;font-size:2.7cqw;font-weight:900;letter-spacing:.18em;color:#81e6ff;text-transform:uppercase;margin:0 0 2cqw}
.dex-eyebrow::before{content:'';width:1.7cqw;height:1.7cqw;background:#72dcff;border-radius:50%;box-shadow:0 0 2.5cqw #40ccff}
.dex-heading h1{font:700 7.6cqw/1.15 Fredoka,var(--font);color:#fff6dc;text-shadow:0 .7cqw #171035;margin:0;overflow-wrap:anywhere}
.dex-heading p:not(.dex-eyebrow){font-size:3.35cqw;line-height:1.55;color:#b9c8ee;margin:2.2cqw 0 0}
.dex-notice,.dex-conversion-card{padding:4cqw;border:1px solid #9386ef73;border-radius:4.6cqw;background:linear-gradient(145deg,#3b268bcc,#201a5eef);box-shadow:inset 0 .5cqw .8cqw #b697ff1a,0 1cqw 3cqw #070c243d;color:#e9e8ff}
.dex-notice>p{font-size:3.35cqw;line-height:1.55;margin:0;overflow-wrap:anywhere}
.dex-notice .dex-safe{margin-top:2.4cqw;padding-top:2.4cqw;border-top:1px solid #b8a8ed33;color:#aef2d1;font-size:3cqw}
.dex-actions{display:grid;gap:2.6cqw}
.dex-button{display:flex;align-items:center;justify-content:center;gap:2cqw;width:100%;min-height:12cqw;padding:2.5cqw 4cqw;border:1px solid #fff4b0;border-radius:3.8cqw;background:linear-gradient(#ffe96a,#ffc534);box-shadow:inset 0 .8cqw #fff1a080,0 1cqw #b76d1c,0 1.7cqw 3cqw #050b2a66;color:#171333;font:900 3.7cqw/1.35 var(--font);text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}
.dex-button.secondary{border-color:#9793e380;background:linear-gradient(#35336b,#252952);color:#d6e1ff;box-shadow:inset 0 .5cqw #b5b6ed10,0 .7cqw #101530}
.dex-button:focus-visible{outline:3px solid #78e8ff;outline-offset:4px}
.dex-button:disabled{cursor:default;filter:saturate(.25);opacity:.65}
.dex-note{font-size:2.85cqw;line-height:1.55;color:#adbbdf;margin:0;text-align:center;overflow-wrap:anywhere}
.dex-conversion-card h2{font-size:3.7cqw;line-height:1.4;color:#bdcafa;margin:0}
.dex-conversion-balance{display:block;font-size:7cqw;line-height:1.25;font-weight:1000;color:#fff9ef;margin:2cqw 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}
.dex-conversion-balance small{font-size:3.8cqw;color:#b0c9f8}
.dex-conversion-rate{display:flex;justify-content:space-between;gap:3cqw;font-size:3.3cqw;line-height:1.5;color:#bbc9ec;padding-top:3cqw;margin-top:3cqw;border-top:1px solid #b4a7f433}
.dex-conversion-rate b{color:#a9a3cc;text-align:end;font-size:3cqw}
.dex-pair{display:flex;align-items:center;justify-content:center;gap:4cqw;color:#bdb6ee;font-size:7cqw;margin:1cqw 0}
.dex-pair img{width:13cqw;height:13cqw;object-fit:contain;filter:drop-shadow(0 0 2cqw #ffcf4033)}
.dex-pair .token-ton{width:11cqw;height:11cqw;flex:none}
.dex-wallet-notice{margin:0 0 4cqw}
.dex-wallet-notice .dex-button{margin-top:3cqw;min-height:10cqw;font-size:3.3cqw}
.dex-shell .backend-note{display:none}
.dex-paused-dialog{width:min(90vw,450px);max-height:85dvh;padding:24px;border:2px solid #9181e4;border-radius:28px;background:linear-gradient(145deg,#39277b,#151a3c);color:#eef0ff;font-family:var(--font);box-shadow:0 12px 60px #04081b99;box-sizing:border-box;overflow:auto}
.dex-paused-dialog::backdrop{background:#080d28ad;backdrop-filter:blur(5px)}
.dex-paused-dialog h2{margin:0 32px 16px 0;font-size:25px;line-height:1.2;color:#ffe276}
.dex-paused-dialog p{font-size:16px;line-height:1.55;margin:12px 0;overflow-wrap:anywhere}
.dex-paused-dialog .dex-safe{color:#b4f3d2}
.dex-paused-dialog .dex-dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#d8d4ff;font-size:30px;cursor:pointer}
.dex-paused-dialog .dex-button{font-size:16px;min-height:48px;padding:10px 16px;border-radius:15px;box-shadow:none;margin-top:15px}
@media(prefers-reduced-motion:reduce){.dex-content *{animation:none!important;transition:none!important}}