.dx-wrap{padding-top:36px;padding-bottom:64px}
.dx-header{margin-bottom:28px}.dx-heading{display:flex;align-items:center;gap:16px}.dx-heading h1{font-size:32px;line-height:1.25;margin:3px 0}.dx-header>p{color:var(--ink-2);margin:12px 0 0}
.dx-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.dx-overview,.dx-trade{min-width:0}
.dx-market{padding:28px;background:linear-gradient(145deg,#fff,#edf2ff);position:relative;overflow:hidden}.dx-market-label{font-size:13px;color:var(--ink-2)}
.dx-nav-price{display:block;font-family:var(--f-display);font-size:clamp(34px,4.2vw,54px);letter-spacing:-1.5px;line-height:1.3;margin:12px 0 8px;overflow-wrap:anywhere}
.dx-nav-price.is-stale{opacity:.55}
.dx-price-meta{color:var(--ink-3);font-size:12px;white-space:pre-line;line-height:1.85}.dx-holding{display:grid;gap:8px;margin-top:28px;padding:22px 0 6px;border-top:1px solid var(--line)}.dx-holding>span{font-size:13px;color:var(--ink-2)}.dx-holding strong{font:700 26px var(--f-display);overflow-wrap:anywhere}.dx-holding small{font-size:13px;color:var(--ink-3)}
.dx-market-foot{font-size:12px;color:var(--ink-3);line-height:1.75;margin:18px 0 0}.dx-composition{padding:20px 2px 0}.dx-composition-head,.dx-section-head,.dx-data-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.dx-composition-head .btn,.dx-data-bar .btn{padding:6px 12px;min-height:36px;font-size:12px}
.dx-selected{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.dx-member{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:999px;padding:6px 10px 6px 6px;font-size:12px}.dx-member img,.dx-asset img,.dx-receipt-row img{border-radius:50%;object-fit:cover;flex-shrink:0}
.dx-trade{padding:22px}.dx-tabs{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:4px;background:var(--bg-2);padding:5px;border-radius:13px;margin-bottom:20px}.dx-tabs .btn{border:0;box-shadow:none;min-height:42px;padding:8px 5px;border-radius:9px;font-size:13px;white-space:normal;line-height:1.4;background:transparent;color:var(--ink-3)}.dx-tabs .btn.is-active{background:white;color:var(--accent-deep);box-shadow:0 2px 6px #14234d12}
.dx-operation-description{font-size:13px;line-height:1.85;color:var(--ink-2);min-height:48px;margin:0 0 18px}.dx-field{display:block;margin:16px 0}.dx-field>span{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.dx-field input{width:100%;min-width:0;padding:12px;border:1px solid var(--line-2);border-radius:10px}
.dx-rate-panel{display:grid;gap:7px;padding:14px 16px;border:1px solid var(--accent-line);background:var(--accent-softer);border-radius:12px;margin-bottom:18px;overflow-wrap:anywhere}.dx-rate-panel>span:first-child{font-size:11px;color:var(--ink-3)}.dx-rate-panel strong{font:700 20px var(--f-display)}.dx-rate-panel>span{font-size:13px;color:var(--ink-2)}.dx-rate-panel small{font-size:11px;line-height:1.7;color:var(--ink-3)}.dx-rate-panel.is-stale{background:var(--bg);border-color:var(--line-2)}.dx-amount-value{font-size:12px;line-height:1.75;color:var(--ink-3);margin:-7px 0 14px;overflow-wrap:anywhere}
.dx-amount-box{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding-right:16px}.dx-amount-box:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.dx-amount-box input{border:0;background:transparent;box-shadow:none!important;font:600 26px var(--f-display);padding:16px;flex:1;width:0}.dx-amount-box>b{font-size:14px;color:var(--ink-3);flex-shrink:0}
.dx-input-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:-5px}.dx-input-balance{font-size:12px;color:var(--ink-3);overflow-wrap:anywhere}.dx-percentages{display:flex;gap:6px}.dx-percentages .btn{font-size:11px;min-height:30px;padding:3px 10px;border-radius:8px;background:var(--accent-softer);box-shadow:none}
.dx-input-error{font-size:12px;color:var(--down-ink);line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.dx-approval-hint{font-size:12px;line-height:1.85;color:var(--ink-2);background:var(--accent-softer);border-radius:10px;padding:12px;margin-top:16px}
.dx-quote{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:16px;margin:20px 0 12px;min-height:76px}.dx-quote>small{font-size:12px;color:var(--ink-3)}.dx-output{display:block;font:700 26px var(--f-display);margin:8px 0 14px;overflow-wrap:anywhere}.dx-quote-placeholder{color:var(--ink-3);font-size:13px;line-height:1.8}
.dx-quote-row{display:flex;justify-content:space-between;align-items:start;gap:14px;font-size:12px;padding:5px 0}.dx-quote-row>span{color:var(--ink-3)}.dx-quote-row>strong{text-align:right;overflow-wrap:anywhere;max-width:60%;font-weight:600}.dx-quote .hint{font-size:11px;margin:10px 0 0}.dx-quote-expiry{font-size:11px;color:var(--ink-3);margin:10px 0;line-height:1.8}
.dx-trade #dx-operation>.btn{width:100%;margin-top:10px;min-height:48px;font-size:14px}.dx-gas-note{font-size:11px;line-height:1.8;color:var(--ink-3);margin:14px 0 0}
.dx-receipt-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.dx-receipt-row:last-child{border-bottom:0;padding-bottom:0}.dx-receipt-row>span{flex:1;min-width:0}.dx-receipt-row small{display:block;font-size:11px;color:var(--ink-3);margin-top:4px}.dx-receipt-row>strong{max-width:45%;overflow-wrap:anywhere;text-align:right}
.dx-progress{margin-top:16px;padding:16px;border:1px solid var(--accent-line);background:var(--accent-softer);border-radius:12px}.dx-progress-head{display:flex;align-items:center;gap:8px}.dx-progress-head strong{font-size:13px;flex:1}.dx-progress-head>small{font-size:11px;color:var(--ink-3);white-space:nowrap}.dx-progress p{font-size:12px;color:var(--ink-2);line-height:1.85;margin:10px 0}.dx-progress a{font-size:12px}
.dx-progress[data-step=done]{border-color:#b0ddc9;background:#f0faf5}.dx-progress[data-step=error]{border-color:var(--line-2);background:var(--bg)}
.dx-progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0;margin:12px 0;list-style:none}.dx-progress-steps li{font-size:10px;color:var(--ink-3);border-top:3px solid var(--line);padding-top:7px;text-align:center}.dx-progress-steps .is-current{border-color:var(--accent);color:var(--accent-deep)}.dx-progress-steps .is-done{border-color:#83b6a0}
.dx-spinner{display:inline-block;width:16px;height:16px;border:2px solid #bbcafa;border-top-color:var(--accent);border-radius:50%;animation:dx-spin .85s linear infinite;flex-shrink:0}.dx-trade .notice{margin:14px 0 0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.dx-data-bar{margin:22px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.dx-read-status{font-size:12px;color:var(--ink-3);line-height:1.7}
.dx-details{border:1px solid var(--line);background:white;border-radius:14px;margin:16px 0;overflow:hidden}.dx-details>summary{padding:18px 20px;font-size:13px;font-weight:600;cursor:pointer;list-style-position:inside}.dx-details[open]>summary{border-bottom:1px solid var(--line)}.dx-selection .basket-picker{margin:0;border:0;box-shadow:none;border-radius:0}
.dx-reserve-section{padding:20px 0 4px}.dx-section-head{align-items:baseline;flex-wrap:wrap}.dx-section-head h2{font-size:20px;margin:0}.dx-reserve-section>.hint{font-size:12px;margin:12px 0}.dx-reserves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.dx-asset{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:18px 14px;background:white;border:1px solid var(--line);border-radius:14px}.dx-asset>div{min-width:0}.dx-asset b{font-size:13px}.dx-asset p{font-size:12px;color:var(--ink-2);overflow-wrap:anywhere;margin:8px 0}.dx-asset a{font-size:11px}
.dx-advanced{padding:20px;max-width:640px}.dx-advanced .btn{margin:6px 0;width:100%}.dx-advanced hr{border:0;border-top:1px solid var(--line);margin:28px 0 16px}.dx-links{font-size:13px;margin:22px 0}
.dx-skeleton{color:transparent;border-radius:8px;background:linear-gradient(90deg,#e5eaf5,#f6f8fc,#e5eaf5);background-size:200% 100%;animation:dx-shimmer 1.4s ease infinite;max-width:250px}.dx-wrap [hidden]{display:none!important}
@keyframes dx-spin{to{transform:rotate(360deg)}}@keyframes dx-shimmer{to{background-position:-200% 0}}
@media(max-width:900px){.dx-workspace{gap:18px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.dx-market{padding:22px}.dx-trade{padding:18px}.dx-reserves{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dx-wrap{padding-top:24px}.dx-heading h1{font-size:27px}.dx-heading img{width:48px;height:48px}.dx-header{margin-bottom:20px}.dx-header>p{font-size:13px}.dx-workspace{grid-template-columns:1fr;gap:20px}.dx-market{padding:20px}.dx-nav-price{font-size:40px;margin-top:8px}.dx-holding{margin-top:16px;padding-top:16px}.dx-holding strong{font-size:24px}.dx-market-foot{margin-top:12px}.dx-composition{padding-top:16px}.dx-composition>.hint{font-size:11px}.dx-trade{padding:16px}.dx-tabs .btn{font-size:12px}.dx-operation-description{min-height:0}.dx-output{font-size:25px}.dx-reserves{gap:8px}.dx-asset{padding:14px 10px;gap:8px}.dx-asset img{width:28px;height:28px}.dx-asset b{font-size:12px}.dx-asset a{font-size:10px}.dx-section-head .hint{font-size:11px}.dx-details>summary{padding:16px;font-size:12px}.dx-data-bar{align-items:flex-start}.dx-price-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dx-spinner,.dx-skeleton{animation:none}}