.conversion-intro{text-align:center;margin:1cqw 0 0}
.conversion-kicker{display:inline-flex;align-items:center;gap:2cqw;color:#9be9ff;border:1px solid #6780d688;border-radius:99px;background:#101c4266;padding:1.2cqw 3cqw;font-size:2.7cqw;font-weight:900;letter-spacing:.08em}
.conversion-kicker span{color:#ffdc68}
.conversion-intro h1{font:700 8cqw/1.1 Fredoka,var(--font);color:#fff9ec;text-shadow:0 .6cqw #0f1233;margin:2.4cqw 0}
.conversion-intro p{font-size:3.25cqw;line-height:1.55;color:#b6c7ef;margin:0 auto;max-width:82cqw}
.ton-conversion{display:grid;gap:3.2cqw;min-width:0}
.ton-conversion [hidden]{display:none!important}
.conversion-available{display:flex;justify-content:space-between;align-items:center;gap:3cqw;padding:3cqw 3.8cqw;border:1px solid #6472b255;border-radius:3cqw;background:#141a3cb8;font-size:3cqw;color:#b4c4e7}
.conversion-available>span{max-width:45%}
.conversion-available strong{color:#fff4cd;font-size:3.8cqw;font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere}
.conversion-available small{font-size:2.7cqw;color:#b5caf0}
.conversion-available strong,.conversion-output strong,.conversion-success strong,.conversion-record-amounts>span,.conversion-record-amounts strong{direction:ltr;unicode-bidi:isolate}
.conversion-notice{font-size:3.15cqw;line-height:1.55;color:#c7c8ee;padding:3cqw 3.8cqw;border:1px solid #9c8bdb55;border-radius:3cqw;background:#29215e99;margin:0;overflow-wrap:anywhere}
.conversion-swap{position:relative;isolation:isolate;padding:5cqw 4cqw 4cqw;border:1px solid #ada0ffb8;border-radius:5.4cqw;background:radial-gradient(ellipse at 10% 0,#6952e766,transparent 65%),linear-gradient(145deg,#352980f5,#171d57fa);box-shadow:inset 0 .7cqw 1.2cqw #bfafff26,0 2cqw 5cqw #080e3555,0 0 6cqw #683cfe16}
.conversion-swap fieldset{border:0;padding:0;margin:0;min-width:0}
.conversion-swap legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.conversion-swap:has(fieldset:disabled){border-color:#8b81c080}
.conversion-swap fieldset:disabled input,.conversion-swap fieldset:disabled .conversion-max{opacity:.55;cursor:default}
.conversion-label{display:block;font-size:3.5cqw;font-weight:800;margin-bottom:2.3cqw;color:#dfe8ff}
.conversion-input-row{display:grid;grid-template-columns:10cqw minmax(0,1fr) auto;gap:2cqw;align-items:center;border-radius:3.4cqw;border:1px solid #7b75dbb3;background:linear-gradient(130deg,#141e55,#151538);padding:2cqw;box-shadow:inset 0 .6cqw 1.8cqw #080f3155}
.conversion-ton-icon{display:grid;place-items:center;width:10cqw;height:10cqw;border-radius:50%;background:linear-gradient(140deg,#00d4ff,#0875ee);border:1px solid #80e2ff88;color:#fff;box-shadow:0 .7cqw 2cqw #06205255}
.conversion-ton-icon svg{width:80%;height:80%}
.conversion-input-row input{min-width:0;width:100%;padding:1.5cqw 0;border:0;outline:none;background:transparent;color:#fffaf0;font:850 6.1cqw/1.2 var(--font);direction:ltr;text-align:start;font-variant-numeric:tabular-nums;border-radius:1cqw}
.conversion-input-row input::placeholder{color:#a1afd47a}
.conversion-input-row:focus-within{border-color:#89e7ff;box-shadow:0 0 0 .5cqw #48b5f62b}
.conversion-max{padding:2cqw 2.5cqw;border:1px solid #a39aee88;border-radius:2.5cqw;background:linear-gradient(#5750aa,#353276);color:#ebeeff;font:850 2.8cqw/1.2 var(--font);cursor:pointer;min-height:9cqw}
.conversion-max:focus-visible{outline:2px solid #8de3ff;outline-offset:3px}
.conversion-flow{display:flex;align-items:center;justify-content:center;gap:3cqw;margin:2.2cqw 0;color:#a2b5ef}
.conversion-flow::before,.conversion-flow::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#9d9ce066)}
.conversion-flow::after{transform:rotate(180deg)}
.conversion-flow span{display:grid;place-items:center;width:7cqw;height:7cqw;border:1px solid #8782db99;border-radius:50%;background:#2b276d;font-size:4.5cqw}
.conversion-output{display:flex;gap:2.5cqw;align-items:center;border:1px solid #7b75db80;border-radius:3.4cqw;padding:3cqw;background:linear-gradient(125deg,#161e5c,#1b194c)}
.conversion-output>img{width:12cqw;height:12cqw;object-fit:contain;filter:drop-shadow(0 0 3cqw #00bfff30)}
.conversion-output>div{min-width:0;flex:1}
.conversion-output>div>span{font-size:3.1cqw;color:#b9c9ef}
.conversion-output strong{display:block;font-size:6.1cqw;line-height:1.3;color:#f9f5ff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.conversion-output small{font-size:2.8cqw;color:#9dcaee;white-space:nowrap}
.conversion-fees{margin:3.5cqw 0 1.2cqw;font-size:3.2cqw;line-height:1.5}
.conversion-fees>div{display:flex;justify-content:space-between;gap:3cqw}
.conversion-fees dt{color:#b1bde2}
.conversion-fees dd{margin:0;color:#ffdf7c;font-weight:850;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.conversion-hint{color:#9daedb;font-size:2.8cqw;line-height:1.5;margin:0 0 4cqw}
.conversion-review{min-height:12cqw;font-size:3.9cqw}
.conversion-message{font-size:3.15cqw;line-height:1.5;color:#ffe2ac;margin:0;padding:3cqw;border:1px solid #ba895966;border-radius:3cqw;background:#38234399;overflow-wrap:anywhere}
.conversion-success{display:flex;align-items:flex-start;gap:3cqw;border:1px solid #4be7ac77;background:linear-gradient(130deg,#104c4cdd,#18264bdd);padding:4cqw;border-radius:4cqw;color:#9ff8d0}
.conversion-success-mark{display:grid;place-items:center;width:8cqw;height:8cqw;flex:none;border-radius:50%;background:#20b87b;color:#fff;font-size:5cqw;box-shadow:0 0 5cqw #1cc88b33}
.conversion-success h2{font-size:3.7cqw;line-height:1.35;margin:0 0 1cqw;color:#dcffef}
.conversion-success strong{font-size:4.5cqw;overflow-wrap:anywhere}
.conversion-success p{font-size:2.9cqw;line-height:1.5;color:#b9dfdd;margin:1.6cqw 0 0}
.conversion-history{min-width:0;padding:4cqw;border:1px solid #8484ca66;border-radius:4.8cqw;background:linear-gradient(140deg,#20234de8,#171e3bf5);box-shadow:inset 0 .4cqw #b5beff0c}
.conversion-history>header{display:flex;align-items:center;gap:2.4cqw;margin-bottom:3cqw}
.conversion-history h2{font:700 4.6cqw/1.2 Fredoka,var(--font);margin:0;color:#f3f1ff}
.conversion-history-icon{display:grid;place-items:center;border-radius:2cqw;background:#46419988;color:#bab6ff;width:8cqw;height:8cqw;flex:none;font-size:6cqw}
.conversion-empty{font-size:3.25cqw;line-height:1.5;text-align:center;color:#9eabd4;padding:6cqw 1cqw;margin:0}
.conversion-record{border:1px solid #7278b94d;border-radius:3cqw;background:#11193799;padding:3cqw;margin:2.2cqw 0;color:#bfcbeb;min-width:0}
.conversion-record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:3cqw}
.conversion-record-amounts{min-width:0}
.conversion-record-amounts>span{display:block;color:#aebde0;font-size:3cqw;overflow-wrap:anywhere}
.conversion-record-amounts strong{display:block;color:#87ebc2;font-size:4.4cqw;overflow-wrap:anywhere}
.conversion-record-badge{padding:1cqw 1.6cqw;background:#14504777;border:1px solid #308d7655;border-radius:99px;color:#90ecc6;font-size:2.45cqw;line-height:1.4;max-width:42%;overflow-wrap:anywhere}
.conversion-record time{display:block;color:#899bc9;font-size:2.6cqw;line-height:1.5;margin-top:1cqw}
.conversion-record details{font-size:2.8cqw;line-height:1.6;border-top:1px solid #7e83b933;margin-top:2.3cqw;padding-top:1.8cqw}
.conversion-record summary{cursor:pointer;color:#b9c9f5;padding:1cqw 0}
.conversion-record dl{margin:1cqw 0}
.conversion-record dl>div{display:flex;justify-content:space-between;gap:3cqw;padding:.7cqw 0}
.conversion-record dd{margin:0;text-align:end;color:#d3def7;overflow-wrap:anywhere;min-width:0;direction:ltr;unicode-bidi:isolate}
.conversion-record-id{display:block;max-width:100%;font:2.6cqw/1.6 var(--font);overflow-wrap:anywhere;user-select:text;direction:ltr;color:#9dacce;padding:1.4cqw 0}
.conversion-record-copy{border:1px solid #7988bd77;background:#2c3265;color:#cfdcff;border-radius:2cqw;padding:1.4cqw 2.2cqw;font:700 2.7cqw/1.5 var(--font);cursor:pointer}
.conversion-history>[data-conversion-more]{margin-top:3cqw;font-size:3cqw;min-height:10cqw}
.conversion-footnote{font-size:2.8cqw;line-height:1.5;color:#9daed1;text-align:center;margin:0 2cqw}
.conversion-dialog{width:min(92vw,470px);max-height:88dvh;overflow:auto;border:1px solid #a499f9;border-radius:28px;padding:24px;color:#f0f4ff;background:radial-gradient(ellipse at top left,#6152af77,transparent 70%),linear-gradient(140deg,#302575,#141b49);box-shadow:0 15px 70px #05091bcc;font-family:var(--font)}
.conversion-dialog::backdrop{background:#080d28bf;backdrop-filter:blur(5px)}
.conversion-dialog h2{font:700 28px/1.2 Fredoka,var(--font);margin:0 0 20px;color:#fff3d6;overflow-wrap:anywhere}
.conversion-dialog-result{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #a095df66;border-radius:18px;background:#111b4e88;margin-bottom:16px}
.conversion-dialog-result img{width:64px;height:64px;object-fit:contain}
.conversion-dialog-result strong{font-size:27px;line-height:1.25;overflow-wrap:anywhere;color:#ffdd67}
.conversion-dialog-result small{display:block;font-size:14px;color:#a3d6fb}
.conversion-dialog dl{font-size:14px;line-height:1.6;margin:16px 0}
.conversion-dialog dl>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #9b93c72b}
.conversion-dialog dt{color:#a9bce8;max-width:55%}
.conversion-dialog dd{margin:0;text-align:end;color:#edf3ff;overflow-wrap:anywhere;min-width:0;direction:ltr;unicode-bidi:isolate}
.conversion-dialog p{font-size:14px;line-height:1.55;color:#b9c5e9}
.conversion-dialog .conversion-countdown{color:#ffe69c;text-align:center;font-variant-numeric:tabular-nums}
.conversion-dialog .conversion-countdown.expired{color:#ffb6ab}
.conversion-dialog .dex-button{font-size:16px;min-height:50px;padding:12px;border-radius:16px;box-shadow:inset 0 3px #fff4ae44,0 4px #aa681d;margin-top:14px}
.conversion-dialog .dex-button.secondary{box-shadow:none}
.conversion-dialog .conversion-message{font-size:14px;padding:12px;border-radius:14px;margin:12px 0}
.conversion-dialog :focus-visible{outline:3px solid #83e5ff;outline-offset:3px}
@media(min-width:768px){.conversion-dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){.ton-conversion *,.conversion-dialog *{animation:none!important;transition:none!important}}