.spot-mobile-search{display:none}.spot-expand-button{display:none!important}.app-shell .trade-layout{background:#050a11}.app-shell .market-list{background:linear-gradient(#080e17 0%,#060b12 100%);border-color:#1b3048}.app-shell .market-list .label{letter-spacing:.04em;color:#9fb1c8;font-weight:700}.app-shell .market-list button{transition:background .18s,border-color .18s,transform .18s}.app-shell .market-list button:hover{background:#102238;border-color:#28527c;transform:translate(2px)}.app-shell .market-list button.selected{background:linear-gradient(90deg,#102b49 0%,#0d1c2e 100%);box-shadow:inset 3px 0 #2d8cff}.app-shell .chart-area .trade-head{padding:4px 2px 10px}.app-shell .chart-area .pair{letter-spacing:-.02em;font-weight:800}.app-shell .chart-area .price{letter-spacing:-.03em;font-weight:800}.app-shell .chart-area .price .up,.app-shell .chart-area .price .danger{vertical-align:middle;margin-left:8px;font-size:.52em;font-weight:700}.app-shell .chart-area .trade-head .btn{background:#0b1725;border-color:#294563}.app-shell .order-panel{background:linear-gradient(#0c1725 0%,#080e16 100%)!important}.app-shell .order-panel input:focus{box-shadow:0 0 0 3px #2d8cff1f;border-color:#2d8cff!important}.app-shell .order-panel button:hover{filter:brightness(1.08)}.app-shell .order-panel .order-submit-button{transition:filter .18s,transform .18s}.app-shell .order-panel .order-submit-button:not(:disabled):hover{transform:translateY(-1px)}.app-shell .order-panel{font-variant-numeric:tabular-nums}.app-shell .order-panel input::placeholder{color:#53657c}.app-shell .order-panel label{letter-spacing:.01em}.app-shell .order-panel .notice{border-radius:10px!important;font-size:12px!important;line-height:1.45!important}.app-shell .order-panel .order-submit-button{letter-spacing:.01em}.app-shell .order-panel [style*="grid-template-columns:1fr 1fr"] button{transition:background .18s,color .18s,transform .18s}.app-shell .order-panel [style*="grid-template-columns:1fr 1fr"] button:active{transform:scale(.98)}.app-shell .order-panel>div:first-child{border-bottom:1px solid #18283a;padding-bottom:10px}.app-shell .order-panel>div:first-child .label{letter-spacing:.12em;color:#7fa7d4;font-size:10px}.app-shell .order-panel>div:first-child h2{letter-spacing:-.025em}.app-shell .order-panel label span{letter-spacing:.04em;font-size:11px}.app-shell .order-panel label input{font-variant-numeric:tabular-nums}.app-shell .order-panel .order-submit-button:disabled{cursor:not-allowed;filter:saturate(.65)}.app-shell .order-panel .muted{color:#71839a}@media (max-width:760px){.trade-layout{flex-direction:column;min-height:calc(100vh - 64px);padding-bottom:84px;display:flex}.market-list{box-sizing:border-box;background:#080d14;border-bottom:1px solid #1b2433;border-right:0;order:1;width:100%;height:auto;min-height:0;max-height:none;padding:16px 14px 14px;display:block;overflow:visible}.market-list .market-scroll{height:auto;min-height:0;max-height:0;transition:max-height .25s;display:none;overflow:hidden}.market-list.expanded .market-scroll{max-height:520px;display:block;overflow-y:auto}.market-list .market-scroll button{padding:12px 10px}.desktop-market-search{display:none!important}.spot-expand-button{color:#75b5ff;cursor:pointer;background:#101d2d;border:1px solid #263b54;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:44px;margin-top:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex!important}.spot-mobile-search{box-sizing:border-box;color:#fff;background:#070c13;border:1px solid #263244;border-radius:10px;outline:none;width:100%;height:44px;margin:0 0 12px;padding:13px 14px;font-size:15px;display:block}.market-count{margin-bottom:0!important}.chart-area{box-sizing:border-box;order:2;width:100%;padding:18px 14px 0}.chart-area .trade-head{align-items:flex-start;gap:12px}.chart-area .trade-head .btn{white-space:nowrap;padding:9px 10px;font-size:12px}.chart-area .chart{margin-top:14px;flex:none!important;height:430px!important;min-height:430px!important;max-height:430px!important}.chart-area .live-chart{flex:none!important;height:430px!important;min-height:430px!important;max-height:430px!important;overflow:hidden!important}.chart-area .live-chart .chart-toolbar{white-space:nowrap;flex:0 0 44px!important;height:44px!important;min-height:44px!important;overflow:hidden!important}.chart-area .live-chart .tradingview-widget-container{flex:0 0 386px!important;width:100%!important;height:386px!important;min-height:0!important;max-height:386px!important;position:relative!important;overflow:hidden!important}.chart-area .live-chart .tradingview-widget-container__widget{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.chart-area .live-chart iframe{border:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important}.chart-area .live-chart .chart-placeholder{height:auto!important;inset:44px 0 0!important}.order-panel{border-top:1px solid #1b2433;border-left:0;order:3;border-radius:0!important;padding:18px 14px!important}}@media (min-width:761px){.spot-expand-button{display:none!important}.app-shell{min-height:100vh;height:auto!important;overflow:visible!important}.app-shell .appbar{height:64px;padding-left:28px;padding-right:28px}.app-shell .trade-layout{grid-template-columns:190px minmax(0,1fr) 320px;align-items:start;gap:14px;min-height:calc(100vh - 64px);height:auto!important;overflow:visible!important}.app-shell .market-list{height:calc(100vh - 64px);min-height:0;max-height:calc(100vh - 64px);padding:18px 10px;position:sticky;top:64px;overflow-y:auto}.app-shell .chart-area{flex-direction:column;min-width:0;min-height:0;padding:10px 0 18px;display:flex;overflow:visible}.app-shell .chart-area .trade-head{flex:none;margin-bottom:4px}.app-shell .chart-area .pair{font-size:17px}.app-shell .chart-area .price{margin-top:4px;font-size:22px}.app-shell .chart-area .chart{flex:0 0 440px;margin-top:6px;overflow:hidden;height:440px!important;min-height:0!important}.app-shell .chart-area .live-chart{max-height:none;overflow:hidden;height:440px!important;min-height:0!important}.app-shell .chart-area .live-chart .chart-toolbar{height:40px!important;min-height:40px!important}.app-shell .chart-area .live-chart .tradingview-widget-container{overflow:hidden;min-height:0!important}.app-shell .order-panel{scrollbar-width:thin;scrollbar-color:#334155 transparent;align-self:start;min-width:0;height:fit-content;min-height:0;max-height:calc(100vh - 94px);position:sticky;top:78px;padding:14px!important;overflow:hidden auto!important}.app-shell .order-panel::-webkit-scrollbar{width:6px}.app-shell .order-panel::-webkit-scrollbar-track{background:0 0}.app-shell .order-panel::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.app-shell .order-panel h2{font-size:19px!important}.app-shell .order-panel>div:first-child,.app-shell .order-panel>div:nth-child(2),.app-shell .order-panel>div:nth-child(3){margin-bottom:8px!important}.app-shell .order-panel label{margin-bottom:7px!important}.app-shell .order-panel label input{min-height:38px;margin-top:4px!important;padding:8px 10px!important}.app-shell .order-panel>div[style*="Available funding balance"]{margin-bottom:8px!important;padding:7px 0!important}.app-shell .order-panel .order-submit-button{min-height:40px;padding:9px 10px!important}.app-shell .order-panel .tiny{margin-top:7px!important;line-height:1.25!important}.app-shell .trade-layout{grid-template-rows:auto;align-items:start}.app-shell .chart-area .chart,.app-shell .chart-area .live-chart{border-radius:14px}.app-shell .chart-area>div:last-child{margin-top:12px}.app-shell .order-panel{box-sizing:border-box}}@media (max-width:760px){.app-shell .market-list.expanded .market-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:260px!important;max-height:260px!important;overflow-y:auto!important}.app-shell .market-list.expanded{margin-bottom:24px!important}.app-shell .chart-area{padding-top:0!important}.app-shell .chart-area .trade-head{margin-top:0!important}}
.trade-layout{background:radial-gradient(circle at 50% -10%,#235c961f,#0000 38%),#050a11!important;gap:18px!important;padding:18px!important}.trade-layout>.market-list,.trade-layout>.chart-area,.trade-layout>.order-panel{min-width:0}.trade-layout>.market-list{box-shadow:0 16px 40px #0000002e,inset 0 1px #ffffff06;background:linear-gradient(#0b1827 0%,#07111d 100%)!important;border:1px solid #1d3852!important;border-radius:18px!important}.market-list>.label{padding:2px 4px 12px;color:#8ea9c4!important;letter-spacing:.14em!important;font-size:11px!important}.market-list .desktop-market-search{background:#081421!important;border:1px solid #294762!important;border-radius:11px!important;height:42px!important;margin:0 0 10px!important;font-size:13px!important}.market-list .desktop-market-search:focus,.spot-mobile-search:focus{box-shadow:0 0 0 3px #3187e81f;border-color:#3187e8!important}.market-list .market-count{padding:0 4px 8px;color:#637d98!important}.market-list .market-scroll{scrollbar-width:thin;scrollbar-color:#294762 transparent}.market-list .market-scroll button{min-height:48px;margin:4px 0;font-size:13px;color:#b7c7d9!important;border:1px solid #0000!important;border-radius:11px!important;padding:11px 10px!important}.market-list .market-scroll button:hover{background:#10253a!important;border-color:#284c6d!important;transform:none!important}.market-list .market-scroll button.selected{color:#fff!important;background:linear-gradient(90deg,#12395f,#10263c)!important;border-color:#2d8cff!important;box-shadow:inset 3px 0 #3b9cff,0 6px 18px #0000001f!important}.market-list .market-scroll button img,.market-list .market-scroll button>span>span:first-child{flex-shrink:0}.chart-area{gap:14px;padding:0!important}.chart-area>.trade-head{min-height:92px;box-shadow:0 16px 40px #00000029,inset 0 1px #ffffff06;background:linear-gradient(135deg,#0d1d2d 0%,#08131f 100%)!important;border:1px solid #1d3852!important;border-radius:18px!important;padding:20px 24px!important}.chart-area>.trade-head .pair{color:#edf5ff;letter-spacing:-.03em;font-size:20px!important;font-weight:800!important}.chart-area>.trade-head .price{color:#f5f9ff;letter-spacing:-.04em;margin-top:7px!important;font-size:30px!important;font-weight:800!important}.chart-area>.trade-head .muted{margin-top:6px;color:#7189a3!important}.chart-area>.trade-head .btn{font-weight:700;color:#a9d2ff!important;background:#10243a!important;border:1px solid #2b5277!important;border-radius:10px!important}.chart-area>.chart,.chart-area>.live-chart{box-shadow:0 16px 40px #0000002e;background:#080e16!important;border:1px solid #1d3852!important;border-radius:18px!important;margin-top:0!important}.chart-area>.chart .chart-toolbar,.chart-area>.live-chart .chart-toolbar{background:#0b1827!important;border-bottom:1px solid #1d3852!important}.chart-area>.chart .chart-footer,.chart-area>.live-chart .chart-footer{background:#091522!important;border-top:1px solid #1d3852!important}.trade-layout>.order-panel{box-shadow:0 16px 40px #0003,inset 0 1px #ffffff06;background:linear-gradient(#0d1c2c 0%,#08121e 100%)!important;border:1px solid #1d3852!important;border-radius:18px!important}.order-panel h2{color:#f2f7ff;letter-spacing:-.035em!important}.order-panel .label{letter-spacing:.13em!important;color:#83a7cc!important}.order-panel input{background:#07111c!important;border-color:#294762!important}.order-panel input:hover{border-color:#365b7e!important}.order-panel .notice{background:#0b1a2a!important;border-color:#294762!important}@media (min-width:1100px){.trade-layout{max-width:1700px;margin:0 auto;grid-template-columns:235px minmax(0,1fr) 360px!important;padding:22px 28px 36px!important}.trade-layout>.market-list{position:sticky;top:82px;height:calc(100vh - 104px)!important;max-height:calc(100vh - 104px)!important;padding:18px 12px!important}.trade-layout>.chart-area{min-height:0}.trade-layout>.order-panel{max-height:calc(100vh - 104px);position:sticky;top:82px;padding:22px!important;overflow-y:auto!important}}@media (max-width:1099px){.trade-layout{padding:16px!important}.chart-area>.trade-head{padding:18px 20px!important}}@media (max-width:760px){.trade-layout{background:#050a11!important;gap:14px!important;padding:12px 12px 96px!important}.trade-layout>.market-list{box-shadow:none;border-radius:16px!important;padding:14px!important}.market-list .spot-mobile-search{background:#081421!important;border-color:#294762!important;border-radius:12px!important;height:48px!important;margin:0 0 12px!important;padding:0 14px!important;font-size:16px!important}.market-list .market-scroll button{min-height:56px;margin:6px 0;border-radius:13px!important;padding:13px 12px!important;font-size:15px!important}.spot-expand-button{box-shadow:0 8px 20px #00000024;color:#b9dcff!important;background:linear-gradient(#123354,#0d243b)!important;border:1px solid #2b5b88!important;border-radius:13px!important;justify-content:center!important;height:48px!important;margin-top:12px!important;font-size:15px!important}.chart-area{gap:12px!important;padding:0!important}.chart-area>.trade-head{border-radius:16px!important;align-items:flex-start!important;min-height:0!important;padding:20px 18px!important}.chart-area>.trade-head .pair{font-size:21px!important}.chart-area>.trade-head .price{font-size:34px!important;line-height:1.05!important}.chart-area>.trade-head .muted{font-size:11px!important}.chart-area>.trade-head .btn{padding:10px 12px!important;font-size:12px!important}.chart-area>.chart,.chart-area>.live-chart{border-radius:16px!important}.trade-layout>.order-panel{box-shadow:none;border-radius:16px!important;padding:18px!important}.order-panel h2{font-size:24px!important}}@media (max-width:420px){.trade-layout{padding-left:10px!important;padding-right:10px!important}.chart-area>.trade-head{padding:18px 15px!important}.chart-area>.trade-head .pair{font-size:19px!important}.chart-area>.trade-head .price{font-size:30px!important}.chart-area>.trade-head .btn{padding:9px!important;font-size:11px!important}}.trade-layout>.order-panel{max-height:none!important;overflow:visible!important}