.token-trade-panel,.trade-dialog{--trade-bg:#10181c;--trade-field:#192329;--trade-text:#eff7f5;--trade-muted:#91a7aa;--trade-line:#8aafb324;--trade-accent:#43d4b1;--trade-soft:#25c7a313;--trade-negative:#f1828c;color:var(--trade-text)}
.project-layout{grid-template-columns:minmax(0,1fr) 430px;gap:44px}
.token-trade-panel{position:sticky;top:112px;border:1px solid var(--trade-line);border-radius:24px;background:var(--trade-bg);overflow:hidden;box-shadow:0 22px 65px #0002;min-width:0}
.token-trade-panel>.token-market-header{padding:21px 24px;gap:11px}.token-trade-panel .token-market-name>span{max-width:190px}.token-trade-panel .token-market-header .token-change{font-size:12px}
.trade-section-tabs{gap:0}.trade-main-tabs[data-slot=tabs-list]{width:100%;padding:0;height:55px;background:none;border-radius:0;border-bottom:1px solid var(--trade-line);gap:0}
.trade-main-tabs [data-slot=tabs-trigger]{height:100%;border-radius:0;font-size:14px;background:transparent;color:var(--trade-muted);gap:8px;border:0;box-shadow:none}
.trade-main-tabs [data-slot=tabs-trigger][data-active]{color:var(--trade-text);background:#ffffff03;box-shadow:inset 0 -2px var(--trade-accent)}
.trade-body{padding:22px;margin:0}.trade-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.trade-side-tabs[data-slot=tabs-list]{height:40px;padding:4px;background:var(--trade-field);border:1px solid var(--trade-line);border-radius:10px;gap:4px}
.trade-side-tabs [data-slot=tabs-trigger]{min-width:63px;height:30px;font-size:14px;color:var(--trade-muted);border:0;border-radius:7px}
.trade-side-tabs [data-slot=tabs-trigger][data-active]{background:#214b40;color:#9cf1d4;box-shadow:none}.trade-sell .trade-side-tabs [data-slot=tabs-trigger][data-active]{background:#4c2d36;color:#ffc0c7}
.trade-wallet-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--trade-muted)}.trade-wallet-link:hover{color:var(--trade-accent)}
.trade-balance{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:12px;color:var(--trade-muted);padding:0 1px 14px;line-height:1.8}.trade-balance>span,.trade-balance>div{display:flex;align-items:center;gap:6px}.trade-balance b{font-weight:500;color:var(--trade-text)}.trade-balance small{font-size:11px}
.trade-icon-button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;background:none;color:var(--trade-muted)}
.trade-text-button{background:none;border:0;color:var(--trade-accent);padding:0}.trade-data-error{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1.8;color:var(--trade-negative);margin:0 0 13px}.trade-data-error button{display:flex;align-items:center;gap:5px;background:none;border:0;color:var(--trade-text)}
.trade-conversion{border:1px solid var(--trade-line);background:var(--trade-field);border-radius:18px;overflow:hidden}
.trade-amount-block{padding:19px 17px 17px}.trade-field-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--trade-muted);min-height:23px}.trade-field-label>small{font-size:11px;opacity:.8}
.trade-max{border:0;background:none;padding:1px 0;color:var(--trade-accent);font-size:12px}.trade-max:disabled{opacity:.35;cursor:default}
.trade-input-row{display:flex;align-items:center;gap:12px;min-height:65px;direction:ltr}.trade-input-row>input{min-width:0;width:100%;flex:1;border:0;background:transparent;outline:none;color:var(--trade-text);font-size:27px;font-weight:500;padding:13px 0;text-align:start;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.trade-input-row>input:focus{box-shadow:0 2px 0 var(--trade-accent)}.trade-input-row>input::placeholder{color:var(--trade-muted);opacity:.7}.trade-input-row>input[aria-invalid=true]{box-shadow:0 2px 0 var(--trade-negative)}
.trade-currency{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 9px;background:#080e132c;border:1px solid var(--trade-line);border-radius:30px;color:var(--trade-text);direction:ltr}.trade-currency>b{font-size:16px;font-weight:500;font-family:Arial,sans-serif}.trade-currency .token-icon{width:28px;height:28px;flex-basis:28px}.trade-currency .token-icon svg{width:18px;height:18px}.trade-token-button:hover{border-color:var(--trade-accent);background:var(--trade-soft)}
.trade-toman-icon{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#2566e3;color:white;font-size:19px;font-weight:600}
.trade-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}.trade-presets button{background:#ffffff03;border:1px solid var(--trade-line);border-radius:20px;color:var(--trade-muted);padding:6px 2px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.trade-presets button:hover:enabled{color:var(--trade-accent);border-color:#43d4b166}.trade-presets button:disabled{opacity:.35;cursor:default}
.trade-swap-line{position:relative;height:1px;background:var(--trade-line);margin:10px 17px}.trade-swap-line>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37px;height:37px;display:grid;place-items:center;border:4px solid var(--trade-field);border-radius:50%;background:var(--trade-bg);color:var(--trade-text);transition:color .2s,background .2s}.trade-swap-line>button:hover{color:var(--trade-accent)}
.trade-receive{padding-top:23px}.trade-receive-value{flex:1;min-width:0;font-size:29px;font-weight:500;color:var(--trade-text);overflow-wrap:anywhere;letter-spacing:-.6px;line-height:1.5}.trade-unit-note{font-size:11px;line-height:1.8;color:var(--trade-muted);display:block;margin-top:2px}
.trade-price-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.8;margin:17px 1px;color:var(--trade-muted)}.trade-price-line>strong{font-size:14px;font-weight:400;color:var(--trade-text)}.trade-price-line small{font-size:11px;color:var(--trade-muted)}
.trade-rounding{font-size:11px;color:var(--trade-muted);margin:-8px 0 14px}.trade-error,.trade-balance-warning{font-size:12px;line-height:1.9;margin:10px 0 14px;color:var(--trade-negative)}.trade-balance-warning{color:var(--trade-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.trade-balance-warning>a{display:flex;align-items:center;gap:4px;color:var(--trade-accent);white-space:nowrap}
.trade-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:53px;padding:13px 17px;background:linear-gradient(105deg,#139e84,#218dac);border:1px solid #7affd41c;color:#fff;border-radius:13px;font-size:15px;font-weight:500;transition:filter .2s,transform .2s}.trade-submit:hover:enabled{filter:brightness(1.12);transform:translateY(-1px)}.trade-sell .trade-submit{background:linear-gradient(105deg,#ba536d,#a13b56)}.trade-submit:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.trade-submit>span{font-family:Arial,sans-serif;font-size:14px}
.trade-note{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.9;color:var(--trade-muted);margin:13px 0}.trade-note svg{flex-shrink:0;margin-top:3px}
.trade-bottom-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--trade-line);padding-top:17px;margin-top:18px}.trade-bottom-links>a,.trade-bottom-links>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--trade-line);border-radius:10px;background:none;color:var(--trade-text);font-size:12px}.trade-bottom-links>a:hover,.trade-bottom-links>button:hover{border-color:#43d4b160;color:var(--trade-accent)}
.trade-other-markets{padding:20px;margin:0}.trade-market-search{display:flex;align-items:center;gap:10px;border:1px solid var(--trade-line);border-radius:10px;background:var(--trade-field);padding:0 12px;color:var(--trade-muted)}.trade-market-search:focus-within{border-color:var(--trade-accent)}.trade-market-search>input{border:0;outline:0;background:none;width:100%;min-width:0;padding:12px 0;font-size:13px;color:var(--trade-text)}.trade-market-search>input::placeholder{color:var(--trade-muted)}
.trade-market-options{max-height:440px;overflow-y:auto;overscroll-behavior:contain;margin:12px 0}.trade-market-option{display:flex;align-items:center;gap:9px;min-height:80px;padding:13px 2px;border-bottom:1px solid var(--trade-line);color:var(--trade-text)}.trade-market-option:hover,.trade-market-option[aria-current=page]{background:var(--trade-soft)}.trade-market-option .token-icon{width:35px;height:35px;flex-basis:35px}.trade-market-identity{min-width:0;flex:1}.trade-market-identity>strong{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:500;justify-content:flex-end}.trade-market-identity>strong svg{color:var(--trade-accent)}.trade-market-identity>small{display:block;font-size:11px;line-height:1.8;color:var(--trade-muted);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.trade-market-quote{display:flex;align-items:flex-end;flex-direction:column;gap:5px;flex-shrink:0}.trade-market-quote>strong{font-size:12px;font-weight:400}.trade-market-quote>strong>small{font-size:10px;color:var(--trade-muted)}.trade-market-quote .token-change{font-size:12px}.trade-market-quote .token-change>small{font-size:9px}.trade-market-quote .change-up{color:#58d7ac}.trade-market-quote .change-down{color:#f48387}
.trade-all-markets{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border:1px solid var(--trade-line);border-radius:11px;font-size:13px;color:var(--trade-accent)}.trade-empty{font-size:14px;text-align:center;color:var(--trade-muted);padding:40px 10px}
.trade-dialog[data-slot=dialog-content]{background:var(--trade-bg);color:var(--trade-text);border:1px solid var(--trade-line);width:calc(100% - 32px);max-width:470px;padding:27px;gap:13px;border-radius:22px;max-height:calc(100svh - 48px);overflow-y:auto;z-index:90}.trade-dialog [data-slot=dialog-title]{font-size:23px;line-height:1.7;padding-inline-end:28px}.trade-dialog [data-slot=dialog-description]{font-size:13px;color:var(--trade-muted);line-height:1.9}.trade-dialog [data-slot=dialog-close]{color:var(--trade-muted)}.trade-picker-dialog .trade-market-options{max-height:48svh}.trade-return{width:100%;background:none;border:0;color:var(--trade-muted);font-size:14px;padding:9px}
.trade-review-symbol{display:flex;align-items:center;gap:12px;padding:14px;background:var(--trade-field);border:1px solid var(--trade-line);border-radius:13px}.trade-review-symbol>strong{font-size:24px;font-weight:500}.trade-review-symbol>span{margin-inline-start:auto;color:var(--trade-accent);font-size:14px}.trade-review-dialog.trade-sell .trade-review-symbol>span{color:var(--trade-negative)}.trade-review-rows{margin:0}.trade-review-rows>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--trade-line);padding:15px 0;font-size:13px}.trade-review-rows dt{color:var(--trade-muted)}.trade-review-rows dd{margin:0;font-size:14px}.trade-review-rows small{font-size:11px}
.token-trade-panel button:focus-visible,.trade-dialog button:focus-visible,.token-trade-panel a:focus-visible,.trade-dialog a:focus-visible{outline:2px solid var(--trade-accent);outline-offset:3px}
:root[data-theme=light] .token-trade-panel,:root[data-theme=light] .trade-dialog{--trade-bg:#fff;--trade-field:#f3f6f7;--trade-text:#19393f;--trade-muted:#6e8389;--trade-line:#335b6520;--trade-accent:#148471;--trade-soft:#13a98009;--trade-negative:#c44760}
:root[data-theme=light] .token-trade-panel{box-shadow:0 15px 45px #2443470a}:root[data-theme=light] .trade-side-tabs [data-slot=tabs-trigger][data-active]{background:#fff;color:#127862;box-shadow:0 2px 5px #234c4910}:root[data-theme=light] .trade-sell .trade-side-tabs [data-slot=tabs-trigger][data-active]{background:#fff;color:#bd4160}:root[data-theme=light] .trade-currency{background:#fff}:root[data-theme=light] .trade-market-quote .change-up{color:#0d8c61}:root[data-theme=light] .trade-market-quote .change-down{color:#d74750}
:root[dir=ltr] .trade-market-identity>strong{justify-content:flex-start}
@media(max-width:1150px){.project-layout{grid-template-columns:minmax(0,1fr) 385px;gap:30px}.trade-body{padding:19px}.trade-currency{padding:6px}.trade-input-row{gap:9px}.trade-input-row>input{font-size:24px}}
@media(max-width:950px){.project-layout{display:flex;flex-direction:column;gap:30px}.project-story{width:100%}.token-trade-panel{position:static;width:100%;max-width:540px;align-self:center;order:-1}.trade-body{padding:24px}.token-trade-panel .token-market-name>span{max-width:250px}.trade-presets button{font-size:12px}.trade-input-row>input{font-size:30px}.trade-dialog .trade-input-row>input{font-size:26px}}
@media(max-width:460px){.trade-body{padding:17px}.token-trade-panel>.token-market-header{padding:18px 17px}.token-trade-panel .token-market-name>span{max-width:130px}.token-trade-panel .token-market-header .token-icon{width:39px;height:39px;flex-basis:39px}.token-trade-panel .token-market-header .token-change{gap:4px;font-size:11px}.token-trade-panel .token-market-header .token-change>small{font-size:9px}.trade-input-row>input{font-size:24px}.trade-currency>b{font-size:14px}.trade-currency{gap:5px;padding:6px}.trade-currency .token-icon{width:24px;height:24px;flex-basis:24px}.trade-presets button{font-size:10px}.trade-amount-block{padding-inline:13px}.trade-main-tabs [data-slot=tabs-trigger]{font-size:13px}.trade-dialog[data-slot=dialog-content]{padding:22px}.trade-market-quote .token-change>small{display:none}}
@media(prefers-reduced-motion:reduce){.trade-submit,.trade-swap-line>button{transition:none}.trade-submit:hover:enabled{transform:none}}